@xapps-platform/marketplace-ui 0.1.14 → 0.1.15

package/dist/index.js

@@ -106,6 +106,94 @@ function useI18n() {
 
 // src/i18n.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
+function buildMarketplaceXmsCatalog(locale) {
+  if (locale === "ro") {
+    return {
+      "xapp.current_plan_label": "Plan curent",
+      "xapp.selected_label": "Selectat",
+      "xapp.default_label": "Implicit",
+      "xapp.owned_unlock_label": "Unlock de\u021Binut",
+      "xapp.additive_unlock_label": "Supliment cu abonament",
+      "xapp.owned_unlock_active": "Unlock deja activ",
+      "xapp.current_plan_active": "Plan activ",
+      "xapp.checkout_starting": "Se porne\u0219te checkout-ul...",
+      "xapp.additive_unlock_action": "Cump\u0103r\u0103 suplimentul",
+      "xapp.checkout_action": "Continu\u0103 spre checkout",
+      "xapp.subscription_status_label": "Stare abonament",
+      "xapp.subscription_coverage_label": "Acoperire",
+      "xapp.subscription_reason_label": "Motiv stare",
+      "xapp.subscription_overdue_since_label": "Restant din",
+      "xapp.subscription_expiry_boundary_label": "Limit\u0103 expirare",
+      "xapp.current_period_ends_label": "Perioada curent\u0103 se \xEEncheie la",
+      "xapp.cancelled_at_label": "Anulat la",
+      "xapp.credits_remaining_label": "Credite r\u0103mase",
+      "xapp.add_on_unlocks_label": "Unlock-uri suplimentare",
+      "xapp.subscription_refresh_action": "Actualizeaz\u0103 starea",
+      "xapp.subscription_refreshing": "Se actualizeaz\u0103...",
+      "xapp.subscription_cancel_action": "Anuleaz\u0103 abonamentul",
+      "xapp.subscription_cancelling": "Se anuleaz\u0103...",
+      "xapp.subscription_operator_authority_label": "Autoritate operator",
+      "xapp.subscription_management_destination_label": "Administreaz\u0103 \xEEn",
+      "xapp.subscription_operator_authority_gateway": "Gateway",
+      "xapp.subscription_operator_authority_tenant": "Tenant",
+      "xapp.subscription_operator_authority_publisher": "Publisher",
+      "xapp.subscription_operator_authority_owner": "Proprietar aplica\u021Bie",
+      "xapp.subscription_management_destination_gateway": "Administrare gateway",
+      "xapp.subscription_management_destination_tenant": "Aplica\u021Bia tenantului",
+      "xapp.subscription_management_destination_publisher": "Aplica\u021Bia publisherului",
+      "xapp.subscription_management_destination_owner": "Proprietarul aplica\u021Biei",
+      "xapp.subscription_management_hint_gateway": "Administrarea avansat\u0103 a abonamentului se face \xEEn administrarea gateway-ului.",
+      "xapp.subscription_management_hint_tenant": "Administrarea avansat\u0103 a abonamentului se face \xEEn aplica\u021Bia tenantului.",
+      "xapp.subscription_management_hint_publisher": "Administrarea avansat\u0103 a abonamentului se face \xEEn aplica\u021Bia publisherului.",
+      "xapp.subscription_management_hint_owner": "Administrarea avansat\u0103 a abonamentului este gestionat\u0103 de proprietarul aplica\u021Biei.",
+      "xapp.subscription_management_open_action": "Deschide administrarea",
+      "xapp.lifecycle_preview_at_label": "Previzualizare la",
+      "xapp.lifecycle_preview_hint": "Ciclul de via\u021B\u0103 al abonamentului este previzualizat pentru momentul selectat."
+    };
+  }
+  return {
+    "xapp.current_plan_label": "Current plan",
+    "xapp.selected_label": "Selected",
+    "xapp.default_label": "Default",
+    "xapp.owned_unlock_label": "Owned unlock",
+    "xapp.additive_unlock_label": "Add-on with membership",
+    "xapp.owned_unlock_active": "Owned unlock active",
+    "xapp.current_plan_active": "Current plan active",
+    "xapp.checkout_starting": "Starting checkout...",
+    "xapp.additive_unlock_action": "Purchase add-on unlock",
+    "xapp.checkout_action": "Continue to checkout",
+    "xapp.subscription_status_label": "Subscription status",
+    "xapp.subscription_coverage_label": "Coverage",
+    "xapp.subscription_reason_label": "Status reason",
+    "xapp.subscription_overdue_since_label": "Overdue since",
+    "xapp.subscription_expiry_boundary_label": "Expiry boundary",
+    "xapp.current_period_ends_label": "Current period ends",
+    "xapp.cancelled_at_label": "Cancelled at",
+    "xapp.credits_remaining_label": "Credits remaining",
+    "xapp.add_on_unlocks_label": "Add-on unlocks",
+    "xapp.subscription_refresh_action": "Refresh status",
+    "xapp.subscription_refreshing": "Refreshing...",
+    "xapp.subscription_cancel_action": "Cancel subscription",
+    "xapp.subscription_cancelling": "Cancelling...",
+    "xapp.subscription_operator_authority_label": "Operator authority",
+    "xapp.subscription_management_destination_label": "Manage in",
+    "xapp.subscription_operator_authority_gateway": "Gateway",
+    "xapp.subscription_operator_authority_tenant": "Tenant",
+    "xapp.subscription_operator_authority_publisher": "Publisher",
+    "xapp.subscription_operator_authority_owner": "App owner",
+    "xapp.subscription_management_destination_gateway": "Gateway admin",
+    "xapp.subscription_management_destination_tenant": "Tenant app",
+    "xapp.subscription_management_destination_publisher": "Publisher app",
+    "xapp.subscription_management_destination_owner": "App owner",
+    "xapp.subscription_management_hint_gateway": "Advanced subscription management is handled in Gateway admin.",
+    "xapp.subscription_management_hint_tenant": "Advanced subscription management is handled in the tenant app.",
+    "xapp.subscription_management_hint_publisher": "Advanced subscription management is handled in the publisher app.",
+    "xapp.subscription_management_hint_owner": "Advanced subscription management is handled by the app owner.",
+    "xapp.subscription_management_open_action": "Open management",
+    "xapp.lifecycle_preview_at_label": "Preview as of",
+    "xapp.lifecycle_preview_hint": "Subscription lifecycle is being previewed for the selected time."
+  };
+}
 var MARKETPLACE_CATALOGS = {
   en: {
     "common.id": "ID",
@@ -301,6 +389,7 @@ var MARKETPLACE_CATALOGS = {
     "activity.guard_action_confirm_action": "Confirm action",
     "activity.guard_action_confirm_action_message": "Confirm action ({message})",
     "activity.guard_action_custom": "Action: {kind}",
+    ...buildMarketplaceXmsCatalog("en"),
     "status.unread": "Unread",
     "status.read": "Read",
     "common.back": "Back",
@@ -351,16 +440,6 @@ var MARKETPLACE_CATALOGS = {
     "xapp.screenshot_alt": "Screenshot {index}",
     "xapp.usage_credits_title": "Usage Credits",
     "xapp.current_access_title": "Current Access",
-    "xapp.current_plan_label": "Current plan",
-    "xapp.selected_label": "Selected",
-    "xapp.default_label": "Default",
-    "xapp.owned_unlock_label": "Owned unlock",
-    "xapp.additive_unlock_label": "Add-on with membership",
-    "xapp.owned_unlock_active": "Owned unlock active",
-    "xapp.current_plan_active": "Current plan active",
-    "xapp.checkout_starting": "Starting checkout...",
-    "xapp.additive_unlock_action": "Purchase add-on unlock",
-    "xapp.checkout_action": "Continue to checkout",
     "xapp.access_state_label": "Access state",
     "xapp.access_state_available": "available",
     "xapp.subscription_status_label": "Subscription status",
@@ -374,7 +453,19 @@ var MARKETPLACE_CATALOGS = {
     "xapp.subscription_reason_past_due_after_period_end": "Current period ended without successful renewal",
     "xapp.subscription_reason_expired_after_boundary": "Expiry boundary reached",
     "xapp.renews_at_label": "Renews at",
+    "xapp.current_period_ends_label": "Current period ends",
+    "xapp.cancelled_at_label": "Cancelled at",
     "xapp.expires_at_label": "Expires at",
+    "xapp.subscription_refresh_action": "Refresh status",
+    "xapp.subscription_refreshing": "Refreshing...",
+    "xapp.subscription_refresh_failed": "Unable to refresh subscription state.",
+    "xapp.subscription_cancel_action": "Cancel subscription",
+    "xapp.subscription_cancelling": "Cancelling...",
+    "xapp.subscription_cancel_title": "Cancel subscription?",
+    "xapp.subscription_cancel_description": "The subscription will stop renewing. Current access remains available until the current period ends.",
+    "xapp.subscription_cancel_failed": "Unable to cancel this subscription.",
+    "xapp.lifecycle_preview_at_label": "Preview as of",
+    "xapp.lifecycle_preview_hint": "Subscription lifecycle is being previewed for the selected time.",
     "xapp.credits_remaining_label": "Credits remaining",
     "xapp.available_label": "Available",
     "xapp.ready_to_use": "{count} ready to use",
@@ -617,6 +708,7 @@ var MARKETPLACE_CATALOGS = {
     "activity.guard_action_confirm_action": "Confirm\u0103 ac\u021Biunea",
     "activity.guard_action_confirm_action_message": "Confirm\u0103 ac\u021Biunea ({message})",
     "activity.guard_action_custom": "Ac\u021Biune: {kind}",
+    ...buildMarketplaceXmsCatalog("ro"),
     "status.unread": "Necitit",
     "status.read": "Citit",
     "common.back": "\xCEnapoi",
@@ -667,16 +759,6 @@ var MARKETPLACE_CATALOGS = {
     "xapp.screenshot_alt": "Captur\u0103 de ecran {index}",
     "xapp.usage_credits_title": "Credite de utilizare",
     "xapp.current_access_title": "Acces curent",
-    "xapp.current_plan_label": "Plan curent",
-    "xapp.selected_label": "Selectat",
-    "xapp.default_label": "Implicit",
-    "xapp.owned_unlock_label": "Unlock de\u021Binut",
-    "xapp.additive_unlock_label": "Supliment cu abonament",
-    "xapp.owned_unlock_active": "Unlock deja activ",
-    "xapp.current_plan_active": "Plan activ",
-    "xapp.checkout_starting": "Se porne\u0219te checkout-ul...",
-    "xapp.additive_unlock_action": "Cump\u0103r\u0103 suplimentul",
-    "xapp.checkout_action": "Continu\u0103 spre checkout",
     "xapp.access_state_label": "Stare acces",
     "xapp.access_state_available": "disponibil",
     "xapp.subscription_status_label": "Stare abonament",
@@ -690,7 +772,19 @@ var MARKETPLACE_CATALOGS = {
     "xapp.subscription_reason_past_due_after_period_end": "Perioada curent\u0103 s-a \xEEncheiat f\u0103r\u0103 re\xEEnnoire reu\u0219it\u0103",
     "xapp.subscription_reason_expired_after_boundary": "A fost atins\u0103 limita de expirare",
     "xapp.renews_at_label": "Se re\xEEnnoie\u0219te la",
+    "xapp.current_period_ends_label": "Perioada curent\u0103 se \xEEncheie la",
+    "xapp.cancelled_at_label": "Anulat la",
     "xapp.expires_at_label": "Expir\u0103 la",
+    "xapp.subscription_refresh_action": "Actualizeaz\u0103 starea",
+    "xapp.subscription_refreshing": "Se actualizeaz\u0103...",
+    "xapp.subscription_refresh_failed": "Starea abonamentului nu a putut fi actualizat\u0103.",
+    "xapp.subscription_cancel_action": "Anuleaz\u0103 abonamentul",
+    "xapp.subscription_cancelling": "Se anuleaz\u0103...",
+    "xapp.subscription_cancel_title": "Anulezi abonamentul?",
+    "xapp.subscription_cancel_description": "Abonamentul nu se va mai re\xEEnnoi. Accesul curent r\u0103m\xE2ne disponibil p\xE2n\u0103 la sf\xE2r\u0219itul perioadei curente.",
+    "xapp.subscription_cancel_failed": "Abonamentul nu a putut fi anulat.",
+    "xapp.lifecycle_preview_at_label": "Previzualizare la",
+    "xapp.lifecycle_preview_hint": "Ciclul de via\u021B\u0103 al abonamentului este previzualizat pentru momentul selectat.",
     "xapp.credits_remaining_label": "Credite r\u0103mase",
     "xapp.available_label": "Disponibile",
     "xapp.ready_to_use": "{count} gata de utilizare",
@@ -2012,20 +2106,13 @@ function InvoicesPage() {
   ] });
 }
 
-// ../browser-host/src/xms.ts
+// ../browser-host/src/xmsCopy.ts
 function readString3(value) {
   return String(value ?? "").trim();
 }
-function readNumber(value, fallback = 0) {
-  const parsed = Number(value);
-  return Number.isFinite(parsed) ? parsed : fallback;
-}
 function readLower(value) {
   return readString3(value).toLowerCase();
 }
-function readBoolean(value, fallback = false) {
-  return typeof value === "boolean" ? value : fallback;
-}
 function isRomanianLocale(value) {
   const locale = readLower(value);
   return locale === "ro" || locale.startsWith("ro-");
@@ -2059,6 +2146,14 @@ var XMS_COPY_CATALOG = {
       paymentCompletedNotice: "Payment completed and access was refreshed.",
       checkoutCancelledNotice: "Checkout was cancelled before completion.",
       paymentFailedNotice: "Payment failed before access could be issued.",
+      subscriptionRefreshCompletedNotice: "Subscription status was refreshed.",
+      subscriptionRefreshFailedNotice: "Subscription status could not be refreshed.",
+      subscriptionCancelCompletedNotice: "Subscription renewal was cancelled.",
+      subscriptionCancelFailedNotice: "Subscription could not be cancelled.",
+      subscriptionCancelConfirmTitle: "Cancel subscription",
+      subscriptionCancelConfirmMessage: "Cancel renewal for this subscription?",
+      subscriptionCancelConfirmLabel: "Cancel subscription",
+      subscriptionCancelDismissLabel: "Keep subscription",
       missingPackageMetadataMessage: "This package is missing purchase metadata in the published paywall.",
       missingIntentMessage: "Purchase intent was created without an identifier.",
       missingPaymentPageMessage: "Payment page is not available for this package.",
@@ -2068,10 +2163,41 @@ var XMS_COPY_CATALOG = {
       currentPlanLabel: "Current plan",
       membershipAccessLabel: "Membership access",
       subscriptionStatusLabel: "Subscription status",
+      subscriptionCoverageLabel: "Coverage",
+      subscriptionReasonLabel: "Status reason",
+      currentPeriodEndsLabel: "Current period ends",
       renewsAtLabel: "Renews at",
       expiresAtLabel: "Expires at",
+      overdueSinceLabel: "Overdue since",
+      expiryBoundaryLabel: "Expiry boundary",
+      cancelledAtLabel: "Cancelled at",
+      operatorAuthorityLabel: "Operator authority",
+      managementDestinationLabel: "Manage in",
+      operatorAuthorityGatewayLabel: "Gateway",
+      operatorAuthorityTenantLabel: "Tenant",
+      operatorAuthorityPublisherLabel: "Publisher",
+      operatorAuthorityOwnerLabel: "App owner",
+      managementDestinationGatewayLabel: "Gateway admin",
+      managementDestinationTenantLabel: "Tenant app",
+      managementDestinationPublisherLabel: "Publisher app",
+      managementDestinationOwnerLabel: "App owner",
+      managementDestinationHintGatewayLabel: "Advanced subscription management is handled in Gateway admin.",
+      managementDestinationHintTenantLabel: "Advanced subscription management is handled in the tenant app.",
+      managementDestinationHintPublisherLabel: "Advanced subscription management is handled in the publisher app.",
+      managementDestinationHintOwnerLabel: "Advanced subscription management is handled by the app owner.",
+      openManagementDestinationActionLabel: "Open management",
       creditsRemainingLabel: "Credits remaining",
       addOnUnlocksLabel: "Add-on unlocks",
+      coverageActiveLabel: "Still covered",
+      coverageInactiveLabel: "Not covered",
+      noOverdueRestrictionLabel: "No active overdue restriction.",
+      reasonGraceCoveredPastDueLabel: "Coverage remains during grace period",
+      reasonPastDueAfterPeriodEndLabel: "Current period ended without successful renewal",
+      reasonExpiredAfterBoundaryLabel: "Expiry boundary reached",
+      refreshStatusActionLabel: "Refresh status",
+      refreshingStatusActionLabel: "Refreshing...",
+      cancelSubscriptionActionLabel: "Cancel subscription",
+      cancellingSubscriptionActionLabel: "Cancelling...",
       noPublishedPlansLabel: "No published plans are currently available.",
       recentTimelineTitle: "Recent timeline",
       recentTimelineSubtitle: "Latest monetization events correlated for this subject and app.",
@@ -2083,6 +2209,13 @@ var XMS_COPY_CATALOG = {
       historyPurchaseIntentLabel: "Purchase intent",
       historyTransactionsTitle: "Transactions",
       historyTransactionLabel: "Transaction",
+      historySettlementDetailDisputeWarningNeedsResponse: "Dispute warning: response needed",
+      historySettlementDetailDisputeWarningUnderReview: "Dispute warning under review",
+      historySettlementDetailDisputeWarningClosed: "Dispute warning closed",
+      historySettlementDetailDisputeNeedsResponse: "Dispute needs response",
+      historySettlementDetailDisputeUnderReview: "Dispute under review",
+      historySettlementDetailDisputeWon: "Dispute won",
+      historySettlementDetailDisputeLost: "Dispute lost",
       historySubscriptionsTitle: "Subscriptions",
       historySubscriptionContractLabel: "Subscription contract",
       historyEntitlementsTitle: "Entitlements",
@@ -2125,6 +2258,14 @@ var XMS_COPY_CATALOG = {
       paymentCompletedNotice: "Plata a fost finalizat\u0103 \u0219i accesul a fost actualizat.",
       checkoutCancelledNotice: "Checkout-ul a fost anulat \xEEnainte de finalizare.",
       paymentFailedNotice: "Plata a e\u0219uat \xEEnainte ca accesul s\u0103 poat\u0103 fi acordat.",
+      subscriptionRefreshCompletedNotice: "Starea abonamentului a fost actualizat\u0103.",
+      subscriptionRefreshFailedNotice: "Starea abonamentului nu a putut fi actualizat\u0103.",
+      subscriptionCancelCompletedNotice: "Re\xEEnnoirea abonamentului a fost anulat\u0103.",
+      subscriptionCancelFailedNotice: "Abonamentul nu a putut fi anulat.",
+      subscriptionCancelConfirmTitle: "Anuleaz\u0103 abonamentul",
+      subscriptionCancelConfirmMessage: "Anulezi re\xEEnnoirea acestui abonament?",
+      subscriptionCancelConfirmLabel: "Anuleaz\u0103 abonamentul",
+      subscriptionCancelDismissLabel: "P\u0103streaz\u0103 abonamentul",
       missingPackageMetadataMessage: "Acest pachet nu are metadatele de cump\u0103rare necesare \xEEn paywall-ul publicat.",
       missingIntentMessage: "Intentul de cump\u0103rare a fost creat f\u0103r\u0103 identificator.",
       missingPaymentPageMessage: "Pagina de plat\u0103 nu este disponibil\u0103 pentru acest pachet.",
@@ -2134,10 +2275,41 @@ var XMS_COPY_CATALOG = {
       currentPlanLabel: "Plan curent",
       membershipAccessLabel: "Acces de membru",
       subscriptionStatusLabel: "Stare abonament",
+      subscriptionCoverageLabel: "Acoperire",
+      subscriptionReasonLabel: "Motiv stare",
+      currentPeriodEndsLabel: "Perioada curent\u0103 se \xEEncheie la",
       renewsAtLabel: "Se re\xEEnnoie\u0219te la",
       expiresAtLabel: "Expir\u0103 la",
+      overdueSinceLabel: "Restant din",
+      expiryBoundaryLabel: "Limit\u0103 expirare",
+      cancelledAtLabel: "Anulat la",
+      operatorAuthorityLabel: "Autoritate operator",
+      managementDestinationLabel: "Administreaz\u0103 \xEEn",
+      operatorAuthorityGatewayLabel: "Gateway",
+      operatorAuthorityTenantLabel: "Tenant",
+      operatorAuthorityPublisherLabel: "Publisher",
+      operatorAuthorityOwnerLabel: "Proprietar aplica\u021Bie",
+      managementDestinationGatewayLabel: "Administrare gateway",
+      managementDestinationTenantLabel: "Aplica\u021Bia tenantului",
+      managementDestinationPublisherLabel: "Aplica\u021Bia publisherului",
+      managementDestinationOwnerLabel: "Proprietarul aplica\u021Biei",
+      managementDestinationHintGatewayLabel: "Administrarea avansat\u0103 a abonamentului se face \xEEn administrarea gateway-ului.",
+      managementDestinationHintTenantLabel: "Administrarea avansat\u0103 a abonamentului se face \xEEn aplica\u021Bia tenantului.",
+      managementDestinationHintPublisherLabel: "Administrarea avansat\u0103 a abonamentului se face \xEEn aplica\u021Bia publisherului.",
+      managementDestinationHintOwnerLabel: "Administrarea avansat\u0103 a abonamentului este gestionat\u0103 de proprietarul aplica\u021Biei.",
+      openManagementDestinationActionLabel: "Deschide administrarea",
       creditsRemainingLabel: "Credite r\u0103mase",
       addOnUnlocksLabel: "Unlock-uri suplimentare",
+      coverageActiveLabel: "\xCEnc\u0103 activ",
+      coverageInactiveLabel: "Neacoperit",
+      noOverdueRestrictionLabel: "Nu exist\u0103 restric\u021Bii active de \xEEnt\xE2rziere.",
+      reasonGraceCoveredPastDueLabel: "Accesul r\u0103m\xE2ne activ \xEEn perioada de gra\u021Bie",
+      reasonPastDueAfterPeriodEndLabel: "Perioada curent\u0103 s-a \xEEncheiat f\u0103r\u0103 o re\xEEnnoire reu\u0219it\u0103",
+      reasonExpiredAfterBoundaryLabel: "A fost atins\u0103 limita de expirare",
+      refreshStatusActionLabel: "Actualizeaz\u0103 starea",
+      refreshingStatusActionLabel: "Se actualizeaz\u0103...",
+      cancelSubscriptionActionLabel: "Anuleaz\u0103 abonamentul",
+      cancellingSubscriptionActionLabel: "Se anuleaz\u0103...",
       noPublishedPlansLabel: "Nu exist\u0103 planuri publicate disponibile \xEEn acest moment.",
       recentTimelineTitle: "Cronologie recent\u0103",
       recentTimelineSubtitle: "Cele mai recente evenimente de monetizare corelate pentru acest subiect \u0219i aceast\u0103 aplica\u021Bie.",
@@ -2149,6 +2321,13 @@ var XMS_COPY_CATALOG = {
       historyPurchaseIntentLabel: "Inten\u021Bie de cump\u0103rare",
       historyTransactionsTitle: "Tranzac\u021Bii",
       historyTransactionLabel: "Tranzac\u021Bie",
+      historySettlementDetailDisputeWarningNeedsResponse: "Avertisment disput\u0103: este necesar un r\u0103spuns",
+      historySettlementDetailDisputeWarningUnderReview: "Avertisment disput\u0103 \xEEn analiz\u0103",
+      historySettlementDetailDisputeWarningClosed: "Avertisment disput\u0103 \xEEnchis",
+      historySettlementDetailDisputeNeedsResponse: "Disput\u0103 ce necesit\u0103 r\u0103spuns",
+      historySettlementDetailDisputeUnderReview: "Disput\u0103 \xEEn analiz\u0103",
+      historySettlementDetailDisputeWon: "Disput\u0103 c\xE2\u0219tigat\u0103",
+      historySettlementDetailDisputeLost: "Disput\u0103 pierdut\u0103",
       historySubscriptionsTitle: "Abonamente",
       historySubscriptionContractLabel: "Contract de abonament",
       historyEntitlementsTitle: "Drepturi de acces",
@@ -2170,15 +2349,33 @@ function resolveXmsCopyLocale(locale) {
 function buildXmsPackageCopy(locale) {
   return XMS_COPY_CATALOG[resolveXmsCopyLocale(locale)].package;
 }
+function buildXmsSurfaceCopy(input) {
+  return XMS_COPY_CATALOG[resolveXmsCopyLocale(input?.locale)].surface;
+}
+
+// ../browser-host/src/xms.ts
+function readString4(value) {
+  return String(value ?? "").trim();
+}
+function readNumber(value, fallback = 0) {
+  const parsed = Number(value);
+  return Number.isFinite(parsed) ? parsed : fallback;
+}
+function readLower2(value) {
+  return readString4(value).toLowerCase();
+}
+function readBoolean(value, fallback = false) {
+  return typeof value === "boolean" ? value : fallback;
+}
 function readLocalizedText(value, fallback = "") {
   if (typeof value === "string") {
-    return readString3(value) || fallback;
+    return readString4(value) || fallback;
   }
   if (!value || typeof value !== "object" || Array.isArray(value)) {
     return fallback;
   }
   const record = value;
-  return readString3(record.en) || readString3(record.ro) || Object.values(record).map((item) => readString3(item)).find(Boolean) || fallback;
+  return readString4(record.en) || readString4(record.ro) || Object.values(record).map((item) => readString4(item)).find(Boolean) || fallback;
 }
 function escapeHtml(value) {
   return String(value ?? "").replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
@@ -2188,7 +2385,7 @@ function readRecord(value) {
   return value;
 }
 function formatStateLabel(value, fallback = "\u2014") {
-  const raw = readString3(value);
+  const raw = readString4(value);
   if (!raw) return fallback;
   return raw.replace(/_/g, " ");
 }
@@ -2196,8 +2393,8 @@ function hasPositiveCredits(accessProjection) {
   return readNumber(accessProjection?.credits_remaining, 0) > 0;
 }
 function isExhaustedIncludedCreditAccess(input) {
-  const balanceState = readLower(input.accessProjection?.balance_state);
-  const entitlementState = readLower(input.accessProjection?.entitlement_state);
+  const balanceState = readLower2(input.accessProjection?.balance_state);
+  const entitlementState = readLower2(input.accessProjection?.entitlement_state);
   return !input.currentSubscription && entitlementState === "active" && !hasPositiveCredits(input.accessProjection) && (balanceState === "empty" || balanceState === "insufficient");
 }
 function hasEffectiveCoverage(input) {
@@ -2211,11 +2408,68 @@ function formatCoverageLabel(input) {
   if (hasEffectiveCoverage(input)) return "Available";
   return formatStateLabel(input.accessProjection?.entitlement_state, "Unavailable");
 }
+function resolveSubscriptionCoverageLabel(input) {
+  const copy = buildXmsSurfaceCopy({ locale: input.locale });
+  if (typeof input.overduePolicy?.has_current_access === "boolean") {
+    return input.overduePolicy.has_current_access ? copy.coverageActiveLabel : copy.coverageInactiveLabel;
+  }
+  const status = readLower2(input.currentSubscription?.status);
+  if (status === "active" || status === "trialing" || status === "grace" || status === "cancelled") {
+    return copy.coverageActiveLabel;
+  }
+  if (status === "past_due" || status === "expired" || status === "suspended") {
+    return copy.coverageInactiveLabel;
+  }
+  return "";
+}
+function resolveSubscriptionReasonLabel(input) {
+  const copy = buildXmsSurfaceCopy({ locale: input.locale });
+  const reason = readLower2(input.overduePolicy?.effective_status_reason);
+  if (!reason) return "";
+  if (reason === "grace_covered_past_due") return copy.reasonGraceCoveredPastDueLabel;
+  if (reason === "past_due_after_period_end") return copy.reasonPastDueAfterPeriodEndLabel;
+  if (reason === "expired_after_boundary") return copy.reasonExpiredAfterBoundaryLabel;
+  return formatStateLabel(reason, "");
+}
+function buildXmsSubscriptionLifecycleSummary(input) {
+  const currentSubscription = readRecord(input.currentSubscription ?? input.current_subscription);
+  const overduePolicy = currentSubscription?.overdue_policy && typeof currentSubscription.overdue_policy === "object" && !Array.isArray(currentSubscription.overdue_policy) ? currentSubscription.overdue_policy : null;
+  const status = readLower2(currentSubscription?.status);
+  const renewsAt = readString4(currentSubscription?.renews_at) || null;
+  const currentPeriodEndsAt = readString4(currentSubscription?.current_period_ends_at) || null;
+  const expiresAt = readString4(currentSubscription?.expired_at) || null;
+  const cancelledAt = readString4(currentSubscription?.cancelled_at) || null;
+  const overdueSince = readString4(overduePolicy?.overdue_since) || null;
+  const expiryBoundaryAt = readString4(overduePolicy?.expiry_boundary_at) || null;
+  return {
+    present: Boolean(currentSubscription),
+    status,
+    statusLabel: formatStateLabel(currentSubscription?.status, ""),
+    coverageLabel: resolveSubscriptionCoverageLabel({
+      currentSubscription,
+      overduePolicy,
+      locale: input.locale
+    }),
+    reasonCode: readString4(overduePolicy?.effective_status_reason) || null,
+    reasonLabel: resolveSubscriptionReasonLabel({
+      overduePolicy,
+      locale: input.locale
+    }),
+    renewsAt,
+    currentPeriodEndsAt,
+    expiresAt,
+    cancelledAt,
+    overdueSince,
+    expiryBoundaryAt,
+    canCancel: Boolean(currentSubscription) && (status === "active" || status === "trialing" || status === "grace" || status === "past_due"),
+    canRefresh: Boolean(currentSubscription)
+  };
+}
 function listXappMonetizationPaywalls(items) {
   return (Array.isArray(items) ? items : []).filter((item) => item && typeof item === "object" && !Array.isArray(item)).map((item) => item);
 }
 function buildPaywallPlacementCandidates(value) {
-  const raw = readLower(value);
+  const raw = readLower2(value);
   if (!raw) return [];
   const out = /* @__PURE__ */ new Set([raw]);
   if (raw === "paywall" || raw === "default_paywall") {
@@ -2242,15 +2496,15 @@ function buildPaywallPlacementCandidates(value) {
 }
 function selectXappMonetizationPaywall(input) {
   const paywalls = listXappMonetizationPaywalls(input.paywalls);
-  const slug = readLower(input.slug);
-  const placement = readLower(input.placement);
+  const slug = readLower2(input.slug);
+  const placement = readLower2(input.placement);
   if (slug) {
-    const matched = paywalls.find((item) => readLower(item.slug) === slug);
+    const matched = paywalls.find((item) => readLower2(item.slug) === slug);
     if (matched) return matched;
   }
   if (placement) {
     const candidates = buildPaywallPlacementCandidates(placement);
-    const matched = paywalls.find((item) => candidates.includes(readLower(item.placement)));
+    const matched = paywalls.find((item) => candidates.includes(readLower2(item.placement)));
     if (matched) return matched;
   }
   return paywalls[0] || null;
@@ -2262,23 +2516,24 @@ function flattenXappMonetizationPaywallPackages(paywall) {
     const packageRecord = pkg && typeof pkg === "object" && !Array.isArray(pkg) ? pkg : {};
     const price = Array.isArray(packageRecord.prices) ? packageRecord.prices[0] || null : null;
     out.push({
-      offeringId: readString3(packageRecord.offering_id),
-      offeringSlug: readString3(packageRecord.offering_slug),
-      offeringTitle: readString3(packageRecord.offering_slug) || "Offering",
-      offeringPlacement: readString3(packageRecord.offering_placement) || null,
-      packageId: readString3(packageRecord.id),
-      packageSlug: readString3(packageRecord.slug),
-      packageTitle: readString3(packageRecord.slug) || "Package",
-      packageKind: readString3(packageRecord.package_kind) || "standard",
-      productId: readString3(packageRecord.product?.id),
-      productSlug: readString3(packageRecord.product?.slug),
-      productFamily: readString3(
+      offeringId: readString4(packageRecord.offering_id),
+      offeringSlug: readString4(packageRecord.offering_slug),
+      offeringTitle: readString4(packageRecord.offering_slug) || "Offering",
+      offeringPlacement: readString4(packageRecord.offering_placement) || null,
+      packageId: readString4(packageRecord.id),
+      packageSlug: readString4(packageRecord.slug),
+      packageTitle: readString4(packageRecord.slug) || "Package",
+      packageKind: readString4(packageRecord.package_kind) || "standard",
+      productId: readString4(packageRecord.product?.id),
+      productSlug: readString4(packageRecord.product?.slug),
+      productFamily: readString4(
         packageRecord.product?.product_family
       ),
-      priceId: readString3(price?.id),
-      amount: readString3(price?.amount),
-      currency: readString3(price?.currency),
-      billingPeriod: readString3(price?.billing_period) || null,
+      productMetadata: packageRecord.product?.metadata && typeof packageRecord.product.metadata === "object" ? packageRecord.product.metadata : {},
+      priceId: readString4(price?.id),
+      amount: readString4(price?.amount),
+      currency: readString4(price?.currency),
+      billingPeriod: readString4(price?.billing_period) || null,
       purchasePolicy: readProjectedPurchasePolicy(packageRecord.purchase_policy),
       metadata: packageRecord.metadata && typeof packageRecord.metadata === "object" ? packageRecord.metadata : {}
     });
@@ -2286,7 +2541,7 @@ function flattenXappMonetizationPaywallPackages(paywall) {
   return out.filter((item) => item.offeringId && item.packageId && item.priceId);
 }
 function formatPlacementLabel(value, fallback = "General placement") {
-  const raw = readString3(value);
+  const raw = readString4(value);
   if (!raw) return fallback;
   return raw.replace(/[_-]+/g, " ");
 }
@@ -2300,8 +2555,8 @@ function readPackageCredits(item) {
 }
 function buildMonetizationOfferingPresentation(input) {
   const record = input && typeof input === "object" && !Array.isArray(input) ? input : {};
-  const offeringLabel = readString3(record.offeringTitle) || formatStateLabel(record.offeringSlug, "Offering");
-  const placementRaw = readLower(record.offeringPlacement);
+  const offeringLabel = readString4(record.offeringTitle) || formatStateLabel(record.offeringSlug, "Offering");
+  const placementRaw = readLower2(record.offeringPlacement);
   const placementLabel = formatPlacementLabel(record.offeringPlacement);
   let summary = "General offering surface for this xapp.";
   if (placementRaw.includes("feature") && placementRaw.includes("paywall")) {
@@ -2324,38 +2579,39 @@ function buildMonetizationPaywallPresentation(input) {
   const paywallLabel = readLocalizedText(record.title, formatStateLabel(record.slug, "Paywall")) || "Paywall";
   const placementLabel = formatPlacementLabel(record.placement);
   const packages = flattenXappMonetizationPaywallPackages(record);
-  const defaultPackageRef = readString3(record.default_package_ref);
-  const defaultPackage = packages.find((item) => readString3(item.packageSlug) === defaultPackageRef) || packages[0] || null;
+  const defaultPackageRef = readString4(record.default_package_ref);
+  const defaultPackage = packages.find((item) => readString4(item.packageSlug) === defaultPackageRef) || packages[0] || null;
   const summary = readLocalizedText(record.description) || (placementLabel === "General placement" ? "Presentation surface for monetized package selection." : `${placementLabel} surface for monetized package selection.`);
   return {
     paywallLabel,
     placementLabel,
     summary,
-    defaultPackageLabel: defaultPackage ? readString3(defaultPackage.packageTitle) : "",
+    defaultPackageLabel: defaultPackage ? readString4(defaultPackage.packageTitle) : "",
     packageCountLabel: `${packages.length} package${packages.length === 1 ? "" : "s"}`
   };
 }
 function buildMonetizationPaywallRenderModel(input) {
   const record = input && typeof input === "object" && !Array.isArray(input) ? input : {};
   const presentation = buildMonetizationPaywallPresentation(record);
-  const defaultPackageRef = readString3(record.default_package_ref);
+  const defaultPackageRef = readString4(record.default_package_ref);
   const packages = flattenXappMonetizationPaywallPackages(record).map((item) => {
     const packagePresentation = buildMonetizationPackagePresentation(item);
     return {
-      packageId: readString3(item.packageId),
-      packageSlug: readString3(item.packageSlug),
-      packageTitle: readString3(item.packageTitle) || "Package",
-      productId: readString3(item.productId),
-      productSlug: readString3(item.productSlug),
-      productFamily: readString3(item.productFamily),
+      packageId: readString4(item.packageId),
+      packageSlug: readString4(item.packageSlug),
+      packageTitle: readString4(item.packageTitle) || "Package",
+      productId: readString4(item.productId),
+      productSlug: readString4(item.productSlug),
+      productFamily: readString4(item.productFamily),
+      productMetadata: item.productMetadata && typeof item.productMetadata === "object" && !Array.isArray(item.productMetadata) ? item.productMetadata : {},
       metadata: item.metadata && typeof item.metadata === "object" && !Array.isArray(item.metadata) ? item.metadata : {},
-      description: readString3(item.description) || packagePresentation.summary,
+      description: readString4(item.description) || packagePresentation.summary,
       fitLabel: packagePresentation.fitLabel,
       moneyLabel: packagePresentation.moneyLabel,
       offeringLabel: packagePresentation.offeringLabel,
       placementLabel: packagePresentation.placementLabel,
       signals: packagePresentation.signals,
-      isDefault: Boolean(defaultPackageRef) && readString3(item.packageSlug) === defaultPackageRef
+      isDefault: Boolean(defaultPackageRef) && readString4(item.packageSlug) === defaultPackageRef
     };
   });
   const badges = [presentation.placementLabel, presentation.packageCountLabel];
@@ -2415,6 +2671,11 @@ var monetizationPlansSurfaceStyles = `
   display: grid;
   gap: 10px;
 }
+.xapps-xms-plans__surface-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
 .xapps-xms-plans__meta-row {
   display: flex;
   justify-content: space-between;
@@ -2558,6 +2819,42 @@ var monetizationPlansSurfaceStyles = `
   transform: none;
   box-shadow: none;
 }
+.xapps-xms-plans__surface-action {
+  min-height: 38px;
+  border-radius: 12px;
+  padding: 9px 13px;
+  border: 1px solid color-mix(in srgb, var(--xapps-border-color, rgba(148, 163, 184, 0.24)) 92%, transparent);
+  background: color-mix(in srgb, var(--xapps-surface-bg, #ffffff) 96%, var(--xapps-surface-subtle, #f8fafc));
+  color: var(--xapps-text-primary, #0f172a);
+  font-weight: 700;
+  cursor: pointer;
+  transition:
+    border-color 0.18s ease,
+    background-color 0.18s ease,
+    color 0.18s ease,
+    box-shadow 0.18s ease;
+}
+.xapps-xms-plans__surface-action:hover,
+.xapps-xms-plans__surface-action:focus-visible {
+  border-color: color-mix(in srgb, var(--xapps-accent, #0f766e) 28%, var(--xapps-border-color, transparent));
+  background: color-mix(in srgb, var(--xapps-accent, #0f766e) 7%, var(--xapps-surface-bg, #ffffff));
+  color: color-mix(in srgb, var(--xapps-accent, #0f766e) 24%, var(--xapps-text-primary, #0f172a));
+}
+.xapps-xms-plans__surface-action[data-variant="danger"] {
+  border-color: color-mix(in srgb, var(--xapps-danger, #dc2626) 22%, var(--xapps-border-color, transparent));
+  color: var(--xapps-danger, #b91c1c);
+}
+.xapps-xms-plans__surface-action[data-variant="danger"]:hover,
+.xapps-xms-plans__surface-action[data-variant="danger"]:focus-visible {
+  border-color: color-mix(in srgb, var(--xapps-danger, #dc2626) 34%, var(--xapps-border-color, transparent));
+  background: color-mix(in srgb, var(--xapps-danger, #dc2626) 8%, var(--xapps-surface-bg, #ffffff));
+  color: var(--xapps-danger, #991b1b);
+}
+.xapps-xms-plans__surface-action[disabled] {
+  cursor: not-allowed;
+  opacity: 0.6;
+  box-shadow: none;
+}
 .xapps-xms-plans__empty {
   color: var(--xapps-text-secondary, #64748b);
   font-size: 14px;
@@ -2655,7 +2952,7 @@ var monetizationPlansSurfaceStyles = `
 }
 `;
 function formatPlansDateTime(value, locale = "en") {
-  const raw = readString3(value);
+  const raw = readString4(value);
   if (!raw) return "";
   const parsed = new Date(raw);
   if (Number.isNaN(parsed.getTime())) return raw;
@@ -2683,7 +2980,7 @@ function readHistoryBucket(history, key) {
 }
 function readHistoryTitle(item, keys, fallback) {
   for (const key of keys) {
-    const value = readString3(item[key]);
+    const value = readString4(item[key]);
     if (value) return value;
   }
   return fallback;
@@ -2691,13 +2988,13 @@ function readHistoryTitle(item, keys, fallback) {
 function readHistoryMeta(item, keys, locale) {
   const out = [];
   for (const key of keys) {
-    const value = key.endsWith("_at") ? formatPlansDateTime(item[key], locale) : readString3(item[key]);
+    const value = key === "settlement_effect_detail" ? formatSettlementEffectDetailLabel(item.settlement_effect, item[key], locale) : key.endsWith("_at") ? formatPlansDateTime(item[key], locale) : readString4(item[key]);
     if (value) out.push(formatStateLabel(value, value));
   }
   return out;
 }
 function formatTimelineBucketLabel(value, locale) {
-  const normalized = readLower(value);
+  const normalized = readLower2(value);
   const copy = buildXmsSurfaceCopy({ locale });
   if (!normalized) return copy.historyGenericLabel;
   if (normalized === "purchase_intents") return copy.historyPurchaseIntentLabel;
@@ -2709,20 +3006,58 @@ function formatTimelineBucketLabel(value, locale) {
   if (normalized === "invoices") return copy.historyInvoiceLabel;
   return formatStateLabel(normalized, normalized);
 }
+function formatSettlementEffectDetailLabel(effect, detail, locale) {
+  const rawDetail = readString4(detail);
+  if (!rawDetail) return null;
+  const normalizedEffect = readLower2(effect);
+  const normalizedDetail = readLower2(detail);
+  const copy = buildXmsSurfaceCopy({ locale });
+  if (normalizedEffect === "transaction_chargeback") {
+    if (normalizedDetail === "warning_needs_response") {
+      return copy.historySettlementDetailDisputeWarningNeedsResponse;
+    }
+    if (normalizedDetail === "warning_under_review") {
+      return copy.historySettlementDetailDisputeWarningUnderReview;
+    }
+    if (normalizedDetail === "warning_closed") {
+      return copy.historySettlementDetailDisputeWarningClosed;
+    }
+    if (normalizedDetail === "needs_response") {
+      return copy.historySettlementDetailDisputeNeedsResponse;
+    }
+    if (normalizedDetail === "under_review") {
+      return copy.historySettlementDetailDisputeUnderReview;
+    }
+    if (normalizedDetail === "won") {
+      return copy.historySettlementDetailDisputeWon;
+    }
+    if (normalizedDetail === "lost") {
+      return copy.historySettlementDetailDisputeLost;
+    }
+    return normalizedDetail.replace(/_/g, " ");
+  }
+  return rawDetail;
+}
 function buildTimelineHtml(input) {
   if (!input.total) return "";
   return `
     <div class="xapps-xms-plans__timeline">
       ${input.items.map((item) => {
-    const title = readString3(item.title) || readString3(item.id) || formatTimelineBucketLabel(item.bucket, input.locale);
+    const title = readString4(item.title) || readString4(item.id) || formatTimelineBucketLabel(item.bucket, input.locale);
     const when = formatPlansDateTime(item.occurred_at, input.locale);
     const meta = [
       formatTimelineBucketLabel(item.bucket, input.locale),
-      readString3(item.status) ? formatStateLabel(item.status, readString3(item.status)) : "",
-      readString3(item.scope),
-      readString3(item.correlation),
-      readString3(item.amount) && readString3(item.currency) ? `${readString3(item.amount)} ${readString3(item.currency)}` : readString3(item.amount),
-      readString3(item.note)
+      readString4(item.status) ? formatStateLabel(item.status, readString4(item.status)) : "",
+      readString4(item.settlement_effect) ? formatStateLabel(item.settlement_effect, readString4(item.settlement_effect)) : "",
+      formatSettlementEffectDetailLabel(
+        item.settlement_effect,
+        item.settlement_effect_detail,
+        input.locale
+      ),
+      readString4(item.scope),
+      readString4(item.correlation),
+      readString4(item.amount) && readString4(item.currency) ? `${readString4(item.amount)} ${readString4(item.currency)}` : readString4(item.amount),
+      readString4(item.note)
     ].filter(Boolean);
     return `
             <div class="xapps-xms-plans__timeline-item">
@@ -2749,7 +3084,7 @@ function buildHistorySectionHtml(input) {
         ${input.items.map((item) => {
     const title = readHistoryTitle(item, input.itemTitleKeys, input.itemFallbackTitle);
     const statusKeys = input.itemStatusKeys || [];
-    const status = statusKeys.map((key) => readString3(item[key])).find(Boolean);
+    const status = statusKeys.map((key) => readString4(item[key])).find(Boolean);
     const meta = readHistoryMeta(item, input.itemMetaKeys, input.locale);
     return `
               <div class="xapps-xms-plans__history-item">
@@ -2791,7 +3126,13 @@ function buildMonetizationHistorySections(input) {
       itemTitleKeys: ["package_slug", "product_slug", "id"],
       itemFallbackTitle: copy.historyTransactionLabel,
       itemStatusKeys: ["status"],
-      itemMetaKeys: ["amount", "currency", "payment_session_id", "occurred_at"]
+      itemMetaKeys: [
+        "amount",
+        "currency",
+        "settlement_effect",
+        "payment_session_id",
+        "occurred_at"
+      ]
     }),
     buildHistorySectionHtml({
       title: copy.historySubscriptionsTitle,
@@ -2831,7 +3172,7 @@ function buildMonetizationHistorySections(input) {
       itemTitleKeys: ["event_kind", "wallet_product_slug", "id"],
       itemFallbackTitle: copy.historyWalletLedgerEntryLabel,
       itemStatusKeys: [],
-      itemMetaKeys: ["amount", "currency", "source_kind", "occurred_at"]
+      itemMetaKeys: ["amount", "currency", "settlement_effect", "source_kind", "occurred_at"]
     }),
     buildHistorySectionHtml({
       title: copy.historyAccessSnapshotsTitle,
@@ -2851,17 +3192,20 @@ function buildMonetizationHistorySections(input) {
       itemTitleKeys: ["invoice_identifier", "id"],
       itemFallbackTitle: copy.historyInvoiceLabel,
       itemStatusKeys: ["status"],
-      itemMetaKeys: ["provider_key", "owner_scope", "created_at"]
+      itemMetaKeys: [
+        "settlement_effect",
+        "settlement_effect_detail",
+        "provider_key",
+        "owner_scope",
+        "created_at"
+      ]
     })
   ].filter(Boolean);
 }
-function buildXmsSurfaceCopy(input) {
-  return XMS_COPY_CATALOG[resolveXmsCopyLocale(input?.locale)].surface;
-}
 function buildMonetizationHistorySurfaceHtml(input, options = {}) {
   const record = readRecord(input) ?? {};
   const history = readRecord(record.history) ?? record;
-  const locale = readString3(options.locale) || "en";
+  const locale = readString4(options.locale) || "en";
   const includeStyles = options.includeStyles !== false;
   const showHeader = options.showHeader !== false;
   const surfaceCopy = buildXmsSurfaceCopy({ locale });
@@ -2873,14 +3217,14 @@ function buildMonetizationHistorySurfaceHtml(input, options = {}) {
     <section class="xapps-xms-plans">
       ${showHeader ? `<div class="xapps-xms-plans__header">
               <h3 class="xapps-xms-plans__title">${escapeHtml(
-    readString3(options.title) || surfaceCopy.historyTitle
+    readString4(options.title) || surfaceCopy.historyTitle
   )}</h3>
-              ${readString3(options.subtitle) ? `<div class="xapps-xms-plans__subtitle">${escapeHtml(
-    readString3(options.subtitle)
+              ${readString4(options.subtitle) ? `<div class="xapps-xms-plans__subtitle">${escapeHtml(
+    readString4(options.subtitle)
   )}</div>` : ""}
             </div>` : ""}
-      ${readString3(options.notice) ? `<div class="xapps-xms-plans__notice">${escapeHtml(readString3(options.notice))}</div>` : ""}
-      ${readString3(options.error) ? `<div class="xapps-xms-plans__error">${escapeHtml(readString3(options.error))}</div>` : ""}
+      ${readString4(options.notice) ? `<div class="xapps-xms-plans__notice">${escapeHtml(readString4(options.notice))}</div>` : ""}
+      ${readString4(options.error) ? `<div class="xapps-xms-plans__error">${escapeHtml(readString4(options.error))}</div>` : ""}
       ${timeline.total ? `<section class="xapps-xms-plans__card">
               <h4 class="xapps-xms-plans__section-title">${escapeHtml(surfaceCopy.recentTimelineTitle)}</h4>
               <div class="xapps-xms-plans__subtitle">${escapeHtml(surfaceCopy.recentTimelineSubtitle)}</div>
@@ -2903,8 +3247,8 @@ function buildMonetizationHistorySurfaceHtml(input, options = {}) {
 }
 function buildMonetizationPackagePresentation(input) {
   const item = input && typeof input === "object" && !Array.isArray(input) ? input : {};
-  const packageKind = readString3(item.packageKind);
-  const packageSlug = readLower(item.packageSlug);
+  const packageKind = readString4(item.packageKind);
+  const packageSlug = readLower2(item.packageSlug);
   const metadata = item.metadata && typeof item.metadata === "object" && !Array.isArray(item.metadata) ? item.metadata : {};
   const credits = readPackageCredits(item);
   const moneyLabel = normalizeMoneyLabel(item);
@@ -2925,14 +3269,14 @@ function buildMonetizationPackagePresentation(input) {
     summary = "Blends access coverage with bundled credits for mixed workflows.";
   }
   const signals = [];
-  if (readString3(metadata.badge)) {
-    signals.push(readString3(metadata.badge));
+  if (readString4(metadata.badge)) {
+    signals.push(readString4(metadata.badge));
   }
   if (credits > 0) {
     signals.push(`${credits} credits`);
   }
-  if (readString3(item.billingPeriod)) {
-    signals.push(`billed ${readString3(item.billingPeriod)}`);
+  if (readString4(item.billingPeriod)) {
+    signals.push(`billed ${readString4(item.billingPeriod)}`);
   }
   if (offeringPresentation.offeringLabel) {
     signals.push(offeringPresentation.offeringLabel);
@@ -2952,26 +3296,39 @@ function buildMonetizationPackagePresentation(input) {
 }
 function collectPackageOwnershipCandidates(item) {
   const metadata = item.metadata && typeof item.metadata === "object" && !Array.isArray(item.metadata) ? item.metadata : {};
+  const productMetadata = item.productMetadata && typeof item.productMetadata === "object" && !Array.isArray(item.productMetadata) ? item.productMetadata : {};
+  return [
+    readLower2(item.productSlug),
+    readLower2(item.packageSlug),
+    readLower2(metadata.tier),
+    readLower2(metadata.access_tier),
+    readLower2(productMetadata.tier),
+    readLower2(productMetadata.access_tier)
+  ].filter(Boolean);
+}
+function collectCurrentSubscriptionCandidates(currentSubscription) {
+  const metadata = currentSubscription.metadata && typeof currentSubscription.metadata === "object" ? currentSubscription.metadata : currentSubscription.metadata_jsonb && typeof currentSubscription.metadata_jsonb === "object" ? currentSubscription.metadata_jsonb : {};
   return [
-    readLower(item.productSlug),
-    readLower(item.packageSlug),
-    readLower(metadata.tier),
-    readLower(metadata.access_tier)
+    readLower2(currentSubscription.product_slug),
+    readLower2(currentSubscription.tier),
+    readLower2(metadata.product_slug),
+    readLower2(metadata.tier),
+    readLower2(metadata.access_tier)
   ].filter(Boolean);
 }
 function hasActiveRecurringSubscription(currentSubscription) {
   const record = currentSubscription && typeof currentSubscription === "object" && !Array.isArray(currentSubscription) ? currentSubscription : {};
-  const status = readLower(record.status);
+  const status = readLower2(record.status);
   if (!status || status === "expired") return false;
-  const expiredAt = readString3(record.expired_at);
+  const expiredAt = readString4(record.expired_at);
   if (!expiredAt) return true;
   const expiresAtMs = Date.parse(expiredAt);
   return Number.isNaN(expiresAtMs) || expiresAtMs > Date.now();
 }
 function hasCurrentOwnedEntitlement(entitlement) {
-  const status = readLower(entitlement.status);
+  const status = readLower2(entitlement.status);
   if (status !== "active" && status !== "grace_period") return false;
-  const expiresAt = readString3(entitlement.expires_at);
+  const expiresAt = readString4(entitlement.expires_at);
   if (!expiresAt) return true;
   const expiresAtMs = Date.parse(expiresAt);
   return Number.isNaN(expiresAtMs) || expiresAtMs > Date.now();
@@ -2979,14 +3336,14 @@ function hasCurrentOwnedEntitlement(entitlement) {
 function readProjectedPurchasePolicy(value) {
   const record = value && typeof value === "object" && !Array.isArray(value) ? value : null;
   if (!record) return null;
-  const status = readLower(record.status);
-  const transitionKind = readLower(record.transition_kind ?? record.transitionKind);
+  const status = readLower2(record.status);
+  const transitionKind = readLower2(record.transition_kind ?? record.transitionKind);
   if (!status || !transitionKind) return null;
   return {
     canPurchase: readBoolean(record.can_purchase ?? record.canPurchase, true),
     status: status === "current_recurring_plan" || status === "owned_additive_unlock" ? status : "available",
     transitionKind: transitionKind === "start_recurring" || transitionKind === "replace_recurring" || transitionKind === "buy_additive_unlock" || transitionKind === "buy_credit_pack" || transitionKind === "activate_hybrid" ? transitionKind : "none",
-    reason: readString3(record.reason) || null
+    reason: readString4(record.reason) || null
   };
 }
 function resolveMonetizationPackagePurchasePolicy(input) {
@@ -2995,20 +3352,23 @@ function resolveMonetizationPackagePurchasePolicy(input) {
   if (projectedPolicy) return projectedPolicy;
   const currentSubscription = input.currentSubscription && typeof input.currentSubscription === "object" && !Array.isArray(input.currentSubscription) ? input.currentSubscription : {};
   const additiveEntitlements = Array.isArray(input.additiveEntitlements) ? input.additiveEntitlements : [];
-  const productFamily = readLower(item.productFamily);
-  const packageKind = readLower(item.packageKind);
-  const productId = readLower(item.productId);
-  const currentSubscriptionProductId = readLower(currentSubscription.product_id);
+  const productFamily = readLower2(item.productFamily);
+  const packageKind = readLower2(item.packageKind);
+  const productId = readLower2(item.productId);
+  const currentSubscriptionProductId = readLower2(currentSubscription.product_id);
   const includedCredits = readPackageCredits(item);
   const ownershipCandidates = new Set(collectPackageOwnershipCandidates(item));
+  const currentSubscriptionCandidates = new Set(
+    collectCurrentSubscriptionCandidates(currentSubscription)
+  );
   const ownedAdditiveUnlock = additiveEntitlements.some((entry) => {
     const entitlement = entry && typeof entry === "object" && !Array.isArray(entry) ? entry : {};
     if (!hasCurrentOwnedEntitlement(entitlement)) return false;
-    const entitlementProductId = readLower(entitlement.product_id);
+    const entitlementProductId = readLower2(entitlement.product_id);
     if (productId && entitlementProductId && productId === entitlementProductId) return true;
     const candidateValues = [
-      readLower(entitlement.product_slug),
-      readLower(entitlement.tier)
+      readLower2(entitlement.product_slug),
+      readLower2(entitlement.tier)
     ].filter(Boolean);
     return candidateValues.some((value) => ownershipCandidates.has(value));
   });
@@ -3020,6 +3380,14 @@ function resolveMonetizationPackagePurchasePolicy(input) {
       reason: "current_recurring_plan"
     };
   }
+  if (hasActiveRecurringSubscription(currentSubscription) && Array.from(ownershipCandidates).some((value) => currentSubscriptionCandidates.has(value))) {
+    return {
+      canPurchase: false,
+      status: "current_recurring_plan",
+      transitionKind: "none",
+      reason: "current_recurring_plan"
+    };
+  }
   const consumableOneTimeUnlock = (productFamily === "one_time_unlock" || packageKind === "one_time_unlock") && includedCredits > 0;
   if (consumableOneTimeUnlock) {
     return {
@@ -3077,9 +3445,9 @@ function resolveMonetizationPackagePurchasePolicy(input) {
   };
 }
 function normalizeMoneyLabel(item) {
-  const amount = readString3(item.amount);
-  const currency = readString3(item.currency);
-  const billingPeriod = readString3(item.billingPeriod);
+  const amount = readString4(item.amount);
+  const currency = readString4(item.currency);
+  const billingPeriod = readString4(item.billingPeriod);
   if (!amount && !currency) return "Price unavailable";
   return `${amount} ${currency}${billingPeriod ? ` / ${billingPeriod}` : ""}`.trim();
 }
@@ -3087,7 +3455,7 @@ function summarizeXappMonetizationSnapshot(input) {
   const record = input && typeof input === "object" && !Array.isArray(input) ? input : {};
   const accessProjection = record.access_projection && typeof record.access_projection === "object" && !Array.isArray(record.access_projection) ? record.access_projection : null;
   const currentSubscription = record.current_subscription && typeof record.current_subscription === "object" && !Array.isArray(record.current_subscription) ? record.current_subscription : null;
-  const overduePolicy = currentSubscription?.overdue_policy && typeof currentSubscription.overdue_policy === "object" && !Array.isArray(currentSubscription.overdue_policy) ? currentSubscription.overdue_policy : null;
+  const lifecycle = buildXmsSubscriptionLifecycleSummary({ currentSubscription });
   return {
     accessCoverage: {
       available: hasEffectiveCoverage({ accessProjection, currentSubscription }),
@@ -3097,17 +3465,17 @@ function summarizeXappMonetizationSnapshot(input) {
       sourceRefLabel: formatStateLabel(accessProjection?.source_ref)
     },
     currentSubscription: {
-      present: Boolean(currentSubscription),
-      statusLabel: formatStateLabel(currentSubscription?.status),
+      present: lifecycle.present,
+      statusLabel: lifecycle.statusLabel || formatStateLabel(currentSubscription?.status),
       tierLabel: formatStateLabel(currentSubscription?.tier),
-      coverageLabel: overduePolicy?.has_current_access ? "Still active" : "Expired or blocked",
-      coverageReasonLabel: overduePolicy?.effective_status_reason ? formatStateLabel(overduePolicy.effective_status_reason) : "No active overdue restriction.",
-      renewsAt: readString3(currentSubscription?.renews_at) || null,
-      expiresAt: readString3(currentSubscription?.current_period_ends_at) || null,
+      coverageLabel: lifecycle.coverageLabel || "Unknown",
+      coverageReasonLabel: lifecycle.reasonLabel || buildXmsSurfaceCopy().noOverdueRestrictionLabel,
+      renewsAt: lifecycle.renewsAt,
+      expiresAt: lifecycle.expiresAt || lifecycle.currentPeriodEndsAt,
       paymentSessionIdLabel: formatStateLabel(currentSubscription?.payment_session_id)
     },
     wallet: {
-      creditsRemaining: readString3(accessProjection?.credits_remaining) || "0",
+      creditsRemaining: readString4(accessProjection?.credits_remaining) || "0",
       balanceStateLabel: formatStateLabel(accessProjection?.balance_state, "unknown"),
       currentAccessLabel: hasEffectiveCoverage({ accessProjection, currentSubscription }) ? "Yes" : "No"
     }
@@ -3471,30 +3839,35 @@ function MonetizationPage() {
         /* @__PURE__ */ jsxs5("div", { children: [
           /* @__PURE__ */ jsx9("div", { className: "mx-record-panel-kicker", children: t("activity.monetization", void 0, "Monetization") }),
           /* @__PURE__ */ jsx9("div", { className: "mx-record-panel-id", children: item.title }),
-          /* @__PURE__ */ jsx9("div", { className: "mx-subtle-note mx-subtle-note-compact", children: item.subtitle })
+          /* @__PURE__ */ jsx9("div", { className: "mx-record-panel-subtitle", children: item.subtitle })
         ] }),
-        /* @__PURE__ */ jsxs5("div", { className: "mx-record-actions", children: [
-          !xappIdFilter ? /* @__PURE__ */ jsx9(
-            Link5,
-            {
-              to: {
-                pathname: isEmbedded ? "/monetization" : "/marketplace/monetization",
-                search: (() => {
-                  const qs = new URLSearchParams();
-                  if (token) qs.set("token", token);
-                  qs.set("xappId", item.xappId);
-                  if (item.installationId) qs.set("installationId", item.installationId);
-                  const suffix = qs.toString();
-                  return suffix ? `?${suffix}` : "";
-                })()
-              },
-              className: "mx-btn mx-btn-ghost",
-              children: t("activity.monetization_focus_xapp", void 0, "Focus this app")
-            }
-          ) : null,
-          /* @__PURE__ */ jsx9(Link5, { to: item.plansHref, className: "mx-btn mx-btn-primary", children: t("activity.monetization_open_plans", void 0, "Open plans") }),
-          /* @__PURE__ */ jsx9(Link5, { to: item.historyHref, className: "mx-btn mx-btn-secondary", children: t("activity.monetization_open_history", void 0, "Open history") }),
-          /* @__PURE__ */ jsx9(Link5, { to: item.detailHref, className: "mx-btn mx-btn-ghost", children: t("common.view_app_details", void 0, "View app details") })
+        /* @__PURE__ */ jsxs5("div", { className: "mx-record-actions mx-record-actions-monetization", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "mx-action-group", children: [
+            /* @__PURE__ */ jsx9(Link5, { to: item.plansHref, className: "mx-btn mx-btn-primary", children: t("activity.monetization_open_plans", void 0, "Open plans") }),
+            /* @__PURE__ */ jsx9(Link5, { to: item.historyHref, className: "mx-btn mx-btn-secondary", children: t("activity.monetization_open_history", void 0, "Open history") })
+          ] }),
+          /* @__PURE__ */ jsxs5("div", { className: "mx-action-group", children: [
+            /* @__PURE__ */ jsx9(Link5, { to: item.detailHref, className: "mx-btn mx-btn-ghost", children: t("common.view_app_details", void 0, "View app details") }),
+            !xappIdFilter ? /* @__PURE__ */ jsx9(
+              Link5,
+              {
+                to: {
+                  pathname: isEmbedded ? "/monetization" : "/marketplace/monetization",
+                  search: (() => {
+                    const qs = new URLSearchParams();
+                    if (token) qs.set("token", token);
+                    qs.set("xappId", item.xappId);
+                    if (item.installationId)
+                      qs.set("installationId", item.installationId);
+                    const suffix = qs.toString();
+                    return suffix ? `?${suffix}` : "";
+                  })()
+                },
+                className: "mx-btn mx-btn-ghost",
+                children: t("activity.monetization_focus_xapp", void 0, "Focus this app")
+              }
+            ) : null
+          ] })
         ] })
       ] }),
       /* @__PURE__ */ jsxs5("div", { className: "mx-record-grid", children: [
@@ -4386,7 +4759,7 @@ function SchemaOutputView({ schema, value }) {
 function asRecord3(value) {
   return value && typeof value === "object" ? value : {};
 }
-function readString4(value) {
+function readString5(value) {
   return typeof value === "string" ? value.trim() : "";
 }
 function resolveAction(summary) {
@@ -4401,13 +4774,13 @@ function resolveAction(summary) {
   return {};
 }
 function normalizeActionKind(raw) {
-  return readString4(raw).toLowerCase();
+  return readString5(raw).toLowerCase();
 }
 function resolveText(t, key, fallback) {
   return typeof t === "function" ? t(key, fallback) : fallback;
 }
 function isSettledPaymentStatus(value) {
-  const normalized = readString4(value).toLowerCase();
+  const normalized = readString5(value).toLowerCase();
   return normalized === "paid" || normalized === "settled" || normalized === "succeeded" || normalized === "completed";
 }
 function resolveCtaLabel(actionKind, t) {
@@ -4448,7 +4821,7 @@ function resolveLockMessage(reason, paymentAttemptState, reconcileState, t) {
       "Payment is not settled. Complete a new payment attempt."
     );
   }
-  const attempt = readString4(paymentAttemptState).toLowerCase();
+  const attempt = readString5(paymentAttemptState).toLowerCase();
   if (attempt === "requires_action") {
     return resolveText(
       t,
@@ -4494,13 +4867,13 @@ function resolvePaymentLockStateFromGuardSummary(summaryInput, options) {
   const summary = asRecord3(summaryInput);
   const action = resolveAction(summary);
   const actionKind = normalizeActionKind(String(action.kind ?? summary.reason ?? ""));
-  const actionUrl = readString4(action.url);
-  const reason = readString4(summary.reason).toLowerCase();
+  const actionUrl = readString5(action.url);
+  const reason = readString5(summary.reason).toLowerCase();
   const monetizationState = asRecord3(summary.monetization_state);
-  const paymentSessionId = readString4(monetizationState.payment_session_id) || readString4(action.payment_session_id);
-  const paymentAttemptState = readString4(monetizationState.payment_attempt_state).toLowerCase();
+  const paymentSessionId = readString5(monetizationState.payment_session_id) || readString5(action.payment_session_id);
+  const paymentAttemptState = readString5(monetizationState.payment_attempt_state).toLowerCase();
   const reconcileState = (() => {
-    const candidate = readString4(options?.reconcileState).toLowerCase();
+    const candidate = readString5(options?.reconcileState).toLowerCase();
     if (candidate === "confirming_payment" || candidate === "still_pending" || candidate === "confirmed_paid" || candidate === "failed") {
       return candidate;
     }
@@ -4508,7 +4881,7 @@ function resolvePaymentLockStateFromGuardSummary(summaryInput, options) {
   })();
   const isPaymentKind = actionKind === "complete_payment" || actionKind === "payment_required";
   const isPaymentReason = reason === "payment_required" || reason === "payment_evidence_missing" || reason === "payment_receipt_already_used";
-  const requestStatus = readString4(options?.requestStatus).toUpperCase();
+  const requestStatus = readString5(options?.requestStatus).toUpperCase();
   const paymentSettled = isSettledPaymentStatus(options?.paymentStatus);
   const isHeldForPayment = requestStatus === "PAYMENT_PENDING";
   const isResolvedPastHold = paymentSettled && requestStatus !== "" && !isHeldForPayment;
@@ -5992,7 +6365,7 @@ function asRecord6(value) {
   if (!value || typeof value !== "object" || Array.isArray(value)) return null;
   return value;
 }
-function readString5(value) {
+function readString6(value) {
   return typeof value === "string" ? value.trim() : "";
 }
 function readBoolean2(value, fallback) {
@@ -6067,7 +6440,7 @@ function stripMonetizationCheckoutReturnParams(search) {
   return rendered ? `?${rendered}` : "";
 }
 function formatDateTime2(value, locale) {
-  const raw = readString5(value);
+  const raw = readString6(value);
   if (!raw) return "";
   const parsed = new Date(raw);
   if (Number.isNaN(parsed.getTime())) return raw;
@@ -6097,7 +6470,7 @@ function normalizeUsageCreditSummary(value) {
   const byTool = byToolRaw.map((entry) => {
     const record = asRecord6(entry);
     if (!record) return null;
-    const toolName = readString5(record.tool_name);
+    const toolName = readString6(record.tool_name);
     if (!toolName) return null;
     return {
       tool_name: toolName,
@@ -6123,14 +6496,14 @@ function normalizeUsageCreditSummary(value) {
     reserved_active_count: reservedActiveCount,
     reserved_stale_count: reservedStaleCount,
     consumed_count: consumedCount,
-    updated_at: readString5(summary.updated_at) || null,
+    updated_at: readString6(summary.updated_at) || null,
     by_tool: byTool
   };
 }
 function normalizeGuardPolicyKind(policy) {
   if (policy === "all" || policy === "any") return policy;
   const policyObj = asRecord6(policy);
-  const mode = readString5(policyObj?.mode);
+  const mode = readString6(policyObj?.mode);
   return mode === "any" ? "any" : "all";
 }
 function defaultBlockingForTrigger(trigger) {
@@ -6149,7 +6522,7 @@ function buildMonetizationHookSummaryItems(manifest) {
     return [];
   }
   const baseItems = [];
-  const defaultInvoiceRef = readString5(
+  const defaultInvoiceRef = readString6(
     afterPaymentCompleted.invoice_ref ?? afterPaymentCompleted.invoiceRef
   );
   baseItems.push({
@@ -6167,7 +6540,7 @@ function buildMonetizationHookSummaryItems(manifest) {
   for (const [paymentGuardRef, rawValue] of Object.entries(byPaymentGuardRef ?? {})) {
     const config = asRecord6(rawValue);
     if (!config || readBoolean2(config.enabled, true) === false) continue;
-    const invoiceRef = readString5(config.invoice_ref ?? config.invoiceRef);
+    const invoiceRef = readString6(config.invoice_ref ?? config.invoiceRef);
     baseItems.push({
       slug: `xms_after_payment_completed_${paymentGuardRef}`,
       label: invoiceRef ? `XMS payment completed \xB7 ${paymentGuardRef} \xB7 ${invoiceRef}` : `XMS payment completed \xB7 ${paymentGuardRef}`,
@@ -6258,9 +6631,17 @@ function XappDetailPageContent(props) {
   const [checkoutBusyPackageSlug, setCheckoutBusyPackageSlug] = useState8("");
   const [checkoutError, setCheckoutError] = useState8(null);
   const [checkoutNotice, setCheckoutNotice] = useState8(null);
+  const [subscriptionActionBusy, setSubscriptionActionBusy] = useState8(
+    ""
+  );
+  const [subscriptionActionError, setSubscriptionActionError] = useState8(null);
+  const [cancelSubscriptionConfirmOpen, setCancelSubscriptionConfirmOpen] = useState8(false);
   const checkoutFinalizeKeyRef = useRef2("");
   const installationsByXappId = hasSubject ? host.getInstallationsByXappId() : {};
   const routeInstallationId = String(routeQuery.get("installationId") || "").trim();
+  const routePreviewAt = String(
+    routeQuery.get("previewAt") || routeQuery.get("preview_at") || ""
+  ).trim();
   const installation = xappId && installationsByXappId[String(xappId)] ? installationsByXappId[String(xappId)] : xappId && routeInstallationId ? {
     installationId: routeInstallationId,
     xappId: String(xappId)
@@ -6271,6 +6652,7 @@ function XappDetailPageContent(props) {
   const widgetsEnabled = Boolean(hasSubject) && (Boolean(installation) || autoAvailableMode) && (!updateAvailable || autoUpdateMode);
   const isEmbedded = window.location.pathname.startsWith("/embed");
   const singleXappMode = env?.singleXappMode;
+  const lifecyclePreviewEnabled = env?.devMode === true;
   const routeSurfaceView = routeView === "history" ? "history" : "plans";
   const refresh = useCallback2(async () => {
     if (!xappId) return;
@@ -6282,7 +6664,7 @@ function XappDetailPageContent(props) {
       });
       setData(asRecord6(res));
     } catch (e) {
-      setError(readString5(asRecord6(e)?.message) || String(e));
+      setError(readString6(asRecord6(e)?.message) || String(e));
     } finally {
       setBusy(false);
     }
@@ -6296,13 +6678,22 @@ function XappDetailPageContent(props) {
     try {
       const next = await client.getMyXappMonetization(currentXappId, {
         installationId: installation?.installationId ?? null,
-        locale
+        locale,
+        previewAt: lifecyclePreviewEnabled ? routePreviewAt || null : null
       });
       setMonetization(next);
     } catch {
       setMonetization(null);
     }
-  }, [client, host.subjectId, installation?.installationId, locale, xappId]);
+  }, [
+    client,
+    host.subjectId,
+    installation?.installationId,
+    lifecyclePreviewEnabled,
+    locale,
+    routePreviewAt,
+    xappId
+  ]);
   const refreshMonetizationHistory = useCallback2(async () => {
     const currentXappId = String(xappId ?? "").trim();
     if (!currentXappId || !host.subjectId || typeof client.getMyXappMonetizationHistory !== "function") {
@@ -6373,18 +6764,18 @@ function XappDetailPageContent(props) {
   const xappRecord = asRecord6(data?.xapp);
   const versionRecord = asRecord6(data?.version);
   const publisherRecord = asRecord6(xappRecord?.publisher);
-  const title = resolveMarketplaceText(manifest?.title, locale) || readString5(xappRecord?.name) || t("xapp.kicker_default", void 0, "Xapp");
-  const description = resolveMarketplaceText(manifest?.description, locale) || readString5(xappRecord?.description) || "";
-  const imageUrl = readString5(manifest?.image) || "https://picsum.photos/seed/xapps-detail/840/360";
+  const title = resolveMarketplaceText(manifest?.title, locale) || readString6(xappRecord?.name) || t("xapp.kicker_default", void 0, "Xapp");
+  const description = resolveMarketplaceText(manifest?.description, locale) || readString6(xappRecord?.description) || "";
+  const imageUrl = readString6(manifest?.image) || "https://picsum.photos/seed/xapps-detail/840/360";
   const widgets = Array.isArray(data?.widgets) ? data.widgets.filter((widget) => Boolean(asRecord6(widget))) : [];
   const defaultWidget = useMemo9(() => {
     const def = widgets.find((w) => readBoolean2(w.default, false));
     return def || widgets[0] || null;
   }, [widgets]);
   const requestedWidget = useMemo9(() => {
-    const desiredToolName = readString5(queryToolName);
+    const desiredToolName = readString6(queryToolName);
     if (!desiredToolName) return defaultWidget;
-    return widgets.find((widget) => readString5(widget.bind_tool_name) === desiredToolName) || defaultWidget;
+    return widgets.find((widget) => readString6(widget.bind_tool_name) === desiredToolName) || defaultWidget;
   }, [defaultWidget, queryToolName, widgets]);
   const backTo = {
     pathname: isEmbedded ? "/embed/catalog" : "..",
@@ -6406,8 +6797,8 @@ function XappDetailPageContent(props) {
   };
   const terms = asRecord6(manifest?.terms);
   const termsTitle = resolveMarketplaceText(terms?.title, locale) || t("xapp.terms_title", void 0, "Terms & Conditions");
-  const termsText = resolveMarketplaceText(terms?.text, locale) || readString5(terms?.text);
-  const termsUrl = readString5(terms?.url);
+  const termsText = resolveMarketplaceText(terms?.text, locale) || readString6(terms?.text);
+  const termsUrl = readString6(terms?.url);
   const hasTermsContent = Boolean(termsText || termsUrl);
   const requiresTerms = Boolean(terms || action === "install" || action === "update");
   function requestInstallForWidget(widgetId, widgetName = null, acceptedTerms = false, openAfterInstall = false) {
@@ -6423,13 +6814,13 @@ function XappDetailPageContent(props) {
   }
   function requestUpdateForWidget(widgetId, acceptedTerms = false) {
     if (!installation?.installationId || !host.requestUpdate) return;
-    const activeWidget = widgetId && Array.isArray(widgets) ? widgets.find((entry) => readString5(entry.id) === widgetId) || null : null;
+    const activeWidget = widgetId && Array.isArray(widgets) ? widgets.find((entry) => readString6(entry.id) === widgetId) || null : null;
     host.requestUpdate({
       installationId: installation.installationId,
       xappId: String(xappId ?? ""),
       widgetId,
       xappTitle: String(title),
-      widgetName: resolveMarketplaceText(activeWidget?.title, locale) || readString5(activeWidget?.name) || null,
+      widgetName: resolveMarketplaceText(activeWidget?.title, locale) || readString6(activeWidget?.name) || null,
       ...acceptedTerms ? { termsAccepted: true } : {}
     });
   }
@@ -6485,7 +6876,7 @@ function XappDetailPageContent(props) {
     if (action === "install") {
       setTermsAccepted(false);
       setTermsAction("install");
-      setTermsWidgetId(readString5(defaultWidget?.id) || null);
+      setTermsWidgetId(readString6(defaultWidget?.id) || null);
       setTermsWidgetName(resolveMarketplaceText(defaultWidget?.title, locale) || null);
       setTermsOpen(true);
       return;
@@ -6503,20 +6894,20 @@ function XappDetailPageContent(props) {
     if (env?.embedMode) return;
     if (!requestedWidget || !widgetsEnabled) return;
     const widget = requestedWidget;
-    const widgetId = readString5(widget?.id);
+    const widgetId = readString6(widget?.id);
     if (!widgetId) return;
     const key = [
       String(xappId ?? ""),
       installation?.installationId || "auto",
       widgetId,
-      readString5(queryToolName)
+      readString6(queryToolName)
     ].join(":");
     if (autoOpenedWidgetKeyRef.current === key) return;
     autoOpenedWidgetKeyRef.current = key;
     launchWidgetForSubject(
       widgetId,
-      resolveMarketplaceText(widget?.title, locale) || readString5(widget?.widget_name) || readString5(widget?.name) || t("common.widget", void 0, "Widget"),
-      readString5(widget?.bind_tool_name)
+      resolveMarketplaceText(widget?.title, locale) || readString6(widget?.widget_name) || readString6(widget?.name) || t("common.widget", void 0, "Widget"),
+      readString6(widget?.bind_tool_name)
     );
   }, [
     action,
@@ -6562,8 +6953,8 @@ function XappDetailPageContent(props) {
     }
     return t("activity.requests_title", void 0, "Requests");
   }
-  const publisherSlug = readString5(publisherRecord?.slug);
-  const publisherName = readString5(publisherRecord?.name) || publisherSlug;
+  const publisherSlug = readString6(publisherRecord?.slug);
+  const publisherName = readString6(publisherRecord?.name) || publisherSlug;
   const publisherTo = publisherSlug ? {
     pathname: isEmbedded ? `/publishers/${encodeURIComponent(publisherSlug)}` : `/marketplace/publishers/${encodeURIComponent(publisherSlug)}`,
     search: tokenSearch
@@ -6574,8 +6965,8 @@ function XappDetailPageContent(props) {
     const guardItems = guardsRaw.map((raw) => {
       const guard = asRecord6(raw);
       if (!guard) return null;
-      const trigger = readString5(guard.trigger);
-      const slug = readString5(guard.slug);
+      const trigger = readString6(guard.trigger);
+      const slug = readString6(guard.slug);
       if (!trigger || !slug) return null;
       const policyKind = normalizeGuardPolicyKind(policyMap[trigger]);
       return {
@@ -6615,7 +7006,7 @@ function XappDetailPageContent(props) {
   );
   const selectedPaywall = useMemo9(
     () => monetizationPaywalls.find(
-      (item) => readString5(asRecord6(item)?.slug).trim().toLowerCase() === requestedPaywallSlug
+      (item) => readString6(asRecord6(item)?.slug).trim().toLowerCase() === requestedPaywallSlug
     ) || selectXappMonetizationPaywall({
       paywalls: monetizationPaywalls,
       placement: "default_paywall"
@@ -6693,7 +7084,8 @@ function XappDetailPageContent(props) {
         if (typeof client.getMyXappMonetization === "function") {
           const next = await client.getMyXappMonetization(currentXappId, {
             installationId: installation?.installationId ?? null,
-            locale
+            locale,
+            previewAt: lifecyclePreviewEnabled ? routePreviewAt || null : null
           });
           if (!cancelled) setMonetization(next);
         }
@@ -6705,7 +7097,7 @@ function XappDetailPageContent(props) {
         }
       } catch (error2) {
         if (cancelled) return;
-        const message = readString5(asRecord6(error2)?.message) || (error2 instanceof Error ? error2.message : "") || t(
+        const message = readString6(asRecord6(error2)?.message) || (error2 instanceof Error ? error2.message : "") || t(
           "xapp.checkout_finalize_failed",
           void 0,
           "Payment returned, but access refresh did not complete yet."
@@ -6727,9 +7119,56 @@ function XappDetailPageContent(props) {
     paymentReturnIntentId,
     paymentReturnSessionId,
     paymentReturnStatus,
+    lifecyclePreviewEnabled,
+    routePreviewAt,
     t,
     xappId
   ]);
+  async function refreshSubscriptionLifecycle() {
+    const currentXappId = String(xappId ?? "").trim();
+    const contractId = readString6(monetizationSubscription?.id);
+    if (!currentXappId || !contractId || typeof client.refreshMyXappSubscriptionContractState !== "function") {
+      return;
+    }
+    setSubscriptionActionBusy("refresh");
+    setSubscriptionActionError(null);
+    try {
+      await client.refreshMyXappSubscriptionContractState({
+        xappId: currentXappId,
+        contractId
+      });
+      await refreshMonetization();
+      await refreshMonetizationHistory();
+    } catch (error2) {
+      const message = readString6(asRecord6(error2)?.message) || (error2 instanceof Error ? error2.message : "") || t("xapp.subscription_refresh_failed", void 0, "Unable to refresh subscription state.");
+      setSubscriptionActionError(message);
+    } finally {
+      setSubscriptionActionBusy("");
+    }
+  }
+  async function cancelSubscriptionLifecycle() {
+    const currentXappId = String(xappId ?? "").trim();
+    const contractId = readString6(monetizationSubscription?.id);
+    if (!currentXappId || !contractId || typeof client.cancelMyXappSubscriptionContract !== "function") {
+      return;
+    }
+    setSubscriptionActionBusy("cancel");
+    setSubscriptionActionError(null);
+    try {
+      await client.cancelMyXappSubscriptionContract({
+        xappId: currentXappId,
+        contractId
+      });
+      await refreshMonetization();
+      await refreshMonetizationHistory();
+      setCancelSubscriptionConfirmOpen(false);
+    } catch (error2) {
+      const message = readString6(asRecord6(error2)?.message) || (error2 instanceof Error ? error2.message : "") || t("xapp.subscription_cancel_failed", void 0, "Unable to cancel this subscription.");
+      setSubscriptionActionError(message);
+    } finally {
+      setSubscriptionActionBusy("");
+    }
+  }
   async function finalizeCurrentUserCheckoutIntent(currentXappId, intentId) {
     if (typeof client.finalizeMyXappPurchasePaymentSession !== "function") {
       throw new Error(
@@ -6751,7 +7190,8 @@ function XappDetailPageContent(props) {
     if (typeof client.getMyXappMonetization === "function") {
       const next = await client.getMyXappMonetization(currentXappId, {
         installationId: installation?.installationId ?? null,
-        locale
+        locale,
+        previewAt: lifecyclePreviewEnabled ? routePreviewAt || null : null
       });
       setMonetization(next);
     }
@@ -6775,7 +7215,7 @@ function XappDetailPageContent(props) {
       return;
     }
     const pkg = selectedPaywallPackageRecords.find(
-      (item) => readString5(item.packageSlug).trim().toLowerCase() === normalizedSlug
+      (item) => readString6(item.packageSlug).trim().toLowerCase() === normalizedSlug
     );
     if (pkg) {
       const purchasePolicy = getPackagePurchasePolicy(pkg);
@@ -6794,9 +7234,9 @@ function XappDetailPageContent(props) {
         return;
       }
     }
-    const offeringId = readString5(pkg?.offeringId);
-    const packageId = readString5(pkg?.packageId);
-    const priceId = readString5(pkg?.priceId);
+    const offeringId = readString6(pkg?.offeringId);
+    const packageId = readString6(pkg?.packageId);
+    const priceId = readString6(pkg?.priceId);
     if (!offeringId || !packageId || !priceId) {
       setCheckoutError(
         t(
@@ -6836,10 +7276,10 @@ function XappDetailPageContent(props) {
         locale
       });
       const paymentPageUrl = normalizeHostedCheckoutUrl({
-        paymentPageUrl: readString5(payment.payment_page_url),
+        paymentPageUrl: readString6(payment.payment_page_url),
         apiBaseUrl: env?.apiBaseUrl || null
       });
-      const paymentStatus = readString5(payment.payment_session?.status).trim().toLowerCase();
+      const paymentStatus = readString6(payment.payment_session?.status).trim().toLowerCase();
       if (!paymentPageUrl && (paymentStatus === "paid" || paymentStatus === "completed")) {
         await finalizeCurrentUserCheckoutIntent(
           String(xappId),
@@ -6858,7 +7298,7 @@ function XappDetailPageContent(props) {
       }
       navigateToHostedCheckout(paymentPageUrl);
     } catch (error2) {
-      const message = readString5(asRecord6(error2)?.message) || (error2 instanceof Error ? error2.message : "") || t("xapp.checkout_start_failed", void 0, "Unable to start checkout for this package.");
+      const message = readString6(asRecord6(error2)?.message) || (error2 instanceof Error ? error2.message : "") || t("xapp.checkout_start_failed", void 0, "Unable to start checkout for this package.");
       setCheckoutError(message);
     } finally {
       setCheckoutBusyPackageSlug("");
@@ -6869,44 +7309,50 @@ function XappDetailPageContent(props) {
   const monetizationSubscription = asRecord6(monetization?.current_subscription);
   const additiveEntitlements = Array.isArray(monetization?.additive_entitlements) ? monetization.additive_entitlements.map((item) => asRecord6(item)).filter((item) => item ? Object.keys(item).length > 0 : false) : [];
   const activeAdditiveEntitlements = additiveEntitlements.filter((item) => {
-    const status = readString5(item.status).trim().toLowerCase();
+    const status = readString6(item.status).trim().toLowerCase();
     return status === "active" || status === "grace_period";
   });
-  const additiveUnlockLabels = activeAdditiveEntitlements.map((item) => readString5(item.tier) || readString5(item.product_slug)).filter(Boolean);
-  const overduePolicy = asRecord6(monetizationSubscription?.overdue_policy);
-  const currentTier = readString5(monetizationSubscription?.tier) || readString5(monetizationAccess?.tier);
-  const balanceState = readString5(monetizationAccess?.balance_state);
-  const subscriptionStatus = readString5(monetizationSubscription?.status);
-  const subscriptionCoverage = typeof overduePolicy?.has_current_access === "boolean" ? overduePolicy.has_current_access ? t("xapp.subscription_coverage_active", void 0, "Still covered") : t("xapp.subscription_coverage_inactive", void 0, "Not covered") : null;
-  const subscriptionReasonKey = readString5(overduePolicy?.effective_status_reason);
-  const subscriptionReason = subscriptionReasonKey === "grace_covered_past_due" ? t(
-    "xapp.subscription_reason_grace_covered_past_due",
-    void 0,
-    "Coverage remains during grace period"
-  ) : subscriptionReasonKey === "past_due_after_period_end" ? t(
-    "xapp.subscription_reason_past_due_after_period_end",
-    void 0,
-    "Current period ended without successful renewal"
-  ) : subscriptionReasonKey === "expired_after_boundary" ? t(
-    "xapp.subscription_reason_expired_after_boundary",
-    void 0,
-    "Expiry boundary reached"
-  ) : null;
-  const overdueSince = formatDateTime2(overduePolicy?.overdue_since, locale);
-  const expiryBoundaryAt = formatDateTime2(overduePolicy?.expiry_boundary_at, locale);
-  const renewsAt = formatDateTime2(monetizationSubscription?.renews_at, locale);
-  const expiresAt = formatDateTime2(monetizationSubscription?.expired_at, locale) || formatDateTime2(monetizationSubscription?.current_period_ends_at, locale);
-  const creditsRemaining = readString5(monetizationAccess?.credits_remaining);
+  const additiveUnlockLabels = activeAdditiveEntitlements.map((item) => readString6(item.tier) || readString6(item.product_slug)).filter(Boolean).reduce((labels, label) => {
+    if (!labels.includes(label)) labels.push(label);
+    return labels;
+  }, []);
+  const subscriptionLifecycle = buildXmsSubscriptionLifecycleSummary({
+    currentSubscription: monetizationSubscription,
+    locale
+  });
+  const subscriptionManagement = asRecord6(monetizationSubscription?.subscription_management);
+  const subscriptionSubjectActions = asRecord6(subscriptionManagement?.subject_actions);
+  const canRefreshSubscriptionAction = readBoolean2(
+    asRecord6(subscriptionSubjectActions?.refresh_status)?.available,
+    true
+  );
+  const canCancelSubscriptionAction = readBoolean2(
+    asRecord6(subscriptionSubjectActions?.cancel_subscription)?.available,
+    true
+  );
+  const currentTier = readString6(monetizationSubscription?.tier) || readString6(monetizationAccess?.tier);
+  const balanceState = readString6(monetizationAccess?.balance_state);
+  const subscriptionStatus = subscriptionLifecycle.statusLabel;
+  const subscriptionCoverage = subscriptionLifecycle.coverageLabel;
+  const subscriptionReason = subscriptionLifecycle.reasonLabel;
+  const overdueSince = formatDateTime2(subscriptionLifecycle.overdueSince, locale);
+  const expiryBoundaryAt = formatDateTime2(subscriptionLifecycle.expiryBoundaryAt, locale);
+  const renewsAt = formatDateTime2(subscriptionLifecycle.renewsAt, locale);
+  const currentPeriodEndsAt = formatDateTime2(subscriptionLifecycle.currentPeriodEndsAt, locale);
+  const cancelledAt = formatDateTime2(subscriptionLifecycle.cancelledAt, locale);
+  const expiresAt = formatDateTime2(subscriptionLifecycle.expiresAt, locale);
+  const lifecyclePreviewAt = lifecyclePreviewEnabled ? formatDateTime2(routePreviewAt, locale) : "";
+  const creditsRemaining = readString6(monetizationAccess?.credits_remaining);
   const accessState = resolveMarketplaceDefaultAccessState({
     projection: monetizationAccessProjection,
     hasCatalogMonetization,
     availableLabel: t("xapp.access_state_available", void 0, "available")
   });
   const hasMonetizationState = Boolean(
-    currentTier || accessState || subscriptionStatus || subscriptionCoverage || subscriptionReason || overdueSince || expiryBoundaryAt || renewsAt || expiresAt || creditsRemaining || additiveUnlockLabels.length > 0
+    currentTier || accessState || subscriptionStatus || subscriptionCoverage || subscriptionReason || overdueSince || expiryBoundaryAt || renewsAt || currentPeriodEndsAt || cancelledAt || expiresAt || lifecyclePreviewAt || creditsRemaining || additiveUnlockLabels.length > 0
   );
-  const manifestScreenshots = Array.isArray(manifest?.screenshots) ? manifest.screenshots.map((shot) => readString5(shot)).filter(Boolean) : [];
-  const manifestTags = Array.isArray(manifest?.tags) ? manifest.tags.map((tag) => readString5(tag)).filter(Boolean) : [];
+  const manifestScreenshots = Array.isArray(manifest?.screenshots) ? manifest.screenshots.map((shot) => readString6(shot)).filter(Boolean) : [];
+  const manifestTags = Array.isArray(manifest?.tags) ? manifest.tags.map((tag) => readString6(tag)).filter(Boolean) : [];
   function getPackagePurchasePolicy(item) {
     return resolveMonetizationPackagePurchasePolicy({
       item,
@@ -6949,17 +7395,58 @@ function XappDetailPageContent(props) {
       /* @__PURE__ */ jsx15("span", { className: "mx-meta-label", children: t("xapp.renews_at_label", void 0, "Renews at") }),
       /* @__PURE__ */ jsx15("span", { className: "mx-meta-value", children: renewsAt })
     ] }) : null,
+    currentPeriodEndsAt ? /* @__PURE__ */ jsxs11("div", { className: "mx-meta-item", children: [
+      /* @__PURE__ */ jsx15("span", { className: "mx-meta-label", children: t("xapp.current_period_ends_label", void 0, "Current period ends") }),
+      /* @__PURE__ */ jsx15("span", { className: "mx-meta-value", children: currentPeriodEndsAt })
+    ] }) : null,
+    cancelledAt ? /* @__PURE__ */ jsxs11("div", { className: "mx-meta-item", children: [
+      /* @__PURE__ */ jsx15("span", { className: "mx-meta-label", children: t("xapp.cancelled_at_label", void 0, "Cancelled at") }),
+      /* @__PURE__ */ jsx15("span", { className: "mx-meta-value", children: cancelledAt })
+    ] }) : null,
     expiresAt ? /* @__PURE__ */ jsxs11("div", { className: "mx-meta-item", children: [
       /* @__PURE__ */ jsx15("span", { className: "mx-meta-label", children: t("xapp.expires_at_label", void 0, "Expires at") }),
       /* @__PURE__ */ jsx15("span", { className: "mx-meta-value", children: expiresAt })
     ] }) : null,
+    lifecyclePreviewAt ? /* @__PURE__ */ jsxs11("div", { className: "mx-meta-item", children: [
+      /* @__PURE__ */ jsx15("span", { className: "mx-meta-label", children: t("xapp.lifecycle_preview_at_label", void 0, "Preview as of") }),
+      /* @__PURE__ */ jsx15("span", { className: "mx-meta-value", children: lifecyclePreviewAt })
+    ] }) : null,
     creditsRemaining ? /* @__PURE__ */ jsxs11("div", { className: "mx-meta-item", children: [
       /* @__PURE__ */ jsx15("span", { className: "mx-meta-label", children: t("xapp.credits_remaining_label", void 0, "Credits remaining") }),
       /* @__PURE__ */ jsx15("span", { className: "mx-meta-value", children: creditsRemaining })
     ] }) : null,
     additiveUnlockLabels.length > 0 ? /* @__PURE__ */ jsxs11("div", { className: "mx-meta-item mx-meta-item-top", children: [
       /* @__PURE__ */ jsx15("span", { className: "mx-meta-label", children: t("xapp.add_on_unlocks_label", void 0, "Add-on unlocks") }),
-      /* @__PURE__ */ jsx15("div", { className: "mx-meta-value mx-meta-stack-sm", children: additiveUnlockLabels.map((label) => /* @__PURE__ */ jsx15("div", { children: label }, label)) })
+      /* @__PURE__ */ jsx15("div", { className: "mx-meta-value mx-meta-stack-sm", children: additiveUnlockLabels.map((label, index) => /* @__PURE__ */ jsx15("div", { children: label }, `${label}:${index}`)) })
+    ] }) : null,
+    lifecyclePreviewAt ? /* @__PURE__ */ jsx15("div", { className: "mx-subtle-note", children: t(
+      "xapp.lifecycle_preview_hint",
+      void 0,
+      "Subscription lifecycle is being previewed for the selected time."
+    ) }) : null,
+    subscriptionActionError ? /* @__PURE__ */ jsx15("div", { className: "mx-subtle-note", children: subscriptionActionError }) : null,
+    monetizationSubscription?.id && (canRefreshSubscriptionAction && typeof client.refreshMyXappSubscriptionContractState === "function" || canCancelSubscriptionAction && subscriptionLifecycle.canCancel && typeof client.cancelMyXappSubscriptionContract === "function") ? /* @__PURE__ */ jsxs11("div", { className: "mx-detail-actions", children: [
+      canRefreshSubscriptionAction && typeof client.refreshMyXappSubscriptionContractState === "function" ? /* @__PURE__ */ jsx15(
+        "button",
+        {
+          className: "mx-btn mx-btn-secondary",
+          disabled: subscriptionActionBusy !== "",
+          onClick: () => {
+            void refreshSubscriptionLifecycle();
+          },
+          children: subscriptionActionBusy === "refresh" ? t("xapp.subscription_refreshing", void 0, "Refreshing...") : t("xapp.subscription_refresh_action", void 0, "Refresh status")
+        }
+      ) : null,
+      canCancelSubscriptionAction && subscriptionLifecycle.canCancel && typeof client.cancelMyXappSubscriptionContract === "function" ? /* @__PURE__ */ jsx15(
+        "button",
+        {
+          className: "mx-btn mx-btn-outline",
+          "data-variant": "danger",
+          disabled: subscriptionActionBusy !== "",
+          onClick: () => setCancelSubscriptionConfirmOpen(true),
+          children: subscriptionActionBusy === "cancel" ? t("xapp.subscription_cancelling", void 0, "Cancelling...") : t("xapp.subscription_cancel_action", void 0, "Cancel subscription")
+        }
+      ) : null
     ] }) : null
   ] }) : null;
   const plansCard = selectedPaywallRenderModel ? /* @__PURE__ */ jsxs11("div", { className: "mx-sidebar-card", ref: plansSectionRef, children: [
@@ -6969,55 +7456,57 @@ function XappDetailPageContent(props) {
       selectedPaywallRenderModel.summary ? /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-summary", children: selectedPaywallRenderModel.summary }) : null
     ] }),
     selectedPaywallRenderModel.badges.length > 0 ? /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-badges", children: selectedPaywallRenderModel.badges.map((badge) => /* @__PURE__ */ jsx15("span", { className: "mx-paywall-card-badge", children: badge }, badge)) }) : null,
-    /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-packages", children: selectedPaywallRenderModel.packages.map((item) => {
-      const normalizedPackageSlug = item.packageSlug.trim().toLowerCase();
-      const purchasePolicy = getPackagePurchasePolicy(item);
-      const packageSignals = item.signals.filter(
-        (signal) => !(purchasePolicy.transitionKind === "replace_recurring" && signal.toLowerCase().includes("trial"))
-      );
-      const isCurrentPackage = purchasePolicy.status === "current_recurring_plan";
-      const isOwnedAdditive = purchasePolicy.status === "owned_additive_unlock";
-      const isAdditiveCompanion = purchasePolicy.transitionKind === "buy_additive_unlock" && subscriptionStatus === "active";
-      return /* @__PURE__ */ jsxs11(
-        "div",
-        {
-          className: `mx-paywall-card-package ${item.isDefault ? "is-default" : ""} ${selectedPaywallPackageSlug && normalizedPackageSlug === selectedPaywallPackageSlug ? "is-selected" : ""}`,
-          children: [
-            /* @__PURE__ */ jsxs11("div", { className: "mx-paywall-card-package-head", children: [
-              /* @__PURE__ */ jsxs11("div", { children: [
-                /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-package-title", children: item.packageTitle }),
-                item.description ? /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-package-description", children: item.description }) : null
+    /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-packages", children: selectedPaywallRenderModel.packages.map(
+      (item, index) => {
+        const normalizedPackageSlug = item.packageSlug.trim().toLowerCase();
+        const purchasePolicy = getPackagePurchasePolicy(item);
+        const packageSignals = item.signals.filter(
+          (signal) => !(purchasePolicy.transitionKind === "replace_recurring" && signal.toLowerCase().includes("trial"))
+        );
+        const isCurrentPackage = purchasePolicy.status === "current_recurring_plan";
+        const isOwnedAdditive = purchasePolicy.status === "owned_additive_unlock";
+        const isAdditiveCompanion = purchasePolicy.transitionKind === "buy_additive_unlock" && subscriptionStatus === "active";
+        return /* @__PURE__ */ jsxs11(
+          "div",
+          {
+            className: `mx-paywall-card-package ${item.isDefault ? "is-default" : ""} ${selectedPaywallPackageSlug && normalizedPackageSlug === selectedPaywallPackageSlug ? "is-selected" : ""}`,
+            children: [
+              /* @__PURE__ */ jsxs11("div", { className: "mx-paywall-card-package-head", children: [
+                /* @__PURE__ */ jsxs11("div", { children: [
+                  /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-package-title", children: item.packageTitle }),
+                  item.description ? /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-package-description", children: item.description }) : null
+                ] }),
+                /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-money", children: item.moneyLabel })
               ] }),
-              /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-money", children: item.moneyLabel })
-            ] }),
-            /* @__PURE__ */ jsxs11("div", { className: "mx-paywall-card-package-meta", children: [
-              /* @__PURE__ */ jsx15("span", { className: "mx-paywall-card-package-fit", children: item.fitLabel }),
-              selectedPaywallPackageSlug && normalizedPackageSlug === selectedPaywallPackageSlug ? /* @__PURE__ */ jsx15("span", { className: "mx-paywall-card-package-default", children: t("xapp.selected_label", void 0, "Selected") }) : null,
-              isOwnedAdditive ? /* @__PURE__ */ jsx15("span", { className: "mx-paywall-card-package-default", children: t("xapp.owned_unlock_label", void 0, "Owned unlock") }) : null,
-              isCurrentPackage && !isOwnedAdditive ? /* @__PURE__ */ jsx15("span", { className: "mx-paywall-card-package-default", children: t("xapp.current_plan_label", void 0, "Current plan") }) : null,
-              isAdditiveCompanion ? /* @__PURE__ */ jsx15("span", { className: "mx-paywall-card-package-default", children: t("xapp.additive_unlock_label", void 0, "Add-on with membership") }) : null,
-              item.isDefault ? /* @__PURE__ */ jsx15("span", { className: "mx-paywall-card-package-default", children: t("xapp.default_label", void 0, "Default") }) : null
-            ] }),
-            packageSignals.length > 0 ? /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-signals", children: packageSignals.map((signal) => /* @__PURE__ */ jsx15("span", { className: "mx-paywall-card-signal", children: signal }, signal)) }) : null,
-            isAdditiveCompanion ? /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-summary", children: t(
-              "xapp.additive_unlock_message",
-              void 0,
-              "This one-time unlock is additive. It adds access on top of the active recurring membership instead of replacing it."
-            ) }) : null,
-            typeof client.prepareMyXappPurchaseIntent === "function" && typeof client.createMyXappPurchasePaymentSession === "function" && hasSubject && canMutate ? /* @__PURE__ */ jsx15(
-              "button",
-              {
-                className: "mx-btn mx-btn-secondary",
-                disabled: !purchasePolicy.canPurchase || checkoutBusyPackageSlug === normalizedPackageSlug,
-                onClick: () => void startPackageCheckout(item.packageSlug),
-                children: isOwnedAdditive ? t("xapp.owned_unlock_active", void 0, "Owned unlock active") : isCurrentPackage ? t("xapp.current_plan_active", void 0, "Current plan active") : checkoutBusyPackageSlug === normalizedPackageSlug ? t("xapp.checkout_starting", void 0, "Starting checkout...") : isAdditiveCompanion ? t("xapp.additive_unlock_action", void 0, "Purchase add-on unlock") : t("xapp.checkout_action", void 0, "Continue to checkout")
-              }
-            ) : null
-          ]
-        },
-        item.packageId || item.packageSlug
-      );
-    }) }),
+              /* @__PURE__ */ jsxs11("div", { className: "mx-paywall-card-package-meta", children: [
+                /* @__PURE__ */ jsx15("span", { className: "mx-paywall-card-package-fit", children: item.fitLabel }),
+                selectedPaywallPackageSlug && normalizedPackageSlug === selectedPaywallPackageSlug ? /* @__PURE__ */ jsx15("span", { className: "mx-paywall-card-package-default", children: t("xapp.selected_label", void 0, "Selected") }) : null,
+                isOwnedAdditive ? /* @__PURE__ */ jsx15("span", { className: "mx-paywall-card-package-default", children: t("xapp.owned_unlock_label", void 0, "Owned unlock") }) : null,
+                isCurrentPackage && !isOwnedAdditive ? /* @__PURE__ */ jsx15("span", { className: "mx-paywall-card-package-default", children: t("xapp.current_plan_label", void 0, "Current plan") }) : null,
+                isAdditiveCompanion ? /* @__PURE__ */ jsx15("span", { className: "mx-paywall-card-package-default", children: t("xapp.additive_unlock_label", void 0, "Add-on with membership") }) : null,
+                item.isDefault ? /* @__PURE__ */ jsx15("span", { className: "mx-paywall-card-package-default", children: t("xapp.default_label", void 0, "Default") }) : null
+              ] }),
+              packageSignals.length > 0 ? /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-signals", children: packageSignals.map((signal) => /* @__PURE__ */ jsx15("span", { className: "mx-paywall-card-signal", children: signal }, signal)) }) : null,
+              isAdditiveCompanion ? /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-summary", children: t(
+                "xapp.additive_unlock_message",
+                void 0,
+                "This one-time unlock is additive. It adds access on top of the active recurring membership instead of replacing it."
+              ) }) : null,
+              typeof client.prepareMyXappPurchaseIntent === "function" && typeof client.createMyXappPurchasePaymentSession === "function" && hasSubject && canMutate ? /* @__PURE__ */ jsx15(
+                "button",
+                {
+                  className: "mx-btn mx-btn-secondary",
+                  disabled: !purchasePolicy.canPurchase || checkoutBusyPackageSlug === normalizedPackageSlug,
+                  onClick: () => void startPackageCheckout(item.packageSlug),
+                  children: isOwnedAdditive ? t("xapp.owned_unlock_active", void 0, "Owned unlock active") : isCurrentPackage ? t("xapp.current_plan_active", void 0, "Current plan active") : checkoutBusyPackageSlug === normalizedPackageSlug ? t("xapp.checkout_starting", void 0, "Starting checkout...") : isAdditiveCompanion ? t("xapp.additive_unlock_action", void 0, "Purchase add-on unlock") : t("xapp.checkout_action", void 0, "Continue to checkout")
+                }
+              ) : null
+            ]
+          },
+          `${item.packageId || item.packageSlug || normalizedPackageSlug}:${index}`
+        );
+      }
+    ) }),
     checkoutNotice ? /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-summary", children: checkoutNotice }) : null,
     checkoutError ? /* @__PURE__ */ jsx15("div", { className: "mx-payment-lock-error", children: checkoutError }) : null
   ] }) : null;
@@ -7170,9 +7659,9 @@ function XappDetailPageContent(props) {
           description ? /* @__PURE__ */ jsx15("p", { className: "mx-detail-subtitle", children: description }) : null,
           /* @__PURE__ */ jsxs11("div", { className: "mx-detail-meta-row", children: [
             /* @__PURE__ */ jsx15("div", { className: "mx-card-slug", children: xappId }),
-            readString5(versionRecord?.version) && /* @__PURE__ */ jsxs11("div", { className: "mx-card-version mx-detail-version-pill", children: [
+            readString6(versionRecord?.version) && /* @__PURE__ */ jsxs11("div", { className: "mx-card-version mx-detail-version-pill", children: [
               "v",
-              readString5(versionRecord?.version)
+              readString6(versionRecord?.version)
             ] }),
             updateAvailable ? /* @__PURE__ */ jsx15("div", { className: "mx-detail-update-pill", children: t("xapp.update_available", void 0, "Update available") }) : null
           ] })
@@ -7207,7 +7696,7 @@ function XappDetailPageContent(props) {
                 if (requiresTerms) {
                   setTermsAccepted(false);
                   setTermsAction("install");
-                  setTermsWidgetId(readString5(defaultWidget?.id) || null);
+                  setTermsWidgetId(readString6(defaultWidget?.id) || null);
                   setTermsWidgetName(
                     resolveMarketplaceText(defaultWidget?.title, locale) || null
                   );
@@ -7215,7 +7704,7 @@ function XappDetailPageContent(props) {
                   return;
                 }
                 requestInstallForWidget(
-                  readString5(defaultWidget?.id) || null,
+                  readString6(defaultWidget?.id) || null,
                   resolveMarketplaceText(defaultWidget?.title, locale) || null,
                   false,
                   autoAvailableMode
@@ -7271,7 +7760,7 @@ function XappDetailPageContent(props) {
               void 0,
               "No app views are currently available."
             ) }) : /* @__PURE__ */ jsx15("div", { className: "mx-detail-widget-list", children: widgets.map((w, idx) => {
-              const name = resolveMarketplaceText(w.title, locale) || readString5(w.widget_name) || readString5(w.name) || readString5(w.id) || t("common.widget", void 0, "Widget");
+              const name = resolveMarketplaceText(w.title, locale) || readString6(w.widget_name) || readString6(w.name) || readString6(w.id) || t("common.widget", void 0, "Widget");
               const disabled = !widgetsEnabled;
               const isDefault = readBoolean2(w.default, false) || idx === 0 && !widgets.some((ww) => readBoolean2(ww.default, false));
               const widgetType = String(w.type || "").toLowerCase();
@@ -7282,9 +7771,9 @@ function XappDetailPageContent(props) {
                   className: `mx-detail-widget-card ${disabled ? "is-disabled" : ""} ${isDefault ? "is-default" : ""}`,
                   onClick: () => {
                     if (!widgetsEnabled) return;
-                    const widgetId = readString5(w.id);
+                    const widgetId = readString6(w.id);
                     if (!widgetId) return;
-                    launchWidgetForSubject(widgetId, name, readString5(w.bind_tool_name));
+                    launchWidgetForSubject(widgetId, name, readString6(w.bind_tool_name));
                   },
                   children: [
                     /* @__PURE__ */ jsx15("div", { className: "mx-detail-widget-icon", children: widgetType === "read" ? /* @__PURE__ */ jsxs11(
@@ -7319,7 +7808,7 @@ function XappDetailPageContent(props) {
                     ) }),
                     /* @__PURE__ */ jsxs11("div", { className: "mx-detail-widget-body", children: [
                       /* @__PURE__ */ jsx15("div", { className: "mx-detail-widget-name", children: name }),
-                      readString5(w.bind_tool_name) && /* @__PURE__ */ jsx15("div", { className: "mx-detail-widget-tool", children: readString5(w.bind_tool_name) }),
+                      readString6(w.bind_tool_name) && /* @__PURE__ */ jsx15("div", { className: "mx-detail-widget-tool", children: readString6(w.bind_tool_name) }),
                       /* @__PURE__ */ jsxs11("div", { className: "mx-detail-widget-badges", children: [
                         isDefault && /* @__PURE__ */ jsx15("span", { className: "mx-detail-widget-badge is-primary", children: t("xapp.widget_primary", void 0, "Primary") }),
                         widgetType && /* @__PURE__ */ jsx15("span", { className: "mx-detail-widget-badge", children: widgetType })
@@ -7609,12 +8098,12 @@ function XappDetailPageContent(props) {
             {
               className: "mx-btn mx-btn-primary mx-detail-primary-cta",
               onClick: () => {
-                const widgetId = readString5(defaultWidget.id);
+                const widgetId = readString6(defaultWidget.id);
                 if (!widgetId) return;
                 launchWidgetForSubject(
                   widgetId,
-                  resolveMarketplaceText(defaultWidget?.title, locale) || readString5(defaultWidget?.widget_name) || readString5(defaultWidget?.name) || t("common.widget", void 0, "Widget"),
-                  readString5(defaultWidget?.bind_tool_name)
+                  resolveMarketplaceText(defaultWidget?.title, locale) || readString6(defaultWidget?.widget_name) || readString6(defaultWidget?.name) || t("common.widget", void 0, "Widget"),
+                  readString6(defaultWidget?.bind_tool_name)
                 );
               },
               children: openAppLabel
@@ -7834,7 +8323,7 @@ function XappDetailPageContent(props) {
               disabled: !termsAccepted,
               onClick: () => {
                 requestInstallForWidget(
-                  termsWidgetId ?? readString5(defaultWidget?.id) ?? null,
+                  termsWidgetId ?? readString6(defaultWidget?.id) ?? null,
                   termsWidgetName || resolveMarketplaceText(defaultWidget?.title, locale) || null,
                   true,
                   autoAvailableMode
@@ -7864,6 +8353,23 @@ function XappDetailPageContent(props) {
           ) : null
         ] })
       ] }) }),
+      /* @__PURE__ */ jsx15(
+        ConfirmActionModal,
+        {
+          open: cancelSubscriptionConfirmOpen,
+          title: t("xapp.subscription_cancel_title", void 0, "Cancel subscription?"),
+          description: t(
+            "xapp.subscription_cancel_description",
+            void 0,
+            "The subscription will stop renewing. Current access remains available until the current period ends."
+          ),
+          confirmLabel: t("xapp.subscription_cancel_action", void 0, "Cancel subscription"),
+          onCancel: () => setCancelSubscriptionConfirmOpen(false),
+          onConfirm: () => {
+            void cancelSubscriptionLifecycle();
+          }
+        }
+      ),
       /* @__PURE__ */ jsx15(
         ConfirmActionModal,
         {