@juo/blocks 1.13.0-alpha.2 → 1.14.0

package/dist/core.js

@@ -1,10 +1,12 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { e as createContext, d, k as w, l as defineBlock, g as createBlockInstance, h as getDefinedBlocks, r as registerBlock, E, u } from "./block-B6s9jL7l.js";
-import { B, m, p, S, q, _, t, b, v, f, x, y, z, A, D, i, F, a, o, G, j, H, s, n, w as w2 } from "./block-B6s9jL7l.js";
-import { D as D2, a as a2, T, W, c, b as b2, d as d2, e, g, h, i as i2 } from "./juo-workflow-DY4rd256.js";
+import { c as createContext, d, w, r as registerBlock, E, u, g as getDefinedBlocks, a as createBlockInstance, b as defineBlock, s as subscribeContext, G as GRID_V1_ENGINE_ID, e as clampRect, f as applyFillExpansion, h as compactItems, i as findFreeRect, D as DEFAULT_GRID } from "./css-runtime-DWytAzZ5.js";
+import { B, C, j, k, l, L, P, S, T, m, n, o, p, q, t, v, x, y, z, A, F, H, I, J, K, M, N, O, Q, R, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5 } from "./css-runtime-DWytAzZ5.js";
 import { reportBlockWarning, reportBlockError } from "./observability.js";
+import { c as createEditorBridge, a as createSelectBlockMessage } from "./bridge-D838SWmN.js";
+import { p as p2 } from "./project-gridstack-DYLMKSH1.js";
+import { clearLayoutModeAdapter, getLayoutModeAdapter, registerLayoutModeAdapter } from "./layout-mode-adapter-BBd4JRQd.js";
 function createState() {
   const discountCode = d(null);
   const products = d([]);
@@ -73,111 +75,6 @@ function createState() {
   };
 }
 const StateContext = createContext("state");
-const OVERLAY_WRAPPER_SCHEMA = {
-  type: "object",
-  properties: {
-    props: {
-      type: "object",
-      properties: {
-        layout: {
-          type: "string",
-          enum: ["modal", "sidebar"]
-        },
-        canAbort: {
-          type: "boolean"
-        }
-      },
-      required: ["layout"],
-      additionalProperties: false
-    },
-    slots: {
-      type: "object",
-      properties: {
-        content: {}
-      },
-      additionalProperties: false
-    }
-  },
-  required: ["props", "slots"],
-  additionalProperties: false
-};
-function defineOverlayWrapper(opts) {
-  const layout = opts.layout ?? "sidebar";
-  const canAbort = opts.canAbort ?? true;
-  return defineBlock(opts.name, {
-    displayName: opts.title,
-    group: "internal",
-    schema: OVERLAY_WRAPPER_SCHEMA,
-    initialValue: () => ({
-      props: { layout, canAbort },
-      slots: {
-        content: [createBlockInstance(opts.content)]
-      }
-    }),
-    renderer: () => null
-  });
-}
-const OVERLAY_PREFIX$1 = "overlay:";
-function callInitialValue(block) {
-  if (typeof block.initialValue !== "function") return block.initialValue;
-  try {
-    return block.initialValue();
-  } catch (error) {
-    console.warn(
-      `[overlays] initialValue() threw for "${block.name}"; its content block will not be hidden from the palette.`,
-      error
-    );
-    return void 0;
-  }
-}
-function buildOverlayRegistry(blocks) {
-  var _a, _b;
-  const registry = {};
-  for (const block of blocks) {
-    if (!block.name.startsWith(OVERLAY_PREFIX$1)) continue;
-    const id = block.name.slice(OVERLAY_PREFIX$1.length);
-    const initial = callInitialValue(block);
-    const first = (_b = (_a = initial == null ? void 0 : initial.slots) == null ? void 0 : _a.content) == null ? void 0 : _b[0];
-    const contentBlock = typeof (first == null ? void 0 : first.type) === "string" ? first.type : "";
-    registry[id] = {
-      block: block.name,
-      title: block.displayName ?? id,
-      contentBlock
-    };
-  }
-  return registry;
-}
-const OVERLAY_PREFIX = "overlay:";
-const OverlayServiceContext = createContext("services/overlay");
-function createOverlayService(themeState, options = {}) {
-  const getBlocks = options.getBlocks ?? getDefinedBlocks;
-  const current = w(() => {
-    const root = themeState.overlay.blocks.value[0];
-    const type = root == null ? void 0 : root.type;
-    if (typeof type !== "string" || !type.startsWith(OVERLAY_PREFIX)) {
-      return null;
-    }
-    const props = root.props ?? {};
-    return {
-      name: type,
-      // Defaults mirror defineOverlayWrapper's seeding in overlay-wrapper.ts — keep in sync.
-      layout: props.layout ?? "sidebar",
-      canAbort: Boolean(props.canAbort ?? true)
-    };
-  });
-  return {
-    getEditableOverlays() {
-      return buildOverlayRegistry(getBlocks());
-    },
-    open(name, params) {
-      void themeState.resolve("overlay", name, params);
-    },
-    close() {
-      themeState.overlay.blocks.value = [];
-    },
-    current
-  };
-}
 function isLocalhostOrigin(origin) {
   try {
     const url = new URL(origin);
@@ -262,43 +159,13 @@ async function loadBlockRegistry(options = {}) {
 function createCustomerService(options) {
   const current = d(null);
   const accountOrdersUrl = d(options.getAccountOrdersUrl());
-  return {
+  const service = {
     current,
-    accountOrdersUrl,
-    async getCurrent() {
-      const result = await options.adapter.getCurrent();
-      if (result._tag === "Success") current.value = result.data;
-      return result;
-    }
+    accountOrdersUrl
   };
+  return service;
 }
 const CustomerServiceContext = createContext("services/customer");
-function createMockCustomerAdapter() {
-  const customer = { id: "customer-1", name: "Customer 1" };
-  return {
-    async getCurrent() {
-      return { _tag: "Success", data: customer };
-    }
-  };
-}
-function createApiCustomerAdapter(fetcher) {
-  return {
-    async getCurrent() {
-      try {
-        const res = await fetcher("/customer/info");
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        const data = await res.json();
-        const name = [data.firstName, data.lastName].filter(Boolean).join(" ") || data.email || "";
-        return {
-          _tag: "Success",
-          data: { id: data.id, name, email: data.email }
-        };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    }
-  };
-}
 const PARAMS = {
   DELETGATED_TOKEN: "delegated-token",
   REDIRECT_TO: "redirect-to",
@@ -312,125 +179,9 @@ const PARAMS = {
 function uuid() {
   return ("10000000-1000-4000-8000" + -1e11).replace(
     /[018]/g,
-    (c2) => (c2 ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c2 / 4).toString(16)
+    (c) => (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
   );
 }
-function createMockLoginAdapter() {
-  return {
-    async passwordlessStart() {
-      return { _tag: "Success", data: void 0 };
-    },
-    async authenticate() {
-      return {
-        _tag: "Success",
-        data: {
-          access_token: "mock-access-token",
-          refresh_token: "mock-refresh-token",
-          expires_in: 3600
-        }
-      };
-    },
-    getAuthorizeUrl({ connection, state, shop, appUrl }) {
-      const url = new URL(`${appUrl}/auth/customer/authorize`);
-      url.searchParams.set("connection", connection);
-      url.searchParams.set("state", state);
-      url.searchParams.set("shop", shop);
-      return url.toString();
-    }
-  };
-}
-function createApiLoginAdapter(fetcher, opts) {
-  const { shopDomain, appUrl } = opts;
-  async function callAuthEndpoint(path, body, lang) {
-    const url = lang ? `${path}?lang=${lang}` : path;
-    const res = await fetcher(url, {
-      method: "POST",
-      headers: {
-        Accept: "application/json",
-        "Content-Type": "application/json",
-        "X-Shopify-Shop-Domain": shopDomain
-      },
-      body: JSON.stringify(body)
-    });
-    if (res.status === 403) {
-      const data = await res.json();
-      if ("error_description" in data) {
-        if (data.error_description === "Wrong email or verification code.") {
-          throw new AuthenticationError(AuthenticationErrorReason.IncorrectCode);
-        } else if (data.error_description === "You've reached the maximum number of attempts. Please try to login again.") {
-          throw new AuthenticationError(AuthenticationErrorReason.TooManyTries);
-        } else if (data.error_description === "The verification code has expired. Please try to login again.") {
-          throw new AuthenticationError(AuthenticationErrorReason.Expired);
-        }
-      } else if ("code" in data && data.code === "AUTH_ERROR") {
-        throw new AuthenticationError(AuthenticationErrorReason.NoEmail, {
-          connection: data.connection
-        });
-      }
-    }
-    if (!res.ok) {
-      throw new Error(`Unexpected response: ${res.statusText}`);
-    }
-    return { _tag: "Success", data: void 0 };
-  }
-  return {
-    async passwordlessStart({ email, lang }) {
-      try {
-        await callAuthEndpoint(
-          "/auth/customer/passwordless/start",
-          { email },
-          lang
-        );
-        return { _tag: "Success", data: void 0 };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    async authenticate(params) {
-      try {
-        const res = await fetcher("/auth/customer/token", {
-          method: "POST",
-          headers: {
-            Accept: "application/json",
-            "Content-Type": "application/json",
-            "X-Shopify-Shop-Domain": shopDomain
-          },
-          body: JSON.stringify(params)
-        });
-        if (res.status === 403) {
-          const data = await res.json();
-          if ("error_description" in data) {
-            if (data.error_description === "Wrong email or verification code.") {
-              throw new AuthenticationError(AuthenticationErrorReason.IncorrectCode);
-            } else if (data.error_description === "You've reached the maximum number of attempts. Please try to login again.") {
-              throw new AuthenticationError(AuthenticationErrorReason.TooManyTries);
-            } else if (data.error_description === "The verification code has expired. Please try to login again.") {
-              throw new AuthenticationError(AuthenticationErrorReason.Expired);
-            }
-          } else if ("code" in data && data.code === "AUTH_ERROR") {
-            throw new AuthenticationError(AuthenticationErrorReason.NoEmail, {
-              connection: data.connection
-            });
-          }
-        }
-        if (!res.ok) {
-          throw new Error(`Unexpected response: ${res.statusText}`);
-        }
-        return { _tag: "Success", data: await res.json() };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    getAuthorizeUrl({ connection, state, shop }) {
-      const url = new URL(`${appUrl}/auth/customer/authorize`);
-      url.searchParams.set("connection", connection);
-      url.searchParams.set("state", state);
-      url.searchParams.set("shop", shop);
-      return url.toString();
-    }
-  };
-}
-const __vite_import_meta_env__ = {};
 var AuthenticationErrorReason = /* @__PURE__ */ ((AuthenticationErrorReason2) => {
   AuthenticationErrorReason2["Expired"] = "expired";
   AuthenticationErrorReason2["IncorrectCode"] = "wrong-code";
@@ -449,9 +200,6 @@ class AuthenticationError extends Error {
     this.data = data ?? {};
   }
 }
-const STORAGE_DELEGATED_TOKEN = "delegated-token";
-const STORAGE_REFRESH_TOKEN_KEY = "refresh-token";
-const STORAGE_STATE_KEY = "state";
 function storage(key, value) {
   const storageKey = `auth:${key}`;
   try {
@@ -467,33 +215,83 @@ function storage(key, value) {
   }
   return null;
 }
+const STORAGE_DELEGATED_TOKEN = "delegated-token";
+const STORAGE_REFRESH_TOKEN_KEY = "refresh-token";
+const STORAGE_STATE_KEY = "state";
+function createAuthFunctions(basePath, shop) {
+  async function start(email, lang) {
+    const response = await fetch(
+      `${basePath}/auth/customer/passwordless/start?lang=${lang}`,
+      {
+        method: "POST",
+        headers: {
+          Accept: "application/json",
+          "Content-Type": "application/json",
+          "X-Shopify-Shop-Domain": shop
+        },
+        body: JSON.stringify({ email })
+      }
+    );
+    if (response.status !== 200) {
+      throw new Error(`Unexpected response: ${response.statusText}`);
+    }
+  }
+  async function authenticate(data) {
+    const response = await fetch(`${basePath}/auth/customer/token`, {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        "X-Shopify-Shop-Domain": shop
+      },
+      body: JSON.stringify(data)
+    });
+    if (response.status === 403) {
+      const data2 = await response.json();
+      if ("error_description" in data2) {
+        if (data2.error_description === "Wrong email or verification code.") {
+          throw new AuthenticationError(
+            "wrong-code"
+            /* IncorrectCode */
+          );
+        } else if (data2.error_description === "You've reached the maximum number of attempts. Please try to login again.") {
+          throw new AuthenticationError(
+            "too-many-tries"
+            /* TooManyTries */
+          );
+        } else if (data2.error_description === "The verification code has expired. Please try to login again.") {
+          throw new AuthenticationError(
+            "expired"
+            /* Expired */
+          );
+        }
+      } else if ("code" in data2) {
+        if (data2.code === "AUTH_ERROR") {
+          throw new AuthenticationError("no-email", {
+            connection: data2.connection
+          });
+        }
+      }
+    }
+    if (response.status !== 200) {
+      throw new Error(`Unexpected response: ${response.statusText}`);
+    }
+    return await response.json();
+  }
+  return { start, authenticate };
+}
 function nonce(len = 10) {
   return uuid().replace(/-/g, "").slice(0, len);
 }
-function loginService(deps) {
-  const apiBase = deps.shop.rootUrl.replace(/\/$/, "") + "/api";
-  const appUrl = (typeof import.meta !== "undefined" ? __vite_import_meta_env__ == null ? void 0 : __vite_import_meta_env__.VITE_APP_URL : void 0) ?? "https://admin.juo.io";
-  const fetcher = (path, init) => fetch(`${apiBase}${path}`, init);
-  const adapter = createApiLoginAdapter(fetcher, {
-    shopDomain: deps.shop.domain,
-    appUrl
-  });
-  return createLoginService({
-    adapter,
-    router: deps.router,
-    formatError: deps.formatError,
-    shop: {
-      domain: deps.shop.domain,
-      locale: w(() => deps.getLocale())
-    },
-    onLoginSuccess: deps.onLoginSuccess
-  });
-}
-function createLoginService(init) {
-  const { adapter, formatError, router, shop, onLoginSuccess } = init;
+function createAuthService(apiUrl, shopDomain) {
+  const { start: authStart, authenticate: authAuthenticate } = createAuthFunctions(apiUrl, shopDomain);
   const accessToken = d(null);
-  const delegatedToken = d(storage(STORAGE_DELEGATED_TOKEN));
-  const refreshToken = d(storage(STORAGE_REFRESH_TOKEN_KEY));
+  const delegatedToken = d(
+    storage(STORAGE_DELEGATED_TOKEN)
+  );
+  const refreshToken = d(
+    storage(STORAGE_REFRESH_TOKEN_KEY)
+  );
   const expires = d(null);
   const state = d(storage(STORAGE_STATE_KEY));
   E(() => {
@@ -505,28 +303,67 @@ function createLoginService(init) {
   E(() => {
     storage(STORAGE_STATE_KEY, state.value);
   });
-  function storeTokens(data) {
+  function store(data) {
     const { access_token, refresh_token, expires_in } = data;
     accessToken.value = access_token;
     refreshToken.value = refresh_token;
     expires.value = new Date(Date.now() + expires_in);
   }
-  async function getToken() {
-    if (refreshToken.value == null) return null;
-    if (accessToken.value == null || typeof accessToken.value === "string" && (expires.value == null || expires.value < /* @__PURE__ */ new Date())) {
-      accessToken.value = new Promise(
-        (resolve, reject) => adapter.authenticate({ refreshToken: refreshToken.value }).then((result) => {
-          if (result._tag === "Failure") {
-            reject(result.error);
+  return {
+    state,
+    async start(email, lang) {
+      await authStart(email, lang);
+    },
+    async authenticate(data) {
+      store(await authAuthenticate(data));
+    },
+    getDelegatedToken() {
+      return delegatedToken.value;
+    },
+    setDelegatedToken(token) {
+      delegatedToken.value = token;
+    },
+    async getToken() {
+      if (refreshToken.value == null) {
+        return null;
+      }
+      if (accessToken.value == null || typeof accessToken.value === "string" && (expires.value == null || expires.value < /* @__PURE__ */ new Date())) {
+        accessToken.value = new Promise(
+          (resolve, reject) => authAuthenticate({ refreshToken: refreshToken.value }).then((data) => data).then((data) => {
+            store(data);
+            resolve(data.access_token);
             return;
-          }
-          storeTokens(result.data);
-          resolve(result.data.access_token);
-        }).catch(reject)
-      );
-    }
-    return Promise.resolve(accessToken.value);
-  }
+          }).catch(reject)
+        );
+      }
+      return Promise.resolve(accessToken.value);
+    },
+    logout() {
+      accessToken.value = null;
+      delegatedToken.value = null;
+      refreshToken.value = null;
+      expires.value = null;
+    },
+    isAuthenticated: w(
+      () => delegatedToken.value != null || refreshToken.value != null
+    )
+  };
+}
+function loginService(deps) {
+  return createLoginService({
+    apiUrl: `${deps.shop.rootUrl.replace(/\/$/, "")}/api`,
+    router: deps.router,
+    formatError: deps.formatError,
+    shop: {
+      domain: deps.shop.domain,
+      locale: w(() => deps.getLocale())
+    },
+    onLoginSuccess: deps.onLoginSuccess
+  });
+}
+function createLoginService(init) {
+  const { formatError, router, shop, onLoginSuccess } = init;
+  const auth = createAuthService(init.apiUrl.replace(/\/$/, ""), shop.domain);
   const userEmail = d(null);
   async function onSuccess(query) {
     await (onLoginSuccess == null ? void 0 : onLoginSuccess());
@@ -539,9 +376,13 @@ function createLoginService(init) {
             queryParams[key] = value;
           }
         });
-        router.push({ path: decodeURIComponent(redirect), query: queryParams });
+        router.push({
+          path: decodeURIComponent(redirect),
+          query: queryParams
+        });
       } else {
-        router.replace(decodeURIComponent(query.get(PARAMS.REDIRECT_TO)));
+        const redirect = query.get(PARAMS.REDIRECT_TO);
+        router.replace(decodeURIComponent(redirect));
       }
     } else {
       router.replace("/");
@@ -553,17 +394,16 @@ function createLoginService(init) {
         async start(email) {
           try {
             userEmail.value = email;
-            const lang = shop.locale instanceof u ? shop.locale.value : shop.locale;
-            const result = await adapter.passwordlessStart({
-              email: userEmail.value,
-              lang
-            });
-            if (result._tag === "Failure") {
-              return { _tag: "Failure", error: formatError(result.error) };
-            }
+            await auth.start(
+              userEmail.value,
+              shop.locale instanceof u ? shop.locale.value : shop.locale
+            );
             return { _tag: "Success", data: void 0 };
           } catch (error) {
-            return { _tag: "Failure", error: formatError(error) };
+            return {
+              _tag: "Failure",
+              error: formatError(error)
+            };
           }
         },
         async verify(email, code) {
@@ -574,61 +414,63 @@ function createLoginService(init) {
             };
           }
           try {
-            const result = await adapter.authenticate({
+            const result = await auth.authenticate({
               email: userEmail.value,
               code
             });
-            if (result._tag === "Failure") {
-              return { _tag: "Failure", error: formatError(result.error) };
-            }
-            storeTokens(result.data);
             await onSuccess();
-            return { _tag: "Success", data: void 0 };
+            return { _tag: "Success", data: result };
           } catch (error) {
-            return { _tag: "Failure", error: formatError(error) };
+            return {
+              _tag: "Failure",
+              error: formatError(error)
+            };
           }
         }
       }
     },
     social: {
       async start(provider) {
-        state.value = nonce();
-        const connection = provider === "Facebook" ? "facebook" : "google-oauth2";
-        window.location.href = adapter.getAuthorizeUrl({
-          connection,
-          state: state.value ?? "",
-          shop: shop.domain,
-          appUrl: (
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            (typeof import.meta !== "undefined" ? __vite_import_meta_env__ == null ? void 0 : __vite_import_meta_env__.VITE_APP_URL : void 0) ?? "https://admin.juo.io"
-          )
-        });
-        return { _tag: "Success", data: void 0 };
+        function socialUrl(key, shop2) {
+          auth.state.value = nonce();
+          const url = new URL(
+            // TODO: double check admin url
+            `${"https://admin.juo.io"}/auth/customer/authorize`
+          );
+          url.searchParams.append("connection", key);
+          url.searchParams.append("state", auth.state.value ?? "");
+          url.searchParams.append("shop", shop2);
+          return url.toString();
+        }
+        window.location.href = socialUrl(
+          provider === "Facebook" ? "facebook" : "google-oauth2",
+          shop.domain
+        );
+        return {
+          _tag: "Success",
+          data: void 0
+        };
       },
       async verify(code) {
         try {
-          const result = await adapter.authenticate({ code });
-          if (result._tag === "Failure") {
-            return { _tag: "Failure", error: formatError(result.error) };
-          }
-          storeTokens(result.data);
+          const result = await auth.authenticate({ code });
           await onSuccess();
-          return { _tag: "Success", data: void 0 };
+          return { _tag: "Success", data: result };
         } catch (error) {
-          return { _tag: "Failure", error: formatError(error) };
+          return {
+            _tag: "Failure",
+            error: formatError(error)
+          };
         }
       }
     },
     async logout() {
-      accessToken.value = null;
-      delegatedToken.value = null;
-      refreshToken.value = null;
-      expires.value = null;
+      await auth.logout();
       return { _tag: "Success", data: void 0 };
     },
     async handleQueryParams(query) {
       if (query.has(PARAMS.DELETGATED_TOKEN)) {
-        delegatedToken.value = query.get(PARAMS.DELETGATED_TOKEN);
+        auth.setDelegatedToken(query.get(PARAMS.DELETGATED_TOKEN));
         await onSuccess(query);
         return { _tag: "Success", data: void 0 };
       }
@@ -640,13 +482,16 @@ function createLoginService(init) {
       }
       const code = query.get(PARAMS.CODE);
       if (code != null) {
-        if (query.get(PARAMS.STATE) !== state.value) {
-          return { _tag: "Failure", error: formatError("Invalid state") };
+        if (query.get(PARAMS.STATE) !== auth.state.value) {
+          return {
+            _tag: "Failure",
+            error: formatError("Invalid state")
+          };
         } else {
           return service.social.verify(code);
         }
       }
-      if (query.get(PARAMS.REFRESH) === "1" && await getToken() != null) {
+      if (query.get(PARAMS.REFRESH) === "1" && await auth.getToken() != null) {
         await onSuccess();
         return { _tag: "Success", data: void 0 };
       }
@@ -663,20 +508,8 @@ function createLoginService(init) {
       }
       return { _tag: "Success", data: void 0 };
     },
-    isAuthenticated: w(
-      () => delegatedToken.value != null || refreshToken.value != null
-    ),
-    getToken,
-    async getAuthHeaders() {
-      if (delegatedToken.value) {
-        return { "X-Delegated-Token": delegatedToken.value };
-      }
-      const token = await getToken();
-      if (token) {
-        return { Authorization: `Bearer ${token}` };
-      }
-      return {};
-    }
+    isAuthenticated: auth.isAuthenticated,
+    getToken: () => auth.getToken()
   };
   return service;
 }
@@ -742,55 +575,6 @@ function createMockOrdersAdapter() {
     }
   };
 }
-function mapOrderLine(item) {
-  var _a;
-  return {
-    id: item.id,
-    title: item.title,
-    quantity: item.quantity,
-    variantImage: ((_a = item.variantImage) == null ? void 0 : _a.url) ? { url: item.variantImage.url, altText: item.variantImage.altText ?? void 0 } : null,
-    customAttributes: item.customAttributes
-  };
-}
-function mapOrder(order) {
-  return {
-    id: order.id,
-    createdAt: order.createdAt,
-    placedAt: order.placedAt,
-    currencyCode: order.currencyCode,
-    totalPrice: order.totalPrice,
-    financialStatus: order.financialStatus,
-    fulfillmentStatus: order.fulfillmentStatus,
-    lines: order.items.map(mapOrderLine),
-    customAttributes: order.customAttributes
-  };
-}
-function createApiOrdersAdapter(fetcher) {
-  return {
-    async getOrders(params) {
-      const query = new URLSearchParams();
-      if ((params == null ? void 0 : params.limit) != null) query.set("limit", String(params.limit));
-      if ((params == null ? void 0 : params.after) != null) query.set("after", params.after);
-      if ((params == null ? void 0 : params.before) != null) query.set("before", params.before);
-      if ((params == null ? void 0 : params.query) != null) query.set("query", params.query);
-      if ((params == null ? void 0 : params.includeOneTime) != null) query.set("includeOneTime", String(params.includeOneTime));
-      if ((params == null ? void 0 : params.sort) != null) query.set("sort", params.sort);
-      const qs = query.toString();
-      const res = await fetcher(`/customer/v1/orders${qs ? `?${qs}` : ""}`);
-      if (!res.ok) throw new Error(`HTTP ${res.status}`);
-      const body = await res.json();
-      return {
-        items: body.data.map(mapOrder),
-        pageInfo: {
-          hasNextPage: body.hasNextPage,
-          hasPrevPage: body.hasPrevPage,
-          startCursor: body.startCursor,
-          endCursor: body.endCursor
-        }
-      };
-    }
-  };
-}
 function createOrdersService(adapter) {
   return {
     async getOrders(params) {
@@ -810,7 +594,7 @@ function createMockProductAdapter() {
       id: "sample-1",
       title: "Hydrating Gel Cleanser for Face and Eye Area",
       featuredImage: {
-        url: "https://placehold.co/400x400?text=Product+1"
+        url: "https://via.placeholder.com/400x400?text=Product+1"
       },
       hasOnlyDefaultVariant: true,
       variants: [
@@ -818,7 +602,7 @@ function createMockProductAdapter() {
           id: "sample-1-1",
           title: "150 ml bottle",
           image: {
-            url: "https://placehold.co/400x400?text=Product+1"
+            url: "https://via.placeholder.com/400x400?text=Product+1"
           },
           price: {
             amount: "12.49",
@@ -844,7 +628,7 @@ function createMockProductAdapter() {
       id: "sample-2",
       title: "More COLLAGEN",
       featuredImage: {
-        url: "https://placehold.co/400x400?text=Product+2"
+        url: "https://via.placeholder.com/400x400?text=Product+2"
       },
       hasOnlyDefaultVariant: true,
       variants: [
@@ -852,7 +636,7 @@ function createMockProductAdapter() {
           id: "sample-2-1",
           title: "blackcurrant",
           image: {
-            url: "https://placehold.co/400x400?text=Product+2"
+            url: "https://via.placeholder.com/400x400?text=Product+2"
           },
           price: {
             amount: "12.49",
@@ -873,7 +657,7 @@ function createMockProductAdapter() {
       id: "sample-3",
       title: "Gentle deodorant for underarms and bust",
       featuredImage: {
-        url: "https://placehold.co/400x400?text=Product+3"
+        url: "https://via.placeholder.com/400x400?text=Product+3"
       },
       hasOnlyDefaultVariant: false,
       variants: [
@@ -881,7 +665,7 @@ function createMockProductAdapter() {
           id: "sample-3-1",
           title: "Green tea and jasmine",
           image: {
-            url: "https://placehold.co/400x400?text=Product+3a"
+            url: "https://via.placeholder.com/400x400?text=Product+3a"
           },
           price: {
             amount: "6.7",
@@ -899,7 +683,7 @@ function createMockProductAdapter() {
           id: "sample-3-2",
           title: "Lavender and mint",
           image: {
-            url: "https://placehold.co/400x400?text=Product+3b"
+            url: "https://via.placeholder.com/400x400?text=Product+3b"
           },
           price: {
             amount: "7.5",
@@ -931,48 +715,6 @@ function createMockProductAdapter() {
       }
     };
   }
-  function toAvailableProduct(product) {
-    return {
-      id: product.id,
-      title: product.title,
-      description: `Sample description for ${product.title}.`,
-      featuredImage: product.featuredImage ?? void 0,
-      hasOnlyDefaultVariant: product.hasOnlyDefaultVariant,
-      variants: product.variants.map((variant) => {
-        var _a, _b, _c;
-        const base = Number.parseFloat(variant.price.amount);
-        const sub = (_b = (_a = variant.purchaseOptions) == null ? void 0 : _a[0]) == null ? void 0 : _b.price.amount;
-        const current = sub == null ? base : Number.parseFloat(sub);
-        return {
-          id: variant.id,
-          availableForSale: true,
-          title: variant.title,
-          currentPrice: { amount: current, currencyCode: variant.price.currencyCode },
-          basePrice: { amount: base, currencyCode: variant.price.currencyCode },
-          image: variant.image ?? void 0,
-          recurring: (((_c = variant.purchaseOptions) == null ? void 0 : _c.length) ?? 0) > 0
-        };
-      })
-    };
-  }
-  const sampleBox = {
-    id: "sample-box-1",
-    title: "Build Your Own Box",
-    minProductsCount: 3,
-    parentProduct: "sample-1",
-    tiers: [
-      { value: 5, threshold: 3 },
-      { value: 10, threshold: 5 }
-    ],
-    variants: products.map((product) => ({
-      id: product.id,
-      variants: product.variants.map((variant) => ({ id: variant.id }))
-    })),
-    freeVariants: [],
-    thresholdType: "LINES_COUNT",
-    type: "PERCENTAGE",
-    restrictQuantityToTiers: false
-  };
   return {
     async getById(id) {
       await new Promise((resolve) => setTimeout(resolve, 100));
@@ -986,27 +728,6 @@ function createMockProductAdapter() {
       );
       return product == null ? null : processProduct(product);
     },
-    async getProductsByIds({ ids }) {
-      await new Promise((resolve) => setTimeout(resolve, 100));
-      return products.filter((product) => ids.includes(product.id)).map(({ variants: _variants, ...product }) => product);
-    },
-    async getBoxVariants({ ids }) {
-      await new Promise((resolve) => setTimeout(resolve, 100));
-      return products.filter((product) => ids.includes(product.id)).map(toAvailableProduct);
-    },
-    async getAvailableProducts({ q: q2 }) {
-      await new Promise((resolve) => setTimeout(resolve, 100));
-      const queryLower = q2 == null ? void 0 : q2.toLowerCase();
-      return products.filter(
-        (product) => !queryLower || product.title.toLowerCase().includes(queryLower) || product.variants.some(
-          (variant) => variant.title.toLowerCase().includes(queryLower)
-        )
-      ).map(toAvailableProduct);
-    },
-    async getBox({ id }) {
-      await new Promise((resolve) => setTimeout(resolve, 100));
-      return id === sampleBox.id ? sampleBox : null;
-    },
     async search(opts) {
       await new Promise((resolve) => setTimeout(resolve, 100));
       let filteredProducts = [...products];
@@ -1047,201 +768,18 @@ function createMockProductAdapter() {
     }
   };
 }
-function mapVariant(variant, currencyCode) {
-  var _a;
-  return {
-    id: variant.id,
-    title: variant.title,
-    image: variant.image == null ? null : { url: variant.image.url, altText: variant.image.altText ?? void 0 },
-    price: { amount: variant.price.toFixed(2), currencyCode },
-    ...((_a = variant.purchaseOptions) == null ? void 0 : _a.length) ? {
-      purchaseOptions: variant.purchaseOptions.map((opt) => ({
-        name: opt.name,
-        price: { amount: opt.price.toFixed(2), currencyCode },
-        interval: opt.interval
-      }))
-    } : {}
-  };
-}
-function mapProduct(product, currencyCode) {
-  return {
-    id: product.id,
-    title: product.title,
-    featuredImage: product.image == null ? null : { url: product.image.url, altText: product.image.altText ?? void 0 },
-    hasOnlyDefaultVariant: product.variants.length <= 1,
-    variants: {
-      items: product.variants.map((v2) => mapVariant(v2, currencyCode)),
-      pageInfo: {
-        hasNextPage: false,
-        hasPrevPage: false,
-        startCursor: null,
-        endCursor: null
-      }
-    },
-    collections: product.collections
-  };
-}
-function createApiProductAdapter(fetcher, opts = { currencyCode: "USD" }) {
-  const { currencyCode } = opts;
-  async function fetchProducts(params) {
-    const query = params.toString() ? `?${params.toString()}` : "";
-    const res = await fetcher(`/customer/v1/products${query}`);
-    if (!res.ok) throw new Error(`HTTP ${res.status}`);
-    return res.json();
-  }
+const ProductServiceContext = createContext("services/product");
+function createProductService(adapter) {
   return {
     async getById(id) {
-      try {
-        const params = new URLSearchParams({ query: `id:"${id}"`, limit: "1" });
-        const body = await fetchProducts(params);
-        return body.data.length > 0 ? mapProduct(body.data[0], currencyCode) : null;
-      } catch {
-        return null;
-      }
+      return adapter.getById(id);
     },
     async getByVariantId(variantId) {
-      try {
-        const params = new URLSearchParams({
-          query: `variants.id:"${variantId}"`,
-          limit: "1"
-        });
-        const body = await fetchProducts(params);
-        return body.data.length > 0 ? mapProduct(body.data[0], currencyCode) : null;
-      } catch {
-        return null;
-      }
-    },
-    async search(opts2) {
-      try {
-        const params = new URLSearchParams();
-        if (opts2 == null ? void 0 : opts2.query) {
-          params.set("query", `"${opts2.query.trim().replace(/"/g, '\\"')}"`);
-        }
-        if (opts2 == null ? void 0 : opts2.pagination) {
-          if ("after" in opts2.pagination)
-            params.set("after", opts2.pagination.after);
-          else if ("before" in opts2.pagination)
-            params.set("before", opts2.pagination.before);
-        }
-        const body = await fetchProducts(params);
-        return {
-          items: body.data.map((p2) => mapProduct(p2, currencyCode)),
-          pageInfo: {
-            hasNextPage: body.hasNextPage,
-            hasPrevPage: body.hasPrevPage,
-            startCursor: body.startCursor,
-            endCursor: body.endCursor
-          }
-        };
-      } catch {
-        return {
-          items: [],
-          pageInfo: {
-            hasNextPage: false,
-            hasPrevPage: false,
-            startCursor: null,
-            endCursor: null
-          }
-        };
-      }
-    },
-    async getProductsByIds({ ids }) {
-      const params = new URLSearchParams();
-      for (const id of ids) params.append("ids", id);
-      const res = await fetcher(`/customer/products/by-ids?${params.toString()}`);
-      if (!res.ok) return [];
-      const data = await res.json();
-      return (data ?? []).map((p2) => ({
-        id: p2.id,
-        title: p2.title ?? "",
-        featuredImage: p2.featuredImage ? { url: p2.featuredImage.url, altText: p2.featuredImage.altText } : null,
-        hasOnlyDefaultVariant: true,
-        collections: []
-      }));
-    },
-    async getBoxVariants({ ids, subscriptionId }) {
-      const params = new URLSearchParams();
-      for (const id of ids) params.append("ids", id);
-      params.set("subscriptionId", subscriptionId);
-      const res = await fetcher(`/customer/products/variants?${params.toString()}`);
-      if (!res.ok) return [];
-      const data = await res.json();
-      return (data ?? []).map((p2) => {
-        var _a;
-        return {
-          id: p2.id,
-          title: p2.title,
-          description: p2.description ?? "",
-          featuredImage: p2.featuredImage,
-          hasOnlyDefaultVariant: p2.hasOnlyDefaultVariant ?? (((_a = p2.variants) == null ? void 0 : _a.length) ?? 0) <= 1,
-          variants: (p2.variants ?? []).map((v2) => ({
-            id: v2.id,
-            availableForSale: v2.availableForSale,
-            title: v2.title,
-            currentPrice: v2.currentPrice,
-            basePrice: v2.basePrice,
-            image: v2.image,
-            recurring: v2.recurring
-          }))
-        };
-      });
-    },
-    async getAvailableProducts({ subscriptionId, lineId, q: q2, mode, action, pagination }) {
-      const params = new URLSearchParams();
-      params.set("action", action);
-      if (q2) params.set("q", q2);
-      if (mode) params.set("mode", mode);
-      if (pagination && "after" in pagination) params.set("after", pagination.after);
-      if (pagination && "before" in pagination) params.set("before", pagination.before);
-      const res = await fetcher(
-        `/customer/subscriptions/${subscriptionId}/lines/${lineId}/available-products?${params.toString()}`
-      );
-      if (!res.ok) return [];
-      const data = await res.json();
-      return (data ?? []).map((p2) => {
-        var _a;
-        return {
-          id: p2.id,
-          title: p2.title,
-          description: p2.description ?? "",
-          featuredImage: p2.featuredImage,
-          hasOnlyDefaultVariant: p2.hasOnlyDefaultVariant ?? (((_a = p2.variants) == null ? void 0 : _a.length) ?? 0) <= 1,
-          variants: (p2.variants ?? []).map((v2) => ({
-            id: v2.id,
-            availableForSale: v2.availableForSale,
-            title: v2.title,
-            currentPrice: v2.currentPrice,
-            basePrice: v2.basePrice,
-            image: v2.image,
-            recurring: v2.recurring
-          }))
-        };
-      });
-    },
-    async getBox({ id }) {
-      const res = await fetcher(`/customer/boxes/${id}`);
-      if (!res.ok) return null;
-      const data = await res.json();
-      return { id, ...data };
-    }
-  };
-}
-const ProductServiceContext = createContext("services/product");
-function createProductService(adapter) {
-  return {
-    async getById(id) {
-      return adapter.getById(id);
-    },
-    async getByVariantId(variantId) {
-      return adapter.getByVariantId(variantId);
+      return adapter.getByVariantId(variantId);
     },
     async search(opts) {
       return adapter.search(opts);
-    },
-    getProductsByIds: (ids) => adapter.getProductsByIds({ ids }),
-    getBoxVariants: (ids, subscriptionId) => adapter.getBoxVariants({ ids, subscriptionId }),
-    getAvailableProducts: (params) => adapter.getAvailableProducts(params),
-    getBox: (id) => adapter.getBox({ id })
+    }
   };
 }
 function routeNameTableFromPages(pages) {
@@ -1258,7 +796,7 @@ function routeNameTableFromPages(pages) {
 function createRouterService(options) {
   const { pages, pushImplementation } = options;
   const routeNameToPagePath = routeNameTableFromPages(pages);
-  const pathSet = new Set(pages.map((p2) => p2.path));
+  const pathSet = new Set(pages.map((p3) => p3.path));
   const navigationSubscribers = [];
   function notifySubscribers(logicalPath) {
     for (const cb of navigationSubscribers) cb({ path: logicalPath });
@@ -1295,74 +833,7 @@ function createMockRouterService() {
     }
   }).routerService;
 }
-function toAttributeArray(next) {
-  return Object.entries(next).map(([key, value]) => ({ key, value }));
-}
 function createMockSubscriptionAdapter(options = {}) {
-  const richBase = (id, itemId, renewalId) => ({
-    id,
-    customerId: "customer_1",
-    items: [
-      {
-        id: itemId,
-        // Aligned with the mock product catalog (createMockProductAdapter):
-        // sample-3 "Gentle deodorant", variant sample-3-1 "Green tea and jasmine",
-        // recurring price 5.36 EUR (10% off → 4.82 with SAVE10).
-        productId: "sample-3",
-        variantId: "sample-3-1",
-        quantity: 2,
-        price: { amount: "5.36", currencyCode: "EUR" },
-        nextDeliveryDate: /* @__PURE__ */ new Date("2025-11-15"),
-        isUpsell: false,
-        isVirtual: false,
-        nextBillingDate: "2025-11-15T00:00:00Z",
-        currentPrice: { amount: "5.36", currencyCode: "EUR" },
-        lineDiscountedPrice: { amount: "4.82", currencyCode: "EUR" },
-        variantAvailableForSale: true,
-        title: "Gentle deodorant for underarms and bust",
-        variantTitle: "Green tea and jasmine",
-        variantImage: { url: "https://placehold.co/400x400?text=Product+3a" },
-        billingPolicy: { intervalCount: 1, interval: "MONTH" },
-        deliveryPolicy: { intervalCount: 1, interval: "MONTH" }
-      }
-    ],
-    discounts: [
-      {
-        id: "discount_1",
-        type: "percentage",
-        value: 10,
-        code: "SAVE10",
-        description: "10% off subscription"
-      }
-    ],
-    status: "active",
-    nextDeliveryDate: /* @__PURE__ */ new Date("2025-11-15"),
-    frequency: "1 MONTH",
-    createdAt: "2024-10-01T00:00:00Z",
-    updatedAt: "2024-10-14T00:00:00Z",
-    billingPolicy: { intervalCount: 1, interval: "MONTH", minCycles: 6 },
-    deliveryPolicy: {
-      intervalCount: 1,
-      interval: "MONTH",
-      anchors: [{ day: 15, type: "MONTHDAY" }]
-    },
-    nextBillingDate: "2025-11-15T00:00:00Z",
-    nextBillingAttempt: { date: "2025-11-15T00:00:00Z", attempt: 1, ready: true },
-    lastBillingAttempt: { date: "2025-10-15T00:00:00Z", ready: true },
-    nextFulfillment: "2025-11-17T00:00:00Z",
-    estimatedOrderDate: "2025-11-13T00:00:00Z",
-    customerPaymentMethod: {
-      id: "pm_1",
-      instrument: { type: "credit_card", brand: "visa", maskedNumber: "************4242" },
-      active: true,
-      isRecurring: true
-    },
-    requiredBillingCyclesLeft: 3,
-    renewal: { id: renewalId, isInActiveProcessState: false },
-    lastPaymentStatus: "succeeded",
-    pausePeriod: null,
-    isEditable: true
-  });
   const mockSubscriptions = [
     {
       id: "sub_1",
@@ -1370,27 +841,14 @@ function createMockSubscriptionAdapter(options = {}) {
       items: [
         {
           id: "item_1",
-          // Aligned with the mock product catalog (createMockProductAdapter):
-          // sample-1 "Hydrating Gel Cleanser" (default variant), recurring price
-          // 9.99 EUR (10% off → 8.99 with SAVE10).
-          productId: "sample-1",
-          variantId: "sample-1-1",
+          productId: "product_1",
+          variantId: "variant_1",
           quantity: 2,
-          price: { amount: "9.99", currencyCode: "EUR" },
+          price: { amount: "29.99", currencyCode: "USD" },
           nextDeliveryDate: /* @__PURE__ */ new Date("2025-11-15"),
-          isUpsell: false,
-          isVirtual: false,
-          nextBillingDate: "2025-11-15T00:00:00Z",
-          currentPrice: { amount: "9.99", currencyCode: "EUR" },
-          lineDiscountedPrice: { amount: "8.99", currencyCode: "EUR" },
-          variantAvailableForSale: true,
-          title: "Hydrating Gel Cleanser for Face and Eye Area",
-          variantImage: { url: "https://placehold.co/400x400?text=Product+1" },
-          billingPolicy: { intervalCount: 1, interval: "MONTH" },
-          deliveryPolicy: { intervalCount: 1, interval: "MONTH" },
           customAttributes: [
-            { key: "skin_type", value: "combination" },
-            { key: "fragrance", value: "fragrance_free" }
+            { key: "roast_level", value: "medium" },
+            { key: "grind_type", value: "whole_bean" }
           ]
         }
       ],
@@ -1408,31 +866,9 @@ function createMockSubscriptionAdapter(options = {}) {
       frequency: "1 MONTH",
       createdAt: "2024-10-01T00:00:00Z",
       updatedAt: "2024-10-14T00:00:00Z",
-      billingPolicy: { intervalCount: 1, interval: "MONTH", minCycles: 6 },
-      deliveryPolicy: {
-        intervalCount: 1,
-        interval: "MONTH",
-        anchors: [{ day: 15, type: "MONTHDAY" }]
-      },
-      nextBillingDate: "2025-11-15T00:00:00Z",
-      nextBillingAttempt: { date: "2025-11-15T00:00:00Z", attempt: 1, ready: true },
-      lastBillingAttempt: { date: "2025-10-15T00:00:00Z", ready: true },
-      nextFulfillment: "2025-11-17T00:00:00Z",
-      estimatedOrderDate: "2025-11-13T00:00:00Z",
-      customerPaymentMethod: {
-        id: "pm_1",
-        instrument: { type: "credit_card", brand: "visa", maskedNumber: "************4242" },
-        active: true,
-        isRecurring: true
-      },
-      requiredBillingCyclesLeft: 3,
-      renewal: { id: "ren_1", isInActiveProcessState: false },
-      lastPaymentStatus: "succeeded",
-      pausePeriod: null,
-      isEditable: true,
       customAttributes: [
         { key: "subscription_tier", value: "premium" },
-        { key: "gift_message", value: "Enjoy your skincare routine!" }
+        { key: "gift_message", value: "Enjoy your coffee!" }
       ]
     },
     {
@@ -1441,17 +877,11 @@ function createMockSubscriptionAdapter(options = {}) {
       items: [
         {
           id: "item_2",
-          // Aligned with the mock product catalog (createMockProductAdapter):
-          // sample-2 "More COLLAGEN" (default variant), recurring price 10.99 EUR.
-          productId: "sample-2",
-          variantId: "sample-2-1",
+          productId: "product_2",
+          variantId: "variant_2",
           quantity: 1,
-          price: { amount: "10.99", currencyCode: "EUR" },
+          price: { amount: "49.99", currencyCode: "USD" },
           nextDeliveryDate: /* @__PURE__ */ new Date("2025-11-20"),
-          title: "More COLLAGEN",
-          variantImage: { url: "https://placehold.co/400x400?text=Product+2" },
-          billingPolicy: { intervalCount: 2, interval: "WEEK" },
-          deliveryPolicy: { intervalCount: 2, interval: "WEEK" },
           customAttributes: []
         }
       ],
@@ -1462,66 +892,17 @@ function createMockSubscriptionAdapter(options = {}) {
       createdAt: "2024-09-15T00:00:00Z",
       updatedAt: "2024-10-10T00:00:00Z",
       customAttributes: []
-    },
-    // Per-status fixtures: groundwork for the deferred editor preview picker
-    // (docs/superpowers/specs/2026-06-17-renewalsummary-parity-and-mock-groundwork-design.md §9).
-    // Not consumed yet — the editor still seeds the active sub_1 via getDefaultSubscriptionId().
-    {
-      ...richBase("sub_paused", "item_paused", "ren_paused"),
-      status: "paused",
-      pausePeriod: { start: "2025-11-01T00:00:00Z", end: "2026-01-01T00:00:00Z" }
-    },
-    {
-      ...richBase("sub_canceled", "item_canceled", "ren_canceled"),
-      status: "canceled",
-      pausePeriod: null
-    },
-    {
-      ...richBase("sub_failed", "item_failed", "ren_failed"),
-      status: "failed",
-      lastPaymentStatus: "failed",
-      pausePeriod: null
-    },
-    {
-      ...richBase("sub_expired", "item_expired", "ren_expired"),
-      status: "expired",
-      pausePeriod: null
-    }
-  ];
-  const mockUpsellProducts = [
-    {
-      id: "upsell-1",
-      variantId: "upsell-v-1",
-      title: "Retinol Night Cream",
-      imageUrl: "https://images.unsplash.com/photo-1617897903246-719242758050?w=200",
-      price: { amount: "38.00", currencyCode: "USD" },
-      description: "Anti-aging night treatment"
-    },
-    {
-      id: "upsell-2",
-      variantId: "upsell-v-2",
-      title: "SPF 50 Day Shield",
-      imageUrl: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=200",
-      price: { amount: "24.00", currencyCode: "USD" },
-      description: "Lightweight daily sun protection"
     }
   ];
   return {
     async getById(id) {
       await new Promise((resolve) => setTimeout(resolve, 300));
-      const subscription = mockSubscriptions.find((sub) => sub.id === id);
-      return {
-        _tag: "Success",
-        data: subscription ? {
-          ...subscription,
-          items: subscription.items.map((item) => ({ ...item })),
-          discounts: subscription.discounts.map((d3) => ({ ...d3 }))
-        } : null
-      };
+      const subscription = mockSubscriptions.find((sub) => sub.id === id) || null;
+      return { _tag: "Success", data: subscription };
     },
     async search(options2 = {}) {
       await new Promise((resolve) => setTimeout(resolve, 300));
-      const pageSize = 2;
+      const pageSize = 1;
       const allItems = mockSubscriptions;
       let startIndex = 0;
       let endIndex = pageSize;
@@ -1537,108 +918,29 @@ function createMockSubscriptionAdapter(options = {}) {
         }
       }
       const pageItems = allItems.slice(startIndex, endIndex);
-      return {
-        _tag: "Success",
-        data: {
-          items: pageItems.map((sub) => ({
-            ...sub,
-            items: sub.items.map((item) => ({ ...item })),
-            discounts: sub.discounts.map((discount) => ({ ...discount }))
-          })),
-          pageInfo: {
-            hasNextPage: endIndex < allItems.length,
-            hasPrevPage: startIndex > 0,
-            startCursor: pageItems.length > 0 ? startIndex.toString() : null,
-            endCursor: pageItems.length > 0 ? (endIndex - 1).toString() : null
-          }
+      const paginatedList = {
+        items: pageItems.map((sub) => ({
+          ...sub,
+          items: sub.items.map((item) => ({ ...item })),
+          discounts: sub.discounts.map((discount) => ({ ...discount }))
+        })),
+        pageInfo: {
+          hasNextPage: endIndex < allItems.length,
+          hasPrevPage: startIndex > 0,
+          startCursor: pageItems.length > 0 ? startIndex.toString() : null,
+          endCursor: pageItems.length > 0 ? (endIndex - 1).toString() : null
         }
       };
+      return { _tag: "Success", data: paginatedList };
     },
-    async addItem({ subscriptionId, item }) {
-      var _a, _b, _c, _d, _e, _f, _g;
-      await new Promise((resolve) => setTimeout(resolve, 300));
-      const subscription = mockSubscriptions.find((sub) => sub.id === subscriptionId);
-      if (!subscription) {
-        return { _tag: "Failure", error: "Subscription not found" };
-      }
-      const currencyCode = ((_a = subscription.items[0]) == null ? void 0 : _a.price.currencyCode) ?? "USD";
-      const product = await ((_b = options.productAdapter) == null ? void 0 : _b.getByVariantId(item.variantId)) ?? await ((_c = options.productAdapter) == null ? void 0 : _c.getById(item.variantId)) ?? null;
-      const variant = (product == null ? void 0 : product.variants.items.find((v2) => v2.id === item.variantId)) ?? (product == null ? void 0 : product.variants.items[0]);
-      const linePrice = ((_e = (_d = variant == null ? void 0 : variant.purchaseOptions) == null ? void 0 : _d[0]) == null ? void 0 : _e.price) ?? (variant == null ? void 0 : variant.price);
-      subscription.items.push({
-        id: `item_${Date.now()}_${subscription.items.length}`,
-        productId: (product == null ? void 0 : product.id) ?? "",
-        variantId: item.variantId,
-        quantity: item.quantity,
-        price: linePrice ? { ...linePrice } : { amount: "0.00", currencyCode },
-        ...linePrice ? { currentPrice: { ...linePrice } } : {},
-        title: (product == null ? void 0 : product.title) ?? `Product ${item.variantId}`,
-        ...variant && product && !product.hasOnlyDefaultVariant ? { variantTitle: variant.title } : {},
-        ...(variant == null ? void 0 : variant.image) ? { variantImage: variant.image } : {},
-        variantAvailableForSale: true,
-        billingPolicy: ((_f = subscription.items[0]) == null ? void 0 : _f.billingPolicy) ?? subscription.billingPolicy ?? null,
-        deliveryPolicy: ((_g = subscription.items[0]) == null ? void 0 : _g.deliveryPolicy) ?? subscription.deliveryPolicy ?? null
-      });
-      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      return { _tag: "Success", data: void 0 };
-    },
-    async removeItem({ subscriptionId, itemId }) {
-      await new Promise((resolve) => setTimeout(resolve, 300));
-      const subscription = mockSubscriptions.find((sub) => sub.id === subscriptionId);
-      if (!subscription) {
-        return { _tag: "Failure", error: "Subscription not found" };
-      }
-      subscription.items = subscription.items.filter((i3) => i3.id !== itemId);
-      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      return { _tag: "Success", data: void 0 };
-    },
-    async updateItem({ subscriptionId, lineId, update }) {
-      await new Promise((resolve) => setTimeout(resolve, 300));
-      const subscription = mockSubscriptions.find((sub) => sub.id === subscriptionId);
-      if (!subscription) {
-        return { _tag: "Failure", error: "Subscription not found" };
-      }
-      const item = subscription.items.find((i3) => i3.id === lineId);
-      if (!item) {
-        return { _tag: "Failure", error: "Line item not found" };
-      }
-      if (update.variantId !== void 0) item.variantId = update.variantId;
-      if (update.quantity !== void 0) item.quantity = update.quantity;
-      if (update.billingPolicy !== void 0) item.billingPolicy = update.billingPolicy;
-      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      return { _tag: "Success", data: void 0 };
-    },
-    async updateItemAttributes({ subscriptionId, lineId, customAttributes }) {
-      await new Promise((resolve) => setTimeout(resolve, 300));
-      const subscription = mockSubscriptions.find((sub) => sub.id === subscriptionId);
-      if (!subscription) {
-        return { _tag: "Failure", error: "Subscription not found" };
-      }
-      const item = subscription.items.find((i3) => i3.id === lineId);
-      if (!item) {
-        return { _tag: "Failure", error: "Line item not found" };
-      }
-      item.customAttributes = toAttributeArray(customAttributes);
-      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      return { _tag: "Success", data: void 0 };
-    },
-    async updateAttributes({ subscriptionId, customAttributes }) {
+    async addItem() {
       await new Promise((resolve) => setTimeout(resolve, 300));
-      const subscription = mockSubscriptions.find((sub) => sub.id === subscriptionId);
-      if (!subscription) {
-        return { _tag: "Failure", error: "Subscription not found" };
-      }
-      subscription.customAttributes = toAttributeArray(customAttributes);
-      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
       return { _tag: "Success", data: void 0 };
     },
-    async skipLineItem() {
+    async removeItem() {
       await new Promise((resolve) => setTimeout(resolve, 300));
       return { _tag: "Success", data: void 0 };
     },
-    async updateBoxItems() {
-      return { _tag: "Success", data: void 0 };
-    },
     async addDiscount() {
       await new Promise((resolve) => setTimeout(resolve, 300));
       const behavior = options.addDiscountBehavior ?? { kind: "success" };
@@ -1667,29 +969,24 @@ function createMockSubscriptionAdapter(options = {}) {
         (sub) => sub.id === params.subscriptionId
       );
       if (!subscription) {
-        return { _tag: "Failure", error: "Subscription not found" };
+        return {
+          _tag: "Failure",
+          error: "Subscription not found"
+        };
       }
       subscription.nextDeliveryDate = new Date(params.newDate);
       subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      return { _tag: "Success", data: { ...subscription } };
-    },
-    async updateCustomAttributes(params) {
-      await new Promise((resolve) => setTimeout(resolve, 300));
-      const subscription = mockSubscriptions.find(
-        (sub) => sub.id === params.subscriptionId
-      );
-      if (!subscription) {
-        return { _tag: "Failure", error: "Subscription not found" };
-      }
-      const preserved = (subscription.customAttributes ?? []).filter(
-        (attr) => attr.key.startsWith("_")
-      );
-      const next = Object.entries(params.customAttributes).map(
-        ([key, value]) => ({ key, value })
-      );
-      subscription.customAttributes = [...preserved, ...next];
-      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      return { _tag: "Success", data: { ...subscription } };
+      subscription.items.forEach((item) => {
+        item.nextDeliveryDate = new Date(params.newDate);
+      });
+      return {
+        _tag: "Success",
+        data: {
+          ...subscription,
+          items: subscription.items.map((item) => ({ ...item })),
+          discounts: subscription.discounts.map((discount) => ({ ...discount }))
+        }
+      };
     },
     async resume(params) {
       await new Promise((resolve) => setTimeout(resolve, 300));
@@ -1697,1110 +994,121 @@ function createMockSubscriptionAdapter(options = {}) {
         (sub) => sub.id === params.subscriptionId
       );
       if (!subscription) {
-        return { _tag: "Failure", error: "Subscription not found" };
-      }
-      subscription.status = "active";
-      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      return { _tag: "Success", data: { ...subscription } };
-    },
-    async pause(params) {
-      await new Promise((resolve) => setTimeout(resolve, 300));
-      const subscription = mockSubscriptions.find(
-        (sub) => sub.id === params.subscriptionId
-      );
-      if (!subscription) {
-        return { _tag: "Failure", error: "Subscription not found" };
-      }
-      subscription.status = "paused";
-      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      return { _tag: "Success", data: { ...subscription } };
-    },
-    async reactivate(params) {
-      await new Promise((resolve) => setTimeout(resolve, 300));
-      const subscription = mockSubscriptions.find(
-        (sub) => sub.id === params.subscriptionId
-      );
-      if (!subscription) {
-        return { _tag: "Failure", error: "Subscription not found" };
+        return {
+          _tag: "Failure",
+          error: "Subscription not found"
+        };
       }
       subscription.status = "active";
       subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      return { _tag: "Success", data: { ...subscription } };
-    },
-    async cancel(params) {
-      await new Promise((resolve) => setTimeout(resolve, 300));
-      const subscription = mockSubscriptions.find(
-        (sub) => sub.id === params.subscriptionId
-      );
-      if (!subscription) {
-        return { _tag: "Failure", error: "Subscription not found" };
-      }
-      subscription.status = "canceled";
-      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      return { _tag: "Success", data: { ...subscription } };
-    },
-    async getAvailablePlans() {
-      await new Promise((resolve) => setTimeout(resolve, 300));
-      return {
-        _tag: "Success",
-        data: [
-          {
-            id: "plan_1",
-            name: "Monthly",
-            billingPolicy: { intervalCount: 1, interval: "MONTH" },
-            deliveryPolicy: { intervalCount: 1, interval: "MONTH" }
-          },
-          {
-            id: "plan_2",
-            name: "Every 2 months",
-            billingPolicy: { intervalCount: 2, interval: "MONTH" },
-            deliveryPolicy: { intervalCount: 2, interval: "MONTH" }
-          },
-          {
-            id: "plan_3",
-            name: "Every 3 months",
-            billingPolicy: { intervalCount: 3, interval: "MONTH" },
-            deliveryPolicy: { intervalCount: 3, interval: "MONTH" }
-          }
-        ]
-      };
-    },
-    async getLastOrder(params) {
-      await new Promise((resolve) => setTimeout(resolve, 200));
-      const subscription = mockSubscriptions.find((sub) => sub.id === params.subscriptionId);
-      if (!subscription) return { _tag: "Success", data: null };
       return {
         _tag: "Success",
         data: {
-          id: `mock_last_order_${params.subscriptionId}`,
-          createdAt: "2026-04-22T12:00:00Z"
+          ...subscription,
+          items: subscription.items.map((item) => ({ ...item })),
+          discounts: subscription.discounts.map((discount) => ({ ...discount }))
         }
       };
     },
-    async renewNow(_params) {
-      await new Promise((resolve) => setTimeout(resolve, 300));
-      return { _tag: "Success", data: { result: "success" } };
-    },
-    async changeFrequency(params) {
+    async pause(params) {
       await new Promise((resolve) => setTimeout(resolve, 300));
-      const subscription = mockSubscriptions.find((sub) => sub.id === params.subscriptionId);
+      const subscription = mockSubscriptions.find(
+        (sub) => sub.id === params.subscriptionId
+      );
       if (!subscription) {
-        return { _tag: "Failure", error: "Subscription not found" };
-      }
-      if (typeof params.plan === "string") {
-        subscription.frequency = `1 ${params.plan}`;
-      } else {
-        subscription.frequency = `${params.plan.intervalCount} ${params.plan.interval}`;
-        if (subscription.billingPolicy) {
-          subscription.billingPolicy = { ...subscription.billingPolicy, ...params.plan };
-        }
-        if (subscription.deliveryPolicy) {
-          subscription.deliveryPolicy = { ...subscription.deliveryPolicy, ...params.plan };
-        }
+        return {
+          _tag: "Failure",
+          error: "Subscription not found"
+        };
       }
+      subscription.status = "paused";
       subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
       return {
         _tag: "Success",
         data: {
           ...subscription,
           items: subscription.items.map((item) => ({ ...item })),
-          discounts: subscription.discounts.map((d3) => ({ ...d3 }))
+          discounts: subscription.discounts.map((discount) => ({ ...discount }))
         }
       };
     },
-    async getDefaultSubscriptionId() {
-      var _a;
-      await new Promise((resolve) => setTimeout(resolve, 300));
-      return { _tag: "Success", data: ((_a = mockSubscriptions[0]) == null ? void 0 : _a.id) ?? null };
-    },
-    async getUpsellProducts() {
-      await new Promise((resolve) => setTimeout(resolve, 300));
-      return { _tag: "Success", data: [...mockUpsellProducts] };
-    },
-    async addUpsellProduct() {
-      await new Promise((resolve) => setTimeout(resolve, 400));
-      return { _tag: "Success", data: void 0 };
-    }
-  };
-}
-function normalizeInstrumentType(type) {
-  return type.replace(/-/g, "_");
-}
-function mapPaymentMethod(rawPm) {
-  if (!rawPm) return null;
-  if (typeof rawPm === "string") {
-    return { id: rawPm };
-  }
-  return {
-    id: rawPm.id ?? "",
-    ...rawPm.instrument != null ? {
-      instrument: {
-        ...rawPm.instrument,
-        type: normalizeInstrumentType(rawPm.instrument.type)
-      }
-    } : {},
-    ...rawPm.active != null ? { active: rawPm.active } : {},
-    ...rawPm.isRecurring != null ? { isRecurring: rawPm.isRecurring } : {}
-  };
-}
-function mapSubscription(raw) {
-  var _a, _b;
-  const status = raw.status === "merged" ? "canceled" : raw.status;
-  const deliveryPolicy = raw.deliveryPolicy ?? ((_b = (_a = raw.items) == null ? void 0 : _a[0]) == null ? void 0 : _b.deliveryPolicy);
-  const frequency = deliveryPolicy ? `${deliveryPolicy.intervalCount} ${deliveryPolicy.interval}` : "";
-  return {
-    id: raw.id,
-    customerId: "",
-    serial: raw.serial,
-    items: (raw.items ?? []).map(
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (item) => ({
-        id: item.id,
-        productId: item.productId ?? item.product ?? "",
-        variantId: item.variantId ?? item.variant ?? "",
-        quantity: item.quantity,
-        price: item.price ?? {
-          amount: String(item.totalPrice ?? 0),
-          currencyCode: raw.currencyCode ?? ""
-        },
-        nextDeliveryDate: item.nextDeliveryDate ? new Date(item.nextDeliveryDate) : null,
-        billingPolicy: item.billingPolicy ?? raw.billingPolicy ?? null,
-        deliveryPolicy: item.deliveryPolicy ?? raw.deliveryPolicy ?? null,
-        // Map human-readable titles from the v1 SubscriptionItemResource
-        title: item.title,
-        variantTitle: item.subtitle ?? void 0,
-        // recurringCycleLimit === 1 means the item charges exactly once (one-time upsell)
-        recurringCycleLimit: item.recurringCycleLimit ?? null,
-        customAttributes: Array.isArray(item.customAttributes) ? item.customAttributes : []
-      })
-    ),
-    discounts: (raw.discounts ?? []).map(
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (d3) => {
-        var _a2, _b2, _c;
-        return {
-          id: d3.id,
-          type: ((_a2 = d3.value) == null ? void 0 : _a2.type) === "fixed-amount" || d3.type === "fixed_amount" ? "fixed_amount" : "percentage",
-          value: ((_b2 = d3.value) == null ? void 0 : _b2.amount) ?? ((_c = d3.value) == null ? void 0 : _c.percentage) ?? d3.value ?? 0,
-          code: d3.title ?? d3.code ?? "",
-          description: d3.description ?? ""
-        };
-      }
-    ),
-    status,
-    nextDeliveryDate: raw.nextBillingDate ? new Date(raw.nextBillingDate) : raw.nextDeliveryDate ? new Date(raw.nextDeliveryDate) : null,
-    // Map nextBillingDate as the raw ISO string for ProductSelect skip() and other consumers
-    nextBillingDate: raw.nextBillingDate ?? null,
-    // Map customerPaymentMethod — note: arrives as bare id (not expanded) since the
-    // subscriptions endpoint does not support ?expand=paymentMethod; instrument digits
-    // remain a data gap pending backend API extension.
-    customerPaymentMethod: mapPaymentMethod(raw.paymentMethod),
-    frequency,
-    createdAt: raw.createdAt,
-    updatedAt: raw.updatedAt,
-    billingPolicy: raw.billingPolicy ?? null,
-    deliveryPolicy: raw.deliveryPolicy ?? null,
-    customAttributes: Array.isArray(raw.customAttributes) ? raw.customAttributes : []
-  };
-}
-function createApiSubscriptionAdapter(fetcher) {
-  const adapter = {
-    async search(options) {
-      var _a;
-      try {
-        const params = new URLSearchParams();
-        if ((_a = options == null ? void 0 : options.filters) == null ? void 0 : _a.length) {
-          const q2 = options.filters.filter((f2) => Object.keys(f2).length > 0).flatMap((f2) => Object.entries(f2).filter(([, v2]) => Boolean(v2))).map(([k, v2]) => `${k}:'${v2}'`).join(" AND ");
-          if (q2) params.set("query", q2);
-        }
-        if (options == null ? void 0 : options.pagination) {
-          if ("after" in options.pagination)
-            params.set("after", options.pagination.after);
-          else if ("before" in options.pagination)
-            params.set("before", options.pagination.before);
-        }
-        const query = params.toString() ? `?${params.toString()}` : "";
-        const res = await fetcher(`/customer/v1/subscriptions${query}`);
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        const body = await res.json();
-        return {
-          _tag: "Success",
-          data: {
-            items: body.data.map(mapSubscription),
-            pageInfo: {
-              hasNextPage: body.hasNextPage,
-              hasPrevPage: body.hasPrevPage,
-              startCursor: body.startCursor,
-              endCursor: body.endCursor
-            }
-          }
-        };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    async getById(id) {
-      try {
-        const res = await fetcher(
-          `/customer/v1/subscriptions?query=id:"${id}"&limit=1`
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        const body = await res.json();
-        const raw = body.data[0];
-        return { _tag: "Success", data: raw ? mapSubscription(raw) : null };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    async addItem({ subscriptionId, item }) {
-      try {
-        const res = await fetcher(
-          `/customer/v1/subscriptions/${subscriptionId}/items`,
-          {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify(item)
-          }
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        return { _tag: "Success", data: void 0 };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    async removeItem({ subscriptionId, itemId }) {
-      try {
-        const res = await fetcher(
-          `/customer/v1/subscriptions/${subscriptionId}/items/${itemId}`,
-          { method: "DELETE" }
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        return { _tag: "Success", data: void 0 };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    async updateItem({ subscriptionId, lineId, update }) {
-      try {
-        const body = {
-          ...update.variantId !== void 0 ? { productVariantId: update.variantId } : {},
-          ...update.quantity !== void 0 ? { quantity: update.quantity } : {},
-          ...update.billingPolicy !== void 0 ? { billingPolicy: update.billingPolicy } : {},
-          ...update.shippingMethodHandle !== void 0 ? { shippingMethodHandle: update.shippingMethodHandle } : {}
-        };
-        const res = await fetcher(
-          `/customer/subscriptions/${subscriptionId}/lines/${lineId}`,
-          {
-            method: "PUT",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify(body)
-          }
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        return { _tag: "Success", data: void 0 };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    async updateItemAttributes({ subscriptionId, lineId, customAttributes }) {
-      try {
-        const res = await fetcher(
-          `/customer/v1/subscriptions/${subscriptionId}/items/${lineId}`,
-          {
-            method: "PATCH",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ customAttributes })
-          }
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        return { _tag: "Success", data: void 0 };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    async updateAttributes({ subscriptionId, customAttributes }) {
-      try {
-        const res = await fetcher(
-          `/customer/v1/subscriptions/${subscriptionId}`,
-          {
-            method: "PATCH",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ customAttributes })
-          }
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        return { _tag: "Success", data: void 0 };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    async skipLineItem({ subscriptionId, lineId, nextBillingDate }) {
-      try {
-        const res = await fetcher(
-          `/customer/subscriptions/${subscriptionId}/lines/${lineId}`,
-          {
-            method: "PUT",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ nextBillingDate })
-          }
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        return { _tag: "Success", data: void 0 };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    async updateBoxItems({ subscriptionId, parentId, items, shippingMethodHandle }) {
-      try {
-        const res = await fetcher(
-          `/customer/subscriptions/${subscriptionId}/update-box-products`,
-          {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ parentId, items, shippingMethodHandle })
-          }
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        return { _tag: "Success", data: void 0 };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    async addDiscount({ subscriptionId, code }) {
-      try {
-        const res = await fetcher(
-          `/customer/v1/subscriptions/${subscriptionId}/discounts`,
-          {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ code })
-          }
-        );
-        if (!res.ok) return { _tag: "Failure", error: { kind: "NETWORK", message: `HTTP ${res.status}` } };
-        return { _tag: "Success", data: void 0 };
-      } catch (e2) {
-        return { _tag: "Failure", error: { kind: "UNKNOWN", message: e2 instanceof Error ? e2.message : void 0 } };
-      }
-    },
-    async removeDiscount({ subscriptionId, discountId }) {
-      try {
-        const res = await fetcher(
-          `/customer/v1/subscriptions/${subscriptionId}/discounts/${discountId}`,
-          { method: "DELETE" }
-        );
-        if (!res.ok) return { _tag: "Failure", error: { kind: "NETWORK", message: `HTTP ${res.status}` } };
-        return { _tag: "Success", data: void 0 };
-      } catch (e2) {
-        return { _tag: "Failure", error: { kind: "UNKNOWN", message: e2 instanceof Error ? e2.message : void 0 } };
-      }
-    },
-    // Uses PATCH /customer/v1/subscriptions/{id} — the dedicated /reschedule route does not exist.
-    async reschedule({ subscriptionId, newDate }) {
-      try {
-        const res = await fetcher(
-          `/customer/v1/subscriptions/${subscriptionId}`,
-          {
-            method: "PATCH",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ nextBillingDate: newDate })
-          }
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        const data = await res.json();
-        return { _tag: "Success", data: mapSubscription(data) };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    // PATCH /customer/v1/subscriptions/{id} with the full customer-visible set.
-    async updateCustomAttributes({ subscriptionId, customAttributes }) {
-      try {
-        const res = await fetcher(
-          `/customer/v1/subscriptions/${subscriptionId}`,
-          {
-            method: "PATCH",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ customAttributes })
-          }
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        const data = await res.json();
-        return { _tag: "Success", data: mapSubscription(data) };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    async resume({ subscriptionId }) {
-      try {
-        const res = await fetcher(
-          `/customer/v1/subscriptions/${subscriptionId}/resume`,
-          { method: "POST" }
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        const data = await res.json();
-        return { _tag: "Success", data: mapSubscription(data) };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    async pause({ subscriptionId }) {
-      try {
-        const res = await fetcher(
-          `/customer/v1/subscriptions/${subscriptionId}/pause`,
-          { method: "POST" }
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        const data = await res.json();
-        return { _tag: "Success", data: mapSubscription(data) };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    async reactivate({ subscriptionId }) {
-      try {
-        const res = await fetcher(
-          `/customer/v1/subscriptions/${subscriptionId}/reactivate`,
-          { method: "POST" }
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        const data = await res.json();
-        return { _tag: "Success", data: mapSubscription(data) };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    async cancel({ subscriptionId, reason }) {
-      try {
-        const res = await fetcher(
-          `/customer/v1/subscriptions/${subscriptionId}/cancel`,
-          {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ cancellationReason: reason })
-          }
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        const data = await res.json();
-        return { _tag: "Success", data: mapSubscription(data) };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    // Legacy endpoint — no /customer/v1/subscriptions/{id}/plans exists yet.
-    async getAvailablePlans({ subscriptionId }) {
-      try {
-        const res = await fetcher(
-          `/customer/subscriptions/${subscriptionId}/plans`
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        const data = await res.json();
-        return { _tag: "Success", data };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    // Legacy endpoint — no /customer/v1 equivalent exists yet.
-    async getDefaultSubscriptionId() {
-      try {
-        const res = await fetcher(
-          `/customer/subscriptions/one-by-next-billing-date`
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        const data = await res.json();
-        return { _tag: "Success", data: (data == null ? void 0 : data.id) ?? null };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    // Legacy endpoint — no /customer/v1/subscriptions/{id}/upsells exists yet.
-    async getUpsellProducts({ subscriptionId }) {
-      try {
-        const res = await fetcher(
-          `/customer/subscriptions/${subscriptionId}/upsell-products`
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        const data = await res.json();
-        const products = data.map((p2) => {
-          var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-          return {
-            id: p2.id,
-            variantId: ((_b = (_a = p2.variants) == null ? void 0 : _a[0]) == null ? void 0 : _b.id) ?? "",
-            title: p2.title ?? "",
-            imageUrl: ((_c = p2.featuredImage) == null ? void 0 : _c.url) ?? void 0,
-            price: {
-              amount: String(((_f = (_e = (_d = p2.variants) == null ? void 0 : _d[0]) == null ? void 0 : _e.currentPrice) == null ? void 0 : _f.amount) ?? 0),
-              currencyCode: ((_i = (_h = (_g = p2.variants) == null ? void 0 : _g[0]) == null ? void 0 : _h.currentPrice) == null ? void 0 : _i.currencyCode) ?? ""
-            },
-            // recurring comes from the upsell rule on variants[0]; present in PreparedProductSchema
-            recurring: (_k = (_j = p2.variants) == null ? void 0 : _j[0]) == null ? void 0 : _k.recurring
-          };
-        });
-        return { _tag: "Success", data: products };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    // Legacy endpoint — no /customer/v1/subscriptions/{id}/upsells POST exists yet.
-    async addUpsellProduct({ subscriptionId, variantId, quantity, oneTime }) {
-      try {
-        const res = await fetcher(
-          `/customer/subscriptions/${subscriptionId}/upsell`,
-          {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({
-              productVariantId: variantId,
-              quantity,
-              ...oneTime ? { renewalLimit: 1 } : {}
-            })
-          }
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        return { _tag: "Success", data: void 0 };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    // Legacy endpoint — no /customer/v1 equivalent exists yet.
-    async getLastOrder({ subscriptionId }) {
-      try {
-        const res = await fetcher(
-          `/customer/subscriptions/${subscriptionId}/last-order`
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        const data = await res.json();
-        if (!data) return { _tag: "Success", data: null };
-        return {
-          _tag: "Success",
-          data: { id: data.id, createdAt: data.createdAt }
-        };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    // Legacy endpoints, split by stage (see SubscriptionService.renewNow docs):
-    //   retry      → POST /customer/subscriptions/{id}/retry
-    //   renewalId  → POST /customer/renewals/{renewalId}/renew
-    //   default    → POST /customer/subscriptions/{id}/order-now
-    async renewNow({ subscriptionId, renewalId, retry }) {
-      try {
-        const url = retry ? `/customer/subscriptions/${subscriptionId}/retry` : renewalId ? `/customer/renewals/${renewalId}/renew` : `/customer/subscriptions/${subscriptionId}/order-now`;
-        const res = await fetcher(url, { method: "POST" });
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        const body = res.status === 204 ? null : await res.json();
-        return {
-          _tag: "Success",
-          data: {
-            nextActionUrl: (body == null ? void 0 : body.nextActionUrl) ?? void 0,
-            result: (body == null ? void 0 : body.result) ?? "success"
-          }
-        };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    // Legacy endpoint — POST /plan returns 204; re-fetch to return the updated subscription.
-    async changeFrequency({ subscriptionId, plan }) {
-      try {
-        const res = await fetcher(
-          `/customer/subscriptions/${subscriptionId}/plan`,
-          {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ plan })
-          }
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        const refreshed = await adapter.getById(subscriptionId);
-        if (refreshed._tag === "Failure") return refreshed;
-        if (refreshed.data) return { _tag: "Success", data: refreshed.data };
-        return {
-          _tag: "Failure",
-          error: "Subscription not found after frequency change"
-        };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    }
-  };
-  return adapter;
-}
-function toIsoOrNull(value) {
-  const date = new Date(value);
-  return Number.isNaN(date.getTime()) ? null : date.toISOString();
-}
-function buildMatcher(params) {
-  const { cycle, date } = params;
-  let iso;
-  if (date != null) {
-    const parsed = toIsoOrNull(date);
-    if (parsed == null) return { ok: false, error: "date must be a valid date" };
-    iso = parsed;
-  }
-  if (cycle != null && iso != null) {
-    return { ok: true, matcher: { type: "CYCLE_AND_DATE", input: { cycle, date: iso } } };
-  }
-  if (cycle != null) return { ok: true, matcher: { type: "CYCLE", input: { cycle } } };
-  if (iso != null) return { ok: true, matcher: { type: "DATE", input: { date: iso } } };
-  return { ok: false, error: "Either cycle or date is required" };
-}
-const DELIVERY_PRICE_CENTS = 500;
-const DELIVERY_OFFSET_DAYS = 2;
-function toCents(amount) {
-  const n2 = Number.parseFloat(amount ?? "0");
-  return Number.isFinite(n2) ? Math.round(n2 * 100) : 0;
-}
-function addInterval(date, interval, units) {
-  const d3 = new Date(date);
-  switch (interval) {
-    case "DAY":
-      d3.setDate(d3.getDate() + units);
-      break;
-    case "WEEK":
-      d3.setDate(d3.getDate() + units * 7);
-      break;
-    case "YEAR":
-      d3.setFullYear(d3.getFullYear() + units);
-      break;
-    default:
-      d3.setMonth(d3.getMonth() + units);
-      break;
-  }
-  return d3;
-}
-function mapItem(sub, item, cycle) {
-  var _a, _b;
-  const price = toCents(((_a = item.currentPrice) == null ? void 0 : _a.amount) ?? item.price.amount);
-  return {
-    id: `${sub.id}_cycle_${cycle}_${item.id}`,
-    title: item.title ?? `Product ${item.variantId}`,
-    subtitle: item.variantTitle ?? null,
-    imageUrl: (_b = item.variantImage) == null ? void 0 : _b.url,
-    variantId: item.variantId,
-    quantity: item.quantity,
-    price,
-    totalPrice: price * item.quantity,
-    variantImage: item.variantImage ?? null,
-    variantAvailableForSale: item.variantAvailableForSale ?? true,
-    subscriptionId: sub.id,
-    subscriptionLineId: item.id,
-    productId: item.productId,
-    parentProductId: item.parentProductId ?? null,
-    parentLineId: item.parentLineId ?? null,
-    isVirtual: item.isVirtual ?? false,
-    isUpsell: item.isUpsell ?? false,
-    recurringCycleLimit: item.recurringCycleLimit ?? null,
-    customAttributes: item.customAttributes ?? []
-  };
-}
-function projectUpcomingOrders(sub, count) {
-  var _a, _b;
-  if (sub.status !== "active") return [];
-  const billing = sub.billingPolicy ?? ((_a = sub.items[0]) == null ? void 0 : _a.billingPolicy) ?? { interval: "MONTH", intervalCount: 1 };
-  const baseStr = sub.nextBillingDate ?? (sub.nextDeliveryDate ? sub.nextDeliveryDate.toISOString() : null);
-  const base = baseStr ? new Date(baseStr) : /* @__PURE__ */ new Date();
-  const currencyCode = ((_b = sub.items[0]) == null ? void 0 : _b.price.currencyCode) ?? "USD";
-  const orders = [];
-  for (let cycle = 0; cycle < count; cycle++) {
-    const billingDate = addInterval(
-      base,
-      billing.interval,
-      cycle * billing.intervalCount
-    );
-    const deliveryDate = addInterval(billingDate, "DAY", DELIVERY_OFFSET_DAYS);
-    const items = sub.items.map((item) => mapItem(sub, item, cycle));
-    const subtotal = items.reduce((sum, it) => sum + it.totalPrice, 0);
-    orders.push({
-      id: `${sub.id}_cycle_${cycle}`,
-      customerId: sub.customerId,
-      subscriptionId: sub.id,
-      date: billingDate.toISOString(),
-      skipped: false,
-      currencyCode,
-      subtotal,
-      deliveryPrice: DELIVERY_PRICE_CENTS,
-      cycleIndex: cycle,
-      deliveryDate: deliveryDate.toISOString(),
-      status: "scheduled",
-      items,
-      discounts: sub.discounts.map((d3) => ({
-        id: d3.id,
-        title: d3.code,
-        type: d3.type,
-        value: d3.value
-      }))
-    });
-  }
-  return orders;
-}
-function applyAdjustments(orders, stored) {
-  return orders.map((order) => {
-    let next = order;
-    for (const { adjustment, subscriptionId, cycle } of stored) {
-      if (subscriptionId !== order.subscriptionId) continue;
-      if (cycle !== order.cycleIndex) continue;
-      const { action } = adjustment;
-      if (action.type === "SKIP_ORDER") {
-        next = { ...next, skipped: true, status: "skipped" };
-      } else if (action.type === "CHANGE_DATE") {
-        next = {
-          ...next,
-          date: action.input.newDate,
-          deliveryDate: action.input.newDate
-        };
-      }
-    }
-    return next;
-  });
-}
-function createMockSchedulesAdapter(subscriptions = createMockSubscriptionAdapter()) {
-  const RESOLVE_DEPTH = 12;
-  let stored = [];
-  let idSeq = 0;
-  async function subscriptionsToProject(subscriptionId) {
-    if (subscriptionId) {
-      const res = await subscriptions.getById(subscriptionId);
-      return res._tag === "Success" && res.data ? [res.data] : [];
-    }
-    const all = [];
-    let pagination;
-    for (let guard = 0; guard < 50; guard++) {
-      const res = await subscriptions.search(pagination ? { pagination } : {});
-      if (res._tag !== "Success") break;
-      all.push(...res.data.items);
-      const { hasNextPage, endCursor } = res.data.pageInfo;
-      if (!hasNextPage || !endCursor) break;
-      pagination = { after: endCursor };
-    }
-    return all;
-  }
-  function resolveCycle(orders, opts) {
-    if (opts.cycle != null) return opts.cycle;
-    if (opts.date) {
-      const iso = toIsoOrNull(opts.date);
-      const target = iso == null ? void 0 : iso.split("T")[0];
-      const match = target ? orders.find(
-        (o2) => o2.deliveryDate.split("T")[0] === target || o2.date.split("T")[0] === target
-      ) : void 0;
-      if (match) return match.cycleIndex;
-    }
-    const firstScheduled = orders.find((o2) => o2.status === "scheduled");
-    return (firstScheduled == null ? void 0 : firstScheduled.cycleIndex) ?? null;
-  }
-  async function recordAdjustment(subscriptionId, opts, buildAction) {
-    const res = await subscriptions.getById(subscriptionId);
-    const sub = res._tag === "Success" ? res.data : null;
-    if (!sub) return { _tag: "Failure", error: "No scheduled order found" };
-    const orders = applyAdjustments(
-      projectUpcomingOrders(sub, RESOLVE_DEPTH),
-      stored
-    );
-    const cycle = resolveCycle(orders, opts);
-    if (cycle == null) {
-      return { _tag: "Failure", error: "No scheduled order found" };
-    }
-    const built = buildMatcher({ cycle, date: opts.date });
-    const matcher = built.ok ? built.matcher : { type: "CYCLE", input: { cycle } };
-    stored = [
-      ...stored,
-      {
-        adjustment: { id: `adj-${idSeq++}`, matcher, action: buildAction() },
-        subscriptionId,
-        cycle
-      }
-    ];
-    return { _tag: "Success", data: void 0 };
-  }
-  return {
-    async getUpcomingOrders({ count, subscriptionId }) {
-      await new Promise((r) => setTimeout(r, 200));
-      const subs = await subscriptionsToProject(subscriptionId);
-      const orders = subs.flatMap(
-        (sub) => applyAdjustments(projectUpcomingOrders(sub, count), stored)
-      ).sort((a3, b3) => a3.date.localeCompare(b3.date));
-      return { _tag: "Success", data: orders.slice(0, count) };
-    },
-    async getAdjustments() {
-      await new Promise((r) => setTimeout(r, 200));
-      return { _tag: "Success", data: stored.map((s2) => s2.adjustment) };
-    },
-    async skipOrder({ subscriptionId, cycle, date }) {
-      await new Promise((r) => setTimeout(r, 300));
-      return recordAdjustment(subscriptionId, { cycle, date }, () => ({
-        type: "SKIP_ORDER",
-        input: { reason: "" }
-      }));
-    },
-    async changeDateAdjustment({ subscriptionId, newDate, cycle, currentDate }) {
-      await new Promise((r) => setTimeout(r, 300));
-      const newIso = toIsoOrNull(newDate);
-      if (newIso == null) {
-        return { _tag: "Failure", error: "newDate must be a valid date" };
-      }
-      return recordAdjustment(
-        subscriptionId,
-        { cycle, date: currentDate },
-        () => ({
-          type: "CHANGE_DATE",
-          input: { newDate: newIso }
-        })
-      );
-    },
-    async updateShippingAdjustment({ subscriptionId, address, cycle, date }) {
-      await new Promise((r) => setTimeout(r, 300));
-      return recordAdjustment(subscriptionId, { cycle, date }, () => ({
-        type: "UPDATE_SHIPPING",
-        input: { address }
-      }));
-    },
-    async updatePaymentMethodAdjustment({
-      subscriptionId,
-      paymentMethodId,
-      cycle,
-      date
-    }) {
-      await new Promise((r) => setTimeout(r, 300));
-      return recordAdjustment(subscriptionId, { cycle, date }, () => ({
-        type: "UPDATE_PAYMENT_METHOD",
-        input: { paymentMethodId }
-      }));
-    },
-    async updateProductsAdjustment({ subscriptionId, lines, cycle, date }) {
-      await new Promise((r) => setTimeout(r, 300));
-      return recordAdjustment(subscriptionId, { cycle, date }, () => ({
-        type: "UPDATE_PRODUCTS",
-        input: { lines }
-      }));
-    },
-    async applyDiscountAdjustment({ subscriptionId, discountCode, cycle }) {
-      await new Promise((r) => setTimeout(r, 300));
-      return recordAdjustment(subscriptionId, { cycle }, () => ({
-        type: "APPLY_DISCOUNT",
-        input: { discountSource: "code", discountCode }
-      }));
-    },
-    async removeAdjustment({ adjustmentId }) {
-      await new Promise((r) => setTimeout(r, 200));
-      stored = stored.filter((s2) => s2.adjustment.id !== adjustmentId);
-      return { _tag: "Success", data: void 0 };
-    }
-  };
-}
-function createApiSchedulesAdapter(fetcher) {
-  async function postAdjustment(matcher, action) {
-    try {
-      const res = await fetcher(`/customer/v1/schedules/adjustments`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ matcher, action })
-      });
-      if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-      return { _tag: "Success", data: void 0 };
-    } catch (e2) {
-      return { _tag: "Failure", error: e2 };
-    }
-  }
-  return {
-    async getUpcomingOrders({ count, subscriptionId }) {
-      try {
-        const params = new URLSearchParams({ count: String(count) });
-        if (subscriptionId) params.set("query", `id:"${subscriptionId}"`);
-        const res = await fetcher(`/customer/v1/schedules/?${params.toString()}`);
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        const data = await res.json();
-        return { _tag: "Success", data: data.orders };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    async getAdjustments() {
-      try {
-        const res = await fetcher(`/customer/v1/schedules/adjustments`);
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        const data = await res.json();
-        const adjustments = data.data.map((a3) => ({
-          id: a3.id,
-          matcher: a3.matcher,
-          action: a3.action
-        }));
-        return { _tag: "Success", data: adjustments };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    },
-    async skipOrder({ cycle, date }) {
-      const built = buildMatcher({ cycle, date });
-      if (!built.ok) return { _tag: "Failure", error: built.error };
-      return postAdjustment(built.matcher, {
-        type: "SKIP_ORDER",
-        input: { reason: "" }
-      });
-    },
-    async changeDateAdjustment({ newDate, cycle }) {
-      if (cycle == null) {
-        return {
-          _tag: "Failure",
-          error: "cycle is required for changeDateAdjustment"
-        };
-      }
-      const newIso = toIsoOrNull(newDate);
-      if (newIso == null) {
-        return { _tag: "Failure", error: "newDate must be a valid date" };
-      }
-      return postAdjustment(
-        { type: "CYCLE", input: { cycle } },
-        { type: "CHANGE_DATE", input: { newDate: newIso } }
-      );
-    },
-    async updateShippingAdjustment({ address, cycle, date }) {
-      const built = buildMatcher({ cycle, date });
-      if (!built.ok) return { _tag: "Failure", error: built.error };
-      return postAdjustment(built.matcher, {
-        type: "UPDATE_SHIPPING",
-        input: { address }
-      });
-    },
-    async updatePaymentMethodAdjustment({ paymentMethodId, cycle, date }) {
-      const built = buildMatcher({ cycle, date });
-      if (!built.ok) return { _tag: "Failure", error: built.error };
-      return postAdjustment(built.matcher, {
-        type: "UPDATE_PAYMENT_METHOD",
-        input: { paymentMethodId }
-      });
-    },
-    async updateProductsAdjustment({ lines, cycle, date }) {
-      const built = buildMatcher({ cycle, date });
-      if (!built.ok) return { _tag: "Failure", error: built.error };
-      return postAdjustment(built.matcher, {
-        type: "UPDATE_PRODUCTS",
-        input: { lines }
-      });
-    },
-    async applyDiscountAdjustment({ discountCode, cycle }) {
-      return postAdjustment(
-        { type: "CYCLE", input: { cycle } },
-        {
-          type: "APPLY_DISCOUNT",
-          input: { discountSource: "code", discountCode }
-        }
-      );
-    },
-    async removeAdjustment({ adjustmentId }) {
-      try {
-        const res = await fetcher(
-          `/customer/v1/schedules/adjustments/${adjustmentId}`,
-          { method: "DELETE" }
-        );
-        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
-        return { _tag: "Success", data: void 0 };
-      } catch (e2) {
-        return { _tag: "Failure", error: e2 };
-      }
-    }
-  };
-}
-const SchedulesServiceContext = createContext("services/schedules");
-function createSchedulesService(adapter, opts) {
-  const current = d(null);
-  const currentLoading = d(false);
-  const hasPendingBilling = (opts == null ? void 0 : opts.hasPendingBilling) ?? d(false);
-  let reloadToken = 0;
-  async function getUpcomingOrder() {
-    const result = await adapter.getUpcomingOrders({ count: 1 });
-    if (result._tag === "Failure") return result;
-    return { _tag: "Success", data: result.data[0] ?? null };
-  }
-  async function getUpcomingOrders(count) {
-    return adapter.getUpcomingOrders({ count });
-  }
-  async function reloadCurrent(subscriptionId) {
-    var _a;
-    const token = ++reloadToken;
-    currentLoading.value = true;
-    const count = Math.max(((_a = current.value) == null ? void 0 : _a.length) ?? 0, 3);
-    const result = await adapter.getUpcomingOrders({
-      count,
-      subscriptionId
-    });
-    if (token !== reloadToken) return;
-    currentLoading.value = false;
-    if (result._tag === "Success") {
-      current.value = result.data;
-    }
-  }
-  return {
-    current,
-    currentLoading,
-    hasPendingBilling,
-    getUpcomingOrder,
-    getUpcomingOrders,
-    async getAdjustments() {
-      return adapter.getAdjustments();
-    },
-    async skipOrder(params) {
-      const result = await adapter.skipOrder(params);
-      if (result._tag === "Success") {
-        await reloadCurrent(params.subscriptionId);
-      }
-      return result;
-    },
-    async changeDateAdjustment(params) {
-      const result = await adapter.changeDateAdjustment(params);
-      if (result._tag === "Success") {
-        await reloadCurrent(params.subscriptionId);
-      }
-      return result;
-    },
-    async updateShippingAdjustment(params) {
-      const result = await adapter.updateShippingAdjustment(params);
-      if (result._tag === "Success") {
-        await reloadCurrent(params.subscriptionId);
-      }
-      return result;
-    },
-    async updatePaymentMethodAdjustment(params) {
-      const result = await adapter.updatePaymentMethodAdjustment(params);
-      if (result._tag === "Success") {
-        await reloadCurrent(params.subscriptionId);
-      }
-      return result;
-    },
-    async updateProductsAdjustment(params) {
-      const result = await adapter.updateProductsAdjustment(params);
-      if (result._tag === "Success") {
-        await reloadCurrent(params.subscriptionId);
+    async reactivate(params) {
+      await new Promise((resolve) => setTimeout(resolve, 300));
+      const subscription = mockSubscriptions.find(
+        (sub) => sub.id === params.subscriptionId
+      );
+      if (!subscription) {
+        return {
+          _tag: "Failure",
+          error: "Subscription not found"
+        };
       }
-      return result;
+      subscription.status = "active";
+      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
+      return {
+        _tag: "Success",
+        data: {
+          ...subscription,
+          items: subscription.items.map((item) => ({ ...item })),
+          discounts: subscription.discounts.map((discount) => ({ ...discount }))
+        }
+      };
     },
-    async applyDiscountAdjustment(params) {
-      const result = await adapter.applyDiscountAdjustment(params);
-      if (result._tag === "Success") {
-        await reloadCurrent(params.subscriptionId);
+    async cancel(params) {
+      await new Promise((resolve) => setTimeout(resolve, 300));
+      const subscription = mockSubscriptions.find(
+        (sub) => sub.id === params.subscriptionId
+      );
+      if (!subscription) {
+        return {
+          _tag: "Failure",
+          error: "Subscription not found"
+        };
       }
-      return result;
+      subscription.status = "canceled";
+      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
+      return {
+        _tag: "Success",
+        data: {
+          ...subscription,
+          items: subscription.items.map((item) => ({ ...item })),
+          discounts: subscription.discounts.map((discount) => ({ ...discount }))
+        }
+      };
     },
-    async removeAdjustment(params) {
-      return adapter.removeAdjustment(params);
+    async getAvailablePlans() {
+      await new Promise((resolve) => setTimeout(resolve, 300));
+      return {
+        _tag: "Success",
+        data: [
+          {
+            id: "plan_1",
+            name: "Monthly",
+            billingPolicy: { intervalCount: 1, interval: "MONTH" },
+            deliveryPolicy: { intervalCount: 1, interval: "MONTH" }
+          },
+          {
+            id: "plan_2",
+            name: "Every 2 months",
+            billingPolicy: { intervalCount: 2, interval: "MONTH" },
+            deliveryPolicy: { intervalCount: 2, interval: "MONTH" }
+          },
+          {
+            id: "plan_3",
+            name: "Every 3 months",
+            billingPolicy: { intervalCount: 3, interval: "MONTH" },
+            deliveryPolicy: { intervalCount: 3, interval: "MONTH" }
+          }
+        ]
+      };
     },
-    reloadCurrent
-  };
-}
-const SettingsServiceContext = createContext("services/settings");
-function createSettingsService(initial = {}) {
-  const current = d(initial);
-  return {
-    current,
-    get(key) {
-      return current.value[key];
+    async getDefaultSubscriptionId() {
+      var _a;
+      await new Promise((resolve) => setTimeout(resolve, 300));
+      return { _tag: "Success", data: ((_a = mockSubscriptions[0]) == null ? void 0 : _a.id) ?? null };
     }
   };
 }
-function createShopService(options) {
-  const contactEmail = d(options.getContactEmail());
-  const service = { contactEmail };
-  return service;
-}
-const ShopServiceContext = createContext("services/shop");
 const SubscriptionServiceContext = createContext("services/subscription");
 function getCurrentSubscriptionId() {
   if (typeof window === "undefined") {
@@ -2823,97 +1131,41 @@ function getCurrentSubscriptionId() {
 }
 function createSubscriptionService(adapter) {
   const current = d(null);
-  const hasPendingBilling = d(false);
-  const discountsChangedAt = d(0);
-  const itemsChangedAt = d(0);
-  const lastOrder = d(null);
-  async function refreshAfterDiscountChange() {
-    await reload();
-    discountsChangedAt.value = discountsChangedAt.value + 1;
+  const discountsChangedAtSignal = d(0);
+  const itemsChangedAtSignal = d(0);
+  async function refreshCurrent(subscriptionId) {
+    const result = await adapter.getById(subscriptionId);
+    if (result._tag === "Success" && result.data != null) {
+      current.value = result.data;
+    }
+  }
+  async function refreshAfterDiscountChange(subscriptionId) {
+    await refreshCurrent(subscriptionId);
+    discountsChangedAtSignal.value = discountsChangedAtSignal.value + 1;
   }
-  async function refreshAfterItemChange() {
-    await reload();
-    itemsChangedAt.value = itemsChangedAt.value + 1;
+  async function refreshAfterItemChange(subscriptionId) {
+    await refreshCurrent(subscriptionId);
+    itemsChangedAtSignal.value = itemsChangedAtSignal.value + 1;
   }
   function subscriptionIdFromCurrent() {
     var _a;
     return ((_a = current.value) == null ? void 0 : _a.id) ?? null;
   }
-  async function reload() {
-    var _a, _b;
-    const id = (_a = current.value) == null ? void 0 : _a.id;
-    if (!id) return;
-    const [subResult, lastOrderResult] = await Promise.all([
-      adapter.getById(id),
-      adapter.getLastOrder({ subscriptionId: id })
-    ]);
-    if (((_b = current.value) == null ? void 0 : _b.id) !== id) return;
-    if (subResult._tag === "Success") current.value = subResult.data;
-    if (lastOrderResult._tag === "Success") lastOrder.value = lastOrderResult.data;
-  }
   const service = {
-    current,
-    hasPendingBilling,
-    discountsChangedAt,
-    itemsChangedAt,
-    lastOrder,
     search: adapter.search,
-    // Prefer the adapter's rich cross-subscription list (legacy endpoint, active-first).
-    // Fall back to a single `search` page for adapters that don't implement it
-    // (e.g. the editor mock) so the cross-subscription views still render.
-    listAll: adapter.listAll ? adapter.listAll.bind(adapter) : async () => {
-      const result = await adapter.search();
-      if (result._tag !== "Success") return result;
-      return { _tag: "Success", data: result.data.items };
-    },
     getById: adapter.getById,
     getCurrentSubscriptionId,
     addItem: async (subscriptionId, item) => {
       const result = await adapter.addItem({ subscriptionId, item });
       if (result._tag === "Success") {
-        await refreshAfterItemChange();
+        await refreshAfterItemChange(subscriptionId);
       }
       return result;
     },
     removeItem: async (subscriptionId, itemId) => {
       const result = await adapter.removeItem({ subscriptionId, itemId });
       if (result._tag === "Success") {
-        await refreshAfterItemChange();
-      }
-      return result;
-    },
-    updateItem: async (subscriptionId, lineId, update) => {
-      const result = await adapter.updateItem({ subscriptionId, lineId, update });
-      if (result._tag === "Success") {
-        await refreshAfterItemChange();
-      }
-      return result;
-    },
-    updateItemAttributes: async (subscriptionId, lineId, customAttributes) => {
-      const result = await adapter.updateItemAttributes({ subscriptionId, lineId, customAttributes });
-      if (result._tag === "Success") {
-        await refreshAfterItemChange();
-      }
-      return result;
-    },
-    updateAttributes: async (subscriptionId, customAttributes) => {
-      const result = await adapter.updateAttributes({ subscriptionId, customAttributes });
-      if (result._tag === "Success") {
-        await reload();
-      }
-      return result;
-    },
-    skipLineItem: async (subscriptionId, lineId, nextBillingDate) => {
-      const result = await adapter.skipLineItem({ subscriptionId, lineId, nextBillingDate });
-      if (result._tag === "Success") {
-        await refreshAfterItemChange();
-      }
-      return result;
-    },
-    updateBoxItems: async (subscriptionId, params) => {
-      const result = await adapter.updateBoxItems({ subscriptionId, ...params });
-      if (result._tag === "Success") {
-        await refreshAfterItemChange();
+        await refreshAfterItemChange(subscriptionId);
       }
       return result;
     },
@@ -2927,7 +1179,7 @@ function createSubscriptionService(adapter) {
       }
       const result = await adapter.addDiscount({ subscriptionId: id, code });
       if (result._tag === "Success") {
-        await refreshAfterDiscountChange();
+        await refreshAfterDiscountChange(id);
       }
       return result;
     },
@@ -2944,23 +1196,20 @@ function createSubscriptionService(adapter) {
         discountId
       });
       if (result._tag === "Success") {
-        await refreshAfterDiscountChange();
+        await refreshAfterDiscountChange(id);
       }
       return result;
     },
     reschedule: (subscriptionId, newDate) => adapter.reschedule({ subscriptionId, newDate }),
-    updateCustomAttributes: (subscriptionId, customAttributes) => adapter.updateCustomAttributes({ subscriptionId, customAttributes }),
     resume: (subscriptionId) => adapter.resume({ subscriptionId }),
     pause: (subscriptionId) => adapter.pause({ subscriptionId }),
     reactivate: (subscriptionId) => adapter.reactivate({ subscriptionId }),
     cancel: (subscriptionId, reason) => adapter.cancel({ subscriptionId, reason }),
-    renewNow: (params) => adapter.renewNow(params),
-    changeFrequency: (subscriptionId, plan) => adapter.changeFrequency({ subscriptionId, plan }),
-    reload,
     getAvailablePlans: (subscriptionId) => adapter.getAvailablePlans({ subscriptionId }),
     getDefaultSubscriptionId: () => adapter.getDefaultSubscriptionId(),
-    getUpsellProducts: (params) => adapter.getUpsellProducts ? adapter.getUpsellProducts(params) : Promise.resolve({ _tag: "Success", data: [] }),
-    addUpsellProduct: (params) => adapter.addUpsellProduct ? adapter.addUpsellProduct(params) : Promise.resolve({ _tag: "Success", data: void 0 })
+    current,
+    discountsChangedAt: discountsChangedAtSignal,
+    itemsChangedAt: itemsChangedAtSignal
   };
   return service;
 }
@@ -2975,6 +1224,487 @@ const DISCOUNT_REJECTION_REASONS = [
   "INVALID_COMBINATION",
   "QUANTITY_REQUIREMENT_NOT_MET"
 ];
+function getDefaultBlockForAction(actionType, actionConfig, blockId) {
+  const blockName = `action:${actionType}`;
+  const definedBlocks = getDefinedBlocks();
+  const exists = definedBlocks.some((b) => b.name === blockName);
+  if (!exists) {
+    throw new Error(
+      `No default block registered for action type "${actionType}". Expected a block named "${blockName}" to be registered in blocks-extensions.`
+    );
+  }
+  return createBlockInstance(blockName, { props: actionConfig, id: blockId });
+}
+function hasDefaultBlockForAction(actionType) {
+  const blockName = `action:${actionType}`;
+  return getDefinedBlocks().some((b) => b.name === blockName);
+}
+const WorkflowServiceContext = createContext("services/workflow");
+const RUN_SCOPED_RESET = {
+  firstPollReason: null,
+  feedbackCollected: false
+};
+function createWorkflowApiAdapter(sdk) {
+  return {
+    async start(flowType, context, workflowId, dryRun) {
+      const { data } = await sdk.post("/customer/v1/workflows/start", {
+        flowType,
+        context,
+        ...workflowId ? { workflowId } : {},
+        ...dryRun ? { dryRun: true } : {}
+      });
+      return data;
+    },
+    async respond(runId, interactionId, responseType, responseData, expectedRunVersion, eventId) {
+      const { data } = await sdk.post(
+        "/customer/v1/workflows/{runId}/respond",
+        {
+          runId,
+          interactionId,
+          responseType,
+          responseData,
+          expectedRunVersion,
+          eventId
+        }
+      );
+      return data;
+    },
+    async getState(runId) {
+      const { data } = await sdk.get("/customer/v1/workflows/{runId}", {
+        runId
+      });
+      return data;
+    },
+    async cancel(runId) {
+      const { data } = await sdk.post("/customer/v1/workflows/{runId}/cancel", {
+        runId
+      });
+      return data;
+    }
+  };
+}
+function createWorkflowService(deps) {
+  const { api } = deps;
+  const editor = createEditorBridge();
+  const urlParams = typeof window !== "undefined" ? new URLSearchParams(window.location.search) : null;
+  const previewWorkflowTrigger = (urlParams == null ? void 0 : urlParams.get("trigger")) ?? null;
+  const previewStepId = (urlParams == null ? void 0 : urlParams.get("step-id")) ?? null;
+  const previewWorkflowId = (urlParams == null ? void 0 : urlParams.get("workflow-id")) ?? null;
+  const isEditorMode = editor.isEditorMode || previewWorkflowTrigger !== null;
+  const _state = d({
+    status: "idle",
+    flowType: null,
+    workflowId: null,
+    workflowVersion: null,
+    runId: null,
+    runVersion: null,
+    currentStepId: null,
+    currentInteraction: null,
+    error: null,
+    result: null,
+    flowParams: null,
+    invalidatedResources: [],
+    outcome: null,
+    completionData: null,
+    dryRun: null,
+    ...RUN_SCOPED_RESET
+  });
+  const _backendInteractionId = d(null);
+  const _registeredRootBlocks = /* @__PURE__ */ new Set();
+  const isActive = w(() => _state.value.status === "active");
+  const isLoading = w(() => _state.value.status === "loading");
+  const isCompleted = w(() => _state.value.status === "completed");
+  const hasError = w(() => _state.value.status === "error");
+  const currentInteraction = w(() => _state.value.currentInteraction);
+  const canRespond = w(() => {
+    const interaction = _state.value.currentInteraction;
+    const backendId = _backendInteractionId.value;
+    if (!interaction || !backendId) return false;
+    return interaction.interactionId === backendId;
+  });
+  const currentStepInfo = w(() => {
+    const interaction = _state.value.currentInteraction;
+    if (!interaction) return null;
+    const actionConfig = deps.shopCurrencyCode ? { ...interaction.actionConfig, currency: deps.shopCurrencyCode } : interaction.actionConfig;
+    return {
+      interactionId: interaction.interactionId,
+      stepId: interaction.stepId,
+      actionType: interaction.actionType,
+      actionConfig,
+      availableResponses: interaction.availableResponses
+    };
+  });
+  function updateState(updates) {
+    _state.value = { ..._state.value, ...updates };
+  }
+  function hashString(value) {
+    let hash = 2166136261;
+    for (let index = 0; index < value.length; index += 1) {
+      hash ^= value.charCodeAt(index);
+      hash = Math.imul(hash, 16777619);
+    }
+    return (hash >>> 0).toString(36);
+  }
+  function shortenId(value, slugLength = 6) {
+    const compact = value.toLowerCase().replace(/[^a-z0-9]/g, "");
+    const slug = (compact || "id").slice(0, slugLength);
+    return `${slug}-${hashString(value)}`;
+  }
+  function createStableStepBlockId(workflowId, stepId) {
+    return `wf-${shortenId(workflowId)}-${shortenId(stepId)}`;
+  }
+  function handleFlowResponse(data) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const mergedInvalidated = [
+      ..._state.value.invalidatedResources,
+      ...data.invalidatedResources ?? []
+    ];
+    if (data.status === "waiting_interaction") {
+      const currentStepId = ((_a = data.pendingInteraction) == null ? void 0 : _a.stepId) ?? (isEditorMode ? (_c = (_b = data.interactiveSteps) == null ? void 0 : _b[0]) == null ? void 0 : _c.stepId : null);
+      _backendInteractionId.value = ((_d = data.pendingInteraction) == null ? void 0 : _d.interactionId) ?? null;
+      const isInitialResponse = _state.value.runId == null;
+      updateState({
+        status: "active",
+        workflowId: data.workflowId,
+        workflowVersion: data.workflowVersion,
+        runId: data.runId,
+        runVersion: data.runVersion,
+        currentStepId,
+        currentInteraction: data.pendingInteraction,
+        invalidatedResources: mergedInvalidated,
+        outcome: null
+      });
+      if (editor.isEditorMode) {
+        const displayStepId = isInitialResponse && previewStepId && ((_e = data.interactiveSteps) == null ? void 0 : _e.some((s) => s.stepId === previewStepId)) ? previewStepId : currentStepId;
+        const overlayBlocks = deps.themeState.overlay.blocks.value;
+        const rootBlock = overlayBlocks[0];
+        const stepSlot = displayStepId ? (_f = rootBlock == null ? void 0 : rootBlock.slots) == null ? void 0 : _f[displayStepId] : null;
+        const stepBlock = Array.isArray(stepSlot) ? stepSlot[0] : null;
+        const blockId = stepBlock && typeof stepBlock === "object" && "id" in stepBlock ? stepBlock.id : null;
+        if (blockId) {
+          editor.sendMessage(
+            createSelectBlockMessage({ blockId }, blockId)
+          );
+        }
+      }
+    } else if (data.status === "completed") {
+      _backendInteractionId.value = null;
+      updateState({
+        status: "completed",
+        currentStepId: null,
+        currentInteraction: null,
+        runVersion: data.runVersion,
+        result: data.result || null,
+        invalidatedResources: mergedInvalidated,
+        outcome: data.outcome || null,
+        completionData: data.completionData || null
+      });
+    } else if (data.status === "failed") {
+      _backendInteractionId.value = null;
+      handleError(new Error(((_g = data.error) == null ? void 0 : _g.message) || "Flow failed"));
+    } else if (data.status === "cancelled") {
+      _backendInteractionId.value = null;
+      updateState({
+        status: "idle",
+        flowType: null,
+        workflowId: null,
+        workflowVersion: null,
+        runId: null,
+        runVersion: null,
+        currentStepId: null,
+        currentInteraction: null,
+        error: null,
+        result: null,
+        invalidatedResources: [],
+        outcome: null,
+        completionData: null,
+        ...RUN_SCOPED_RESET
+      });
+    }
+  }
+  function handleError(error) {
+    const message = error instanceof Error ? error.message : "Unknown error";
+    updateState({
+      status: "error",
+      error: message
+    });
+  }
+  function maybeApplyPreviewStep(flowType, data) {
+    var _a;
+    if (!previewWorkflowTrigger) return;
+    if (flowType !== previewWorkflowTrigger) return;
+    if (data.status !== "waiting_interaction") return;
+    const step = (_a = data.interactiveSteps) == null ? void 0 : _a.find(
+      (interactiveStep) => interactiveStep.stepId === previewStepId
+    );
+    if (!step) return;
+    updateState({
+      currentStepId: step.stepId,
+      currentInteraction: {
+        interactionId: `preview-${data.runId}-${step.stepId}`,
+        stepId: step.stepId,
+        actionType: step.actionType,
+        actionBehavior: "input",
+        actionConfig: step.actionConfig,
+        availableResponses: step.availableResponses,
+        presentedAt: /* @__PURE__ */ new Date()
+      }
+    });
+  }
+  function initWorkflowRootBlock(data) {
+    if (_registeredRootBlocks.has(data.workflowId)) {
+      return;
+    }
+    const allSteps = data.interactiveSteps ?? (data.pendingInteraction ? [
+      {
+        stepId: data.pendingInteraction.stepId,
+        actionType: data.pendingInteraction.actionType,
+        actionConfig: data.pendingInteraction.actionConfig,
+        availableResponses: data.pendingInteraction.availableResponses
+      }
+    ] : []);
+    const slotProperties = {};
+    for (const step of allSteps) {
+      slotProperties[step.stepId] = {};
+    }
+    const presets = {};
+    const baseLabelFor = (step) => {
+      var _a;
+      return ((_a = getDefinedBlocks().find((b) => b.name === `action:${step.actionType}`)) == null ? void 0 : _a.displayName) ?? step.stepId;
+    };
+    const totalCounts = /* @__PURE__ */ new Map();
+    for (const step of allSteps) {
+      const baseLabel = baseLabelFor(step);
+      totalCounts.set(baseLabel, (totalCounts.get(baseLabel) ?? 0) + 1);
+    }
+    const seenCounts = /* @__PURE__ */ new Map();
+    for (const step of allSteps) {
+      const baseLabel = baseLabelFor(step);
+      const occurrence = (seenCounts.get(baseLabel) ?? 0) + 1;
+      seenCounts.set(baseLabel, occurrence);
+      const isDuplicated = (totalCounts.get(baseLabel) ?? 0) > 1;
+      const label = isDuplicated ? `${baseLabel} (${occurrence})` : baseLabel;
+      presets[step.stepId] = {
+        label,
+        description: step.actionType,
+        state: step.stepId,
+        // @ts-expect-error Untyped
+        context: step
+      };
+    }
+    registerBlock(
+      defineBlock(`workflow:${data.workflowId}`, {
+        group: "workflow",
+        schema: {
+          type: "object",
+          properties: {
+            props: { type: "object" },
+            slots: {
+              type: "object",
+              properties: slotProperties
+            }
+          },
+          required: ["props", "slots"],
+          additionalProperties: true
+        },
+        initialValue: () => ({
+          props: {},
+          slots: Object.fromEntries(
+            allSteps.map((step) => [
+              step.stepId,
+              [
+                getDefaultBlockForAction(
+                  step.actionType,
+                  step.actionConfig,
+                  createStableStepBlockId(data.workflowId, step.stepId)
+                )
+              ]
+            ])
+          )
+        }),
+        presets,
+        renderer() {
+          return null;
+        }
+      })
+    );
+    _registeredRootBlocks.add(data.workflowId);
+  }
+  async function initWorkflowState(data) {
+    const { blocks } = await deps.themeState.resolve(
+      "overlay",
+      `workflow:${data.workflowId}`
+    );
+    if (blocks.length === 0) return;
+    editor.onBlockPresetChange(blocks[0].id, (preset) => {
+      if (!preset) {
+        return;
+      }
+      updateState({
+        // @ts-expect-error Untyped
+        currentStepId: preset.state,
+        // @ts-expect-error Untyped
+        currentInteraction: { ...preset == null ? void 0 : preset.context }
+      });
+    });
+  }
+  const service = {
+    // State signals (readonly)
+    state: _state,
+    /** True when the portal is running inside the Blocks Editor (editorMode dep
+     *  or ?trigger=... URL param). Consumers use this to suppress auto-start. */
+    isPreviewMode: isEditorMode,
+    // Computed signals
+    isActive,
+    isLoading,
+    isCompleted,
+    hasError,
+    canRespond,
+    currentInteraction,
+    currentStepInfo,
+    // Methods
+    async startFlow(flowType, context, workflowId) {
+      const isDryRun = isEditorMode;
+      updateState({
+        status: "loading",
+        error: null,
+        flowParams: context,
+        flowType,
+        dryRun: isDryRun,
+        ...RUN_SCOPED_RESET
+      });
+      try {
+        const data = await api.start(
+          flowType,
+          context,
+          workflowId,
+          isDryRun || void 0
+        );
+        if (data.status === "no_workflow") {
+          service.reset();
+          return;
+        }
+        if (data.status === "completed_silently") {
+          updateState({
+            status: "completed",
+            currentStepId: null,
+            currentInteraction: null,
+            result: null,
+            invalidatedResources: data.invalidatedResources ?? [],
+            outcome: data.outcome || null,
+            completionData: data.completionData || null
+          });
+          return;
+        }
+        initWorkflowRootBlock(data);
+        await initWorkflowState(data);
+        handleFlowResponse(data);
+        maybeApplyPreviewStep(flowType, data);
+      } catch (error) {
+        handleError(error);
+      }
+    },
+    async respond(responseType, responseData) {
+      const { runId, runVersion, currentInteraction: currentInteraction2 } = _state.value;
+      if (!runId || !currentInteraction2) {
+        throw new Error("No active interaction to respond to");
+      }
+      updateState({ status: "loading" });
+      try {
+        const data = await api.respond(
+          runId,
+          currentInteraction2.interactionId,
+          responseType,
+          responseData,
+          runVersion ?? void 0
+        );
+        if (_state.value.firstPollReason == null && currentInteraction2.actionType === "poll") {
+          const reason = responseData == null ? void 0 : responseData.reason;
+          if (typeof reason === "string" && reason.length > 0) {
+            updateState({ firstPollReason: reason });
+          }
+        }
+        if (!_state.value.feedbackCollected && currentInteraction2.actionType === "collect_feedback" && responseType === "submitted") {
+          const feedback = responseData == null ? void 0 : responseData.feedback;
+          if (typeof feedback === "string" && feedback.trim().length > 0) {
+            updateState({ feedbackCollected: true });
+          }
+        }
+        handleFlowResponse(data);
+      } catch (error) {
+        handleError(error);
+      }
+    },
+    async cancel() {
+      const { runId, status } = _state.value;
+      const isTerminal = status === "completed" || status === "error";
+      if (runId && !isTerminal) {
+        try {
+          const data = await api.cancel(runId);
+          if (data.outcome) {
+            updateState({
+              status: "completed",
+              flowType: null,
+              workflowId: null,
+              workflowVersion: null,
+              runId: null,
+              runVersion: null,
+              currentStepId: null,
+              currentInteraction: null,
+              error: null,
+              result: null,
+              flowParams: null,
+              invalidatedResources: data.invalidatedResources ?? [],
+              outcome: data.outcome || null,
+              dryRun: null
+            });
+            return;
+          }
+        } catch {
+        }
+      }
+      service.reset();
+    },
+    reset() {
+      _backendInteractionId.value = null;
+      updateState({
+        status: "idle",
+        flowType: null,
+        workflowId: null,
+        workflowVersion: null,
+        runId: null,
+        runVersion: null,
+        currentStepId: null,
+        currentInteraction: null,
+        error: null,
+        result: null,
+        flowParams: null,
+        invalidatedResources: [],
+        outcome: null,
+        completionData: null,
+        ...RUN_SCOPED_RESET
+      });
+    },
+    async refresh() {
+      const { runId } = _state.value;
+      if (!runId) return;
+      try {
+        const data = await api.getState(runId);
+        handleFlowResponse(data);
+      } catch (error) {
+        handleError(error);
+      }
+    }
+  };
+  if (previewWorkflowTrigger) {
+    void service.startFlow(
+      previewWorkflowTrigger,
+      {},
+      previewWorkflowId ?? void 0
+    );
+  }
+  return service;
+}
 const MOCK_FLOWS = {
   cancellation: [
     {
@@ -3225,93 +1955,326 @@ function createMockWorkflowApiAdapter() {
     }
   };
 }
+class JuoWorkflowElement extends HTMLElement {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "workflowService", null);
+    __publicField(this, "unsubscribeContext", null);
+    __publicField(this, "unsubscribeEffect", null);
+    /** Tracks which step is currently mounted to avoid unnecessary DOM teardown. */
+    __publicField(this, "renderedStepId", null);
+    /**
+     * Optional function to wrap rendered content (step blocks).
+     * Must be set before workflow becomes active for correct behavior.
+     */
+    __publicField(this, "blockWrapper", null);
+  }
+  connectedCallback() {
+    this.style.display = "contents";
+    this.unsubscribeContext = subscribeContext(
+      this,
+      WorkflowServiceContext,
+      (service) => {
+        this.workflowService = service;
+        this.setupSubscription();
+      }
+    );
+  }
+  disconnectedCallback() {
+    var _a, _b;
+    (_a = this.unsubscribeContext) == null ? void 0 : _a.call(this);
+    (_b = this.unsubscribeEffect) == null ? void 0 : _b.call(this);
+    this.unsubscribeContext = null;
+    this.unsubscribeEffect = null;
+    this.renderedStepId = null;
+  }
+  setupSubscription() {
+    var _a;
+    if (!this.workflowService) return;
+    (_a = this.unsubscribeEffect) == null ? void 0 : _a.call(this);
+    this.unsubscribeEffect = E(() => {
+      var _a2, _b;
+      const status = ((_a2 = this.workflowService) == null ? void 0 : _a2.state.value.status) ?? "idle";
+      const stepInfo = (_b = this.workflowService) == null ? void 0 : _b.currentStepInfo.value;
+      const stepId = (stepInfo == null ? void 0 : stepInfo.stepId) ?? null;
+      queueMicrotask(() => {
+        if (this.isConnected) {
+          this.render(status, stepId);
+        }
+      });
+    });
+  }
+  render(status, stepId) {
+    var _a;
+    if ((status === "active" || status === "loading") && stepId) {
+      if (this.renderedStepId !== stepId) {
+        this.innerHTML = "";
+        this.renderedStepId = stepId;
+        const extensionRoot = document.createElement(
+          "juo-extension-root"
+        );
+        extensionRoot.setAttribute("surface", "overlay");
+        extensionRoot.setAttribute("name", stepId);
+        extensionRoot.blockWrapper = this.blockWrapper;
+        this.appendChild(extensionRoot);
+      }
+      return;
+    }
+    this.innerHTML = "";
+    this.renderedStepId = null;
+    if (status === "error") {
+      const error = ((_a = this.workflowService) == null ? void 0 : _a.state.value.error) ?? "Unknown error";
+      this.dispatchEvent(
+        new CustomEvent("juo-workflow-error", {
+          bubbles: true,
+          composed: true,
+          detail: { error }
+        })
+      );
+    }
+  }
+}
+if (typeof customElements !== "undefined" && !customElements.get("juo-workflow")) {
+  customElements.define("juo-workflow", JuoWorkflowElement);
+}
+const gridV1Engine = {
+  id: GRID_V1_ENGINE_ID,
+  applyCommand(doc, cmd, ctx2) {
+    const next = structuredClone(doc);
+    const existing = next.layouts[ctx2.breakpoint];
+    const layout = existing ?? {
+      grid: { cols: ctx2.cols, gap: ctx2.gap, rowUnit: ctx2.rowUnit },
+      items: {}
+    };
+    layout.grid = { cols: ctx2.cols, gap: ctx2.gap, rowUnit: ctx2.rowUnit };
+    switch (cmd.kind) {
+      case "add": {
+        layout.items[cmd.blockId] = cmd.rect ? clampRect(cmd.rect, ctx2.cols) : findFreeRect(layout.items, { w: ctx2.cols, h: 1 }, ctx2.cols);
+        break;
+      }
+      case "move": {
+        const current = layout.items[cmd.blockId];
+        if (current) {
+          layout.items[cmd.blockId] = clampRect(
+            { ...current, c: cmd.to.c, r: cmd.to.r },
+            ctx2.cols
+          );
+        }
+        break;
+      }
+      case "resize": {
+        const current = layout.items[cmd.blockId];
+        if (current) {
+          const w2 = Math.max(1, Math.min(cmd.size.w, ctx2.cols - current.c));
+          const h = Math.max(1, cmd.size.h);
+          layout.items[cmd.blockId] = { ...current, w: w2, h };
+        }
+        break;
+      }
+      case "remove": {
+        delete layout.items[cmd.blockId];
+        layout.items = compactItems(layout.items, ctx2.cols);
+        break;
+      }
+      case "setRects": {
+        for (const [blockId, rect] of Object.entries(cmd.rects)) {
+          const prev = layout.items[blockId];
+          const clamped = clampRect(rect, ctx2.cols);
+          clamped.fill = (prev == null ? void 0 : prev.fill) === true && rect.w === prev.w;
+          if (!clamped.fill) delete clamped.fill;
+          layout.items[blockId] = clamped;
+        }
+        break;
+      }
+      case "fillWidth": {
+        const current = layout.items[cmd.blockId];
+        if (current) {
+          const nextFill = current.fill !== true;
+          layout.items[cmd.blockId] = nextFill ? { ...current, fill: true } : (() => {
+            const { fill, ...rest } = current;
+            return rest;
+          })();
+        }
+        break;
+      }
+    }
+    layout.items = applyFillExpansion(layout.items, ctx2.cols);
+    next.layouts[ctx2.breakpoint] = layout;
+    return next;
+  },
+  reflow(doc, ctx2) {
+    const next = structuredClone(doc);
+    const layout = next.layouts[ctx2.breakpoint];
+    if (layout) {
+      layout.grid = { cols: ctx2.cols, gap: ctx2.gap, rowUnit: ctx2.rowUnit };
+      for (const id of Object.keys(layout.items)) {
+        layout.items[id] = clampRect(layout.items[id], ctx2.cols);
+      }
+      layout.items = applyFillExpansion(layout.items, ctx2.cols);
+    }
+    return next;
+  }
+};
+const DEFAULT_NEW_BLOCK_HEIGHT = 4;
+function insertRectRelative(doc, args) {
+  var _a, _b;
+  const baseId = (_a = doc.breakpoints[0]) == null ? void 0 : _a.id;
+  if (!baseId) return doc;
+  const baseLayout = doc.layouts[baseId];
+  if (!baseLayout) return doc;
+  const target = baseLayout.items[args.targetId];
+  if (!target) return doc;
+  const next = structuredClone(doc);
+  const layout = next.layouts[baseId];
+  if (!layout) return doc;
+  const cols = ((_b = layout.grid) == null ? void 0 : _b.cols) ?? DEFAULT_GRID.cols;
+  const newHeight = DEFAULT_NEW_BLOCK_HEIGHT;
+  const insertRow = args.position === "before" ? target.r : target.r + target.h;
+  for (const [id, rect] of Object.entries(layout.items)) {
+    if (id === args.blockId) continue;
+    if (rect.r >= insertRow) {
+      layout.items[id] = { ...rect, r: rect.r + newHeight };
+    }
+  }
+  layout.items[args.blockId] = clampRect(
+    { c: target.c, r: insertRow, w: target.w, h: newHeight },
+    cols
+  );
+  return next;
+}
+const canvasMode = d(false);
+const ctx = {};
+function setActiveSurfaceContext(surface, id) {
+  if (id == null) {
+    delete ctx[surface];
+    return;
+  }
+  ctx[surface] = { id };
+}
+function getActiveSurfaceContext(surface) {
+  return ctx[surface] ?? null;
+}
+function clearAllSurfaceContexts() {
+  for (const key of Object.keys(ctx)) {
+    delete ctx[key];
+  }
+}
+let currentEmitter = null;
+function setLayoutCommandEmitter(emitter) {
+  currentEmitter = emitter;
+}
+function emitLayoutSetRects(event) {
+  currentEmitter == null ? void 0 : currentEmitter(event);
+}
+let currentDispatcher = null;
+function setLayoutCommandDispatcher(dispatcher) {
+  currentDispatcher = dispatcher;
+}
+function emitLayoutCommand(event) {
+  currentDispatcher == null ? void 0 : currentDispatcher(event);
+}
 export {
   AuthenticationError,
   AuthenticationErrorReason,
   B as BlockWrapperEvent,
-  m as ContextProvideEvent,
-  p as ContextRequestEvent,
+  C as ContextProvideEvent,
+  j as ContextRequestEvent,
   CustomerServiceContext,
-  D2 as DEFAULT_GLOBAL_STYLES,
+  k as DEFAULT_BREAKPOINTS,
+  l as DEFAULT_GLOBAL_STYLES,
+  DEFAULT_GRID,
+  DEFAULT_NEW_BLOCK_HEIGHT,
   DISCOUNT_REJECTION_REASONS,
+  GRID_V1_ENGINE_ID,
+  L as LAYOUT_SCOPE_ATTR,
   LoginServiceContext,
   OrdersServiceContext,
-  OverlayServiceContext,
+  P as PAGE_ROOT_SLOT,
   ProductServiceContext,
   RouterServiceContext,
-  SchedulesServiceContext,
   S as SelectedBlockContext,
-  SettingsServiceContext,
-  ShopServiceContext,
   u as Signal,
   StateContext,
   SubscriptionServiceContext,
-  a2 as ThemeStateContext,
-  T as TranslationContext,
-  W as WorkflowServiceContext,
-  q as __recordDevtoolsInstance,
-  _ as __recordDevtoolsPropSetter,
-  t as attachEmptyTracking,
-  b as backfillInstanceDefaults,
+  T as ThemeStateContext,
+  m as TranslationContext,
+  WorkflowServiceContext,
+  n as attachEmptyTracking,
+  o as backfillInstanceDefaults,
+  p as buildGridLayout,
+  q as buildLayoutCss,
+  canvasMode,
+  clampRect,
+  t as classifyRowDividers,
+  clearAllSurfaceContexts,
+  clearLayoutModeAdapter,
+  compactItems,
+  v as compactLayoutDocument,
   w as computed,
-  createApiCustomerAdapter,
-  createApiLoginAdapter,
-  createApiOrdersAdapter,
-  createApiProductAdapter,
-  createApiSchedulesAdapter,
-  createApiSubscriptionAdapter,
   createBlockInstance,
-  v as createBlockInstanceFromJSON,
-  f as createBlockInstanceFromObject,
-  x as createCeRenderer,
+  x as createBlockInstanceFromJSON,
+  y as createBlockInstanceFromObject,
+  z as createCeRenderer,
   createContext,
   createCustomerService,
-  createLoginService,
-  createMockCustomerAdapter,
-  createMockLoginAdapter,
+  A as createDefaultLayoutDocument,
   createMockOrdersAdapter,
   createMockProductAdapter,
   createMockRouterService,
-  createMockSchedulesAdapter,
   createMockSubscriptionAdapter,
   createMockWorkflowApiAdapter,
   createOrdersService,
-  createOverlayService,
   createProductService,
   createRouterService,
-  createSchedulesService,
-  y as createSelectedBlock,
-  createSettingsService,
-  createShopService,
+  F as createSelectedBlock,
   createState,
   createSubscriptionService,
-  c as createThemeState,
-  b2 as createTranslationService,
-  d2 as createWorkflowApiAdapter,
-  e as createWorkflowService,
+  H as createThemeState,
+  I as createTranslationService,
+  createWorkflowApiAdapter,
+  createWorkflowService,
   defineBlock,
-  z as defineBlockRuntime,
-  defineOverlayWrapper,
+  J as defineBlockRuntime,
+  K as deriveLayout,
   E as effect,
-  g as getDefaultBlockForAction,
+  emitLayoutCommand,
+  emitLayoutSetRects,
+  M as expandFillLayoutDocument,
+  findFreeRect,
+  getActiveSurfaceContext,
+  getDefaultBlockForAction,
   getDefinedBlocks,
-  A as getDevtoolsBlockState,
-  h as hasDefaultBlockForAction,
-  D as hasRenderedContent,
-  i2 as indexOverrides,
-  i as injectContext,
-  F as isEditorPreview,
-  a as isStubDefinition,
+  getLayoutModeAdapter,
+  gridV1Engine,
+  hasDefaultBlockForAction,
+  N as hasRenderedContent,
+  O as indexOverrides,
+  Q as injectContext,
+  insertRectRelative,
+  R as isEditorPreview,
+  U as isStubDefinition,
+  V as layoutScopeSelector,
+  W as layoutSystemEnabled,
   loadBlockRegistry,
   loginService,
-  o as onRegisterBlock,
-  G as provideContext,
+  X as onRegisterBlock,
+  Y as projectToCss,
+  p2 as projectToGridStack,
+  Z as provideContext,
+  _ as readingOrder,
+  $ as reconcileLayout,
+  a0 as rectsOverlap,
   registerBlock,
-  j as serializeBlocks,
-  H as setDevtoolsBlockProp,
+  registerLayoutModeAdapter,
+  a1 as resolveLayout,
+  a2 as serializeBlocks,
+  setActiveSurfaceContext,
+  setLayoutCommandDispatcher,
+  setLayoutCommandEmitter,
+  a3 as setLayoutSystemEnabled,
   d as signal,
-  s as subscribeContext,
-  n as untracked,
+  subscribeContext,
+  a4 as untracked,
   waitForDevBlocksUrl,
-  w2 as withWrapper
+  a5 as withWrapper
 };