@xapps-platform/marketplace-ui 0.1.14 → 0.1.16

package/dist/index.js

@@ -106,6 +106,120 @@ 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": "\xCEncepe checkout-ul",
+      "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.virtual_currency_label": "Moned\u0103 virtual\u0103",
+      "xapp.current_balances_label": "Solduri acum",
+      "xapp.credits_remaining_label": "Sold",
+      "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": "Starea abonamentului este previzualizat\u0103 pentru momentul selectat.",
+      "xapp.history_route_subtitle": "Solduri, activitate recent\u0103 \u0219i cump\u0103r\u0103ri pentru {title}.",
+      "xapp.history_route_subtitle_default": "Solduri, activitate recent\u0103 \u0219i cump\u0103r\u0103ri pentru aceast\u0103 aplica\u021Bie.",
+      "xapp.plans_route_subtitle": "Acces, planuri \u0219i solduri pentru {title}.",
+      "xapp.plans_route_subtitle_default": "Acces, planuri \u0219i solduri pentru aceast\u0103 aplica\u021Bie.",
+      "xapp.plans_loading_title": "Se \xEEncarc\u0103 planurile",
+      "xapp.plans_loading_desc": "Se preg\u0103tesc planurile publicate, soldurile \u0219i accesul curent pentru aceast\u0103 aplica\u021Bie.",
+      "xapp.no_plans_available": "Momentan nu exist\u0103 planuri disponibile.",
+      "xapp.no_plans_available_desc": "Planurile publicate vor ap\u0103rea aici atunci c\xE2nd aceast\u0103 aplica\u021Bie expune un paywall.",
+      "xapp.checkout_hint": "Checkout-ul se deschide \xEEntr-o pagin\u0103 securizat\u0103 de plat\u0103 administrat\u0103 de platform\u0103.",
+      "xapp.current_plan_note": "Acest plan este deja activ pentru aceast\u0103 aplica\u021Bie.",
+      "xapp.owned_unlock_note": "Acest supliment este deja inclus \xEEn accesul curent."
+    };
+  }
+  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": "Start checkout",
+    "xapp.subscription_status_label": "Subscription state",
+    "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.virtual_currency_label": "Currency",
+    "xapp.current_balances_label": "Balances now",
+    "xapp.credits_remaining_label": "Balance",
+    "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 state is being previewed for the selected time.",
+    "xapp.history_route_subtitle": "Balances, recent activity, and purchases for {title}.",
+    "xapp.history_route_subtitle_default": "Balances, recent activity, and purchases for this app.",
+    "xapp.plans_route_subtitle": "Access, plans, and balances for {title}.",
+    "xapp.plans_route_subtitle_default": "Access, plans, and balances for this app.",
+    "xapp.plans_loading_title": "Loading plans",
+    "xapp.plans_loading_desc": "Preparing published plans, balances, and current access for this app.",
+    "xapp.no_plans_available": "No plans are currently available.",
+    "xapp.no_plans_available_desc": "Published plans will appear here when this app exposes a paywall.",
+    "xapp.checkout_hint": "Checkout opens in a secure hosted payment page managed by the platform.",
+    "xapp.current_plan_note": "This plan is already active for this app.",
+    "xapp.owned_unlock_note": "This add-on is already included in the current access."
+  };
+}
 var MARKETPLACE_CATALOGS = {
   en: {
     "common.id": "ID",
@@ -192,7 +306,7 @@ var MARKETPLACE_CATALOGS = {
     "activity.invoices_title": "Invoices",
     "activity.notifications_title": "Notifications",
     "activity.unavailable_requests_title": "Requests are unavailable",
-    "activity.unavailable_monetization_title": "Monetization is unavailable in this host.",
+    "activity.unavailable_monetization_title": "Plans and balances are unavailable in this host.",
     "activity.unavailable_requests_desc": "This public catalog does not support viewing personal requests.",
     "activity.unavailable_payments_title": "Payments are unavailable in this host.",
     "activity.unavailable_invoices_title": "Invoices are unavailable in this host.",
@@ -201,8 +315,8 @@ var MARKETPLACE_CATALOGS = {
     "activity.subject_required_desc": "This host session is not associated with a user. Ask your host to create a catalog session with a subjectId.",
     "activity.showing_requests_for": "Showing requests for {title}",
     "activity.showing_requests_for_prefix": "Showing requests for",
-    "activity.showing_monetization_for": "Showing XMS state for {title}",
-    "activity.showing_monetization_for_prefix": "Showing XMS state for",
+    "activity.showing_monetization_for": "Showing plans and balances for {title}",
+    "activity.showing_monetization_for_prefix": "Showing plans and balances for",
     "activity.showing_payments_for": "Showing payment activity for {title}",
     "activity.showing_payments_for_prefix": "Showing payment activity for",
     "activity.showing_invoices_for": "Showing invoice records for {title}",
@@ -218,11 +332,11 @@ var MARKETPLACE_CATALOGS = {
     "activity.mark_read": "Mark read",
     "activity.unread_count": "{count} unread item{suffix}",
     "activity.loading_requests": "Loading requests...",
-    "activity.loading_monetization": "Loading monetization state...",
+    "activity.loading_monetization": "Loading plans, balances, and recent activity...",
     "activity.no_requests": "No requests yet.",
-    "activity.no_monetization": "No XMS-enabled apps are currently installed for this subject.",
-    "activity.no_monetization_current": "No current monetization coverage was found for this subject.",
-    "activity.no_monetization_history": "No monetization history was found for this subject.",
+    "activity.no_monetization": "No monetized apps are currently installed for this subject.",
+    "activity.no_monetization_current": "No current plans or balances were found for this subject.",
+    "activity.no_monetization_history": "No plan or balance history was found for this subject.",
     "activity.loading_payments": "Loading payments...",
     "activity.no_payments": "No payment activity found.",
     "activity.loading_payment_detail": "Loading payment details...",
@@ -237,21 +351,30 @@ var MARKETPLACE_CATALOGS = {
     "activity.loading_notifications": "Loading notifications...",
     "activity.no_notifications": "No notification activity found.",
     "activity.loading_notification_detail": "Loading notification details...",
-    "activity.monetization_overview_hint": "Review current XMS access, subscriptions, and credits across the apps linked to this subject.",
-    "activity.monetization_overview_hint_with_past": "Review current and past XMS access, subscriptions, and credits across this subject's apps.",
-    "activity.monetization_card_subtitle": "Current XMS state, active access, subscriptions, and credits for this app.",
-    "activity.monetization_focus_xapp": "Focus this app",
-    "activity.monetization_show_past": "Show past apps",
-    "activity.monetization_show_current_only": "Show current only",
-    "activity.monetization_open_plans": "Open plans",
-    "activity.monetization_access_label": "Current access",
-    "activity.monetization_plan_label": "Current plan",
-    "activity.monetization_credits_label": "Credits remaining",
+    "activity.monetization_overview_hint": "Review current plans, subscriptions, and balances across this subject's apps.",
+    "activity.monetization_overview_hint_with_past": "Review current and past plans, subscriptions, and balances across this subject's apps.",
+    "activity.monetization_summary_title": "Plans and balances",
+    "activity.monetization_summary_subtitle": "Review active plans, subscriptions, and balances before opening app details or history.",
+    "activity.monetization_summary_apps": "Apps",
+    "activity.monetization_summary_subscriptions": "Subscriptions",
+    "activity.monetization_summary_balances": "Balances",
+    "activity.monetization_summary_currencies": "Named currencies",
+    "activity.monetization_card_subtitle": "Current plans, balances, and subscription state for this app.",
+    "activity.monetization_focus_xapp": "Only this app",
+    "activity.monetization_show_past": "Include past apps",
+    "activity.monetization_show_current_only": "Only current apps",
+    "activity.monetization_open_plans": "View plans",
+    "activity.monetization_open_history": "View history",
+    "activity.monetization_access_label": "Access",
+    "activity.monetization_plan_label": "Plan",
+    "activity.monetization_credits_label": "Balance",
     "activity.monetization_subscription_label": "Subscription",
-    "activity.monetization_coverage_label": "Coverage",
+    "activity.monetization_coverage_label": "Renewal state",
     "activity.monetization_renews_at": "Renews at",
-    "activity.monetization_balance_state": "Balance state",
-    "activity.monetization_source_label": "Source",
+    "activity.monetization_balance_state": "Balance status",
+    "activity.monetization_balances_label": "Balances",
+    "activity.monetization_source_label": "Origin",
+    "activity.monetization_no_currency": "No named currency",
     "activity.monetization_unknown": "Unknown",
     "activity.monetization_none": "None",
     "activity.monetization_no_source": "No source",
@@ -301,6 +424,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",
@@ -326,7 +450,9 @@ var MARKETPLACE_CATALOGS = {
     "xapp.update_available": "Update available",
     "xapp.about_title": "About",
     "xapp.available_views_title": "Available Views",
+    "xapp.open_to_access_views": "Open this app to start and install it automatically for your workspace.",
     "xapp.add_to_access_views": "Add this app to your workspace to access its available views.",
+    "xapp.update_to_access_views_auto": "Open a view to update the app automatically for your workspace.",
     "xapp.update_to_access_views": "An update is available. Please update the app to access its available views.",
     "xapp.load_as_user_to_access": "Load the catalog as a user to access this app.",
     "xapp.no_views_available": "No app views are currently available.",
@@ -350,20 +476,10 @@ var MARKETPLACE_CATALOGS = {
     "xapp.screenshots_title": "Screenshots",
     "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.current_access_title": "Current access",
     "xapp.access_state_label": "Access state",
     "xapp.access_state_available": "available",
-    "xapp.subscription_status_label": "Subscription status",
+    "xapp.subscription_status_label": "Subscription state",
     "xapp.subscription_coverage_label": "Coverage",
     "xapp.subscription_reason_label": "Status reason",
     "xapp.subscription_overdue_since_label": "Overdue since",
@@ -374,8 +490,22 @@ 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.credits_remaining_label": "Credits remaining",
+    "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 state is being previewed for the selected time.",
+    "xapp.virtual_currency_label": "Currency",
+    "xapp.current_balances_label": "Balances now",
+    "xapp.credits_remaining_label": "Balance",
     "xapp.available_label": "Available",
     "xapp.ready_to_use": "{count} ready to use",
     "xapp.source_label": "Source",
@@ -517,8 +647,8 @@ var MARKETPLACE_CATALOGS = {
     "activity.subject_required_desc": "Aceast\u0103 sesiune de host nu este asociat\u0103 cu un utilizator. Cere hostului s\u0103 creeze o sesiune de catalog cu un subjectId.",
     "activity.showing_requests_for": "Se afi\u0219eaz\u0103 cererile pentru {title}",
     "activity.showing_requests_for_prefix": "Se afi\u0219eaz\u0103 cererile pentru",
-    "activity.showing_monetization_for": "Se afi\u0219eaz\u0103 starea XMS pentru {title}",
-    "activity.showing_monetization_for_prefix": "Se afi\u0219eaz\u0103 starea XMS pentru",
+    "activity.showing_monetization_for": "Se afi\u0219eaz\u0103 planurile \u0219i soldurile pentru {title}",
+    "activity.showing_monetization_for_prefix": "Se afi\u0219eaz\u0103 planurile \u0219i soldurile pentru",
     "activity.showing_payments_for": "Se afi\u0219eaz\u0103 activitatea pl\u0103\u021Bilor pentru {title}",
     "activity.showing_payments_for_prefix": "Se afi\u0219eaz\u0103 activitatea pl\u0103\u021Bilor pentru",
     "activity.showing_invoices_for": "Se afi\u0219eaz\u0103 facturile pentru {title}",
@@ -534,11 +664,11 @@ var MARKETPLACE_CATALOGS = {
     "activity.mark_read": "Marcheaz\u0103 ca citit",
     "activity.unread_count": "{count} notific{suffix} necitit{suffix2}",
     "activity.loading_requests": "Se \xEEncarc\u0103 cererile...",
-    "activity.loading_monetization": "Se \xEEncarc\u0103 starea monetiz\u0103rii...",
+    "activity.loading_monetization": "Se \xEEncarc\u0103 planurile, soldurile \u0219i activitatea recent\u0103...",
     "activity.no_requests": "Nu exist\u0103 \xEEnc\u0103 cereri.",
-    "activity.no_monetization": "Nu exist\u0103 \xEEnc\u0103 aplica\u021Bii cu XMS instalate pentru acest subiect.",
-    "activity.no_monetization_current": "Nu a fost g\u0103sit\u0103 nicio acoperire curent\u0103 de monetizare pentru acest subiect.",
-    "activity.no_monetization_history": "Nu a fost g\u0103sit niciun istoric de monetizare pentru acest subiect.",
+    "activity.no_monetization": "Nu exist\u0103 \xEEnc\u0103 aplica\u021Bii monetizate instalate pentru acest subiect.",
+    "activity.no_monetization_current": "Nu au fost g\u0103site planuri sau solduri curente pentru acest subiect.",
+    "activity.no_monetization_history": "Nu a fost g\u0103sit niciun istoric de planuri sau solduri pentru acest subiect.",
     "activity.loading_payments": "Se \xEEncarc\u0103 pl\u0103\u021Bile...",
     "activity.no_payments": "Nu a fost g\u0103sit\u0103 activitate de plat\u0103.",
     "activity.loading_payment_detail": "Se \xEEncarc\u0103 detaliile pl\u0103\u021Bii...",
@@ -553,21 +683,30 @@ var MARKETPLACE_CATALOGS = {
     "activity.loading_notifications": "Se \xEEncarc\u0103 notific\u0103rile...",
     "activity.no_notifications": "Nu a fost g\u0103sit\u0103 activitate de notificare.",
     "activity.loading_notification_detail": "Se \xEEncarc\u0103 detaliile notific\u0103rii...",
-    "activity.monetization_overview_hint": "Revizuie\u0219te accesul XMS curent, abonamentele \u0219i creditele pentru aplica\u021Biile legate de acest subiect.",
-    "activity.monetization_overview_hint_with_past": "Revizuie\u0219te accesul XMS curent \u0219i trecut, abonamentele \u0219i creditele pentru aplica\u021Biile acestui subiect.",
-    "activity.monetization_card_subtitle": "Starea XMS curent\u0103, accesul activ, abonamentele \u0219i creditele pentru aceast\u0103 aplica\u021Bie.",
-    "activity.monetization_focus_xapp": "Focalizeaz\u0103 aplica\u021Bia",
-    "activity.monetization_show_past": "Arat\u0103 aplica\u021Biile anterioare",
-    "activity.monetization_show_current_only": "Arat\u0103 doar aplica\u021Biile curente",
-    "activity.monetization_open_plans": "Deschide planurile",
-    "activity.monetization_access_label": "Acces curent",
-    "activity.monetization_plan_label": "Plan curent",
-    "activity.monetization_credits_label": "Credite r\u0103mase",
+    "activity.monetization_overview_hint": "Revizuie\u0219te planurile, abonamentele \u0219i soldurile curente pentru aplica\u021Biile legate de acest subiect.",
+    "activity.monetization_overview_hint_with_past": "Revizuie\u0219te planurile, abonamentele \u0219i soldurile curente \u0219i trecute pentru aplica\u021Biile acestui subiect.",
+    "activity.monetization_summary_title": "Planuri \u0219i solduri",
+    "activity.monetization_summary_subtitle": "Revizuie\u0219te planurile active, abonamentele \u0219i soldurile \xEEnainte s\u0103 deschizi detaliile aplica\u021Biei sau istoricul.",
+    "activity.monetization_summary_apps": "Aplica\u021Bii",
+    "activity.monetization_summary_subscriptions": "Abonamente",
+    "activity.monetization_summary_balances": "Solduri",
+    "activity.monetization_summary_currencies": "Monede nominale",
+    "activity.monetization_card_subtitle": "Planurile curente, soldurile \u0219i starea abonamentului pentru aceast\u0103 aplica\u021Bie.",
+    "activity.monetization_focus_xapp": "Doar aceast\u0103 aplica\u021Bie",
+    "activity.monetization_show_past": "Include aplica\u021Biile anterioare",
+    "activity.monetization_show_current_only": "Doar aplica\u021Biile curente",
+    "activity.monetization_open_plans": "Vezi planurile",
+    "activity.monetization_open_history": "Vezi istoricul",
+    "activity.monetization_access_label": "Acces",
+    "activity.monetization_plan_label": "Plan",
+    "activity.monetization_credits_label": "Sold",
     "activity.monetization_subscription_label": "Abonament",
-    "activity.monetization_coverage_label": "Acoperire",
+    "activity.monetization_coverage_label": "Stare re\xEEnnoire",
     "activity.monetization_renews_at": "Se re\xEEnnoie\u0219te la",
-    "activity.monetization_balance_state": "Stare sold",
-    "activity.monetization_source_label": "Surs\u0103",
+    "activity.monetization_balance_state": "Status sold",
+    "activity.monetization_balances_label": "Solduri",
+    "activity.monetization_source_label": "Origine",
+    "activity.monetization_no_currency": "F\u0103r\u0103 moned\u0103 nominal\u0103",
     "activity.monetization_unknown": "Necunoscut",
     "activity.monetization_none": "Niciunul",
     "activity.monetization_no_source": "F\u0103r\u0103 surs\u0103",
@@ -617,6 +756,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",
@@ -642,7 +782,9 @@ var MARKETPLACE_CATALOGS = {
     "xapp.update_available": "Actualizare disponibil\u0103",
     "xapp.about_title": "Despre",
     "xapp.available_views_title": "Vizualiz\u0103ri disponibile",
+    "xapp.open_to_access_views": "Deschide aceast\u0103 aplica\u021Bie pentru a o porni \u0219i instala automat \xEEn spa\u021Biul t\u0103u de lucru.",
     "xapp.add_to_access_views": "Adaug\u0103 aceast\u0103 aplica\u021Bie \xEEn spa\u021Biul t\u0103u de lucru pentru a-i accesa vizualiz\u0103rile disponibile.",
+    "xapp.update_to_access_views_auto": "Deschide o vizualizare pentru a actualiza automat aplica\u021Bia \xEEn spa\u021Biul t\u0103u de lucru.",
     "xapp.update_to_access_views": "Este disponibil\u0103 o actualizare. Actualizeaz\u0103 aplica\u021Bia pentru a-i accesa vizualiz\u0103rile disponibile.",
     "xapp.load_as_user_to_access": "\xCEncarc\u0103 catalogul ca utilizator pentru a accesa aceast\u0103 aplica\u021Bie.",
     "xapp.no_views_available": "Nu exist\u0103 \xEEn prezent vizualiz\u0103ri disponibile pentru aplica\u021Bie.",
@@ -667,16 +809,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,8 +822,22 @@ 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.credits_remaining_label": "Credite r\u0103mase",
+    "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.virtual_currency_label": "Moned\u0103 virtual\u0103",
+    "xapp.current_balances_label": "Solduri curente",
+    "xapp.credits_remaining_label": "Sold",
     "xapp.available_label": "Disponibile",
     "xapp.ready_to_use": "{count} gata de utilizare",
     "xapp.source_label": "Surs\u0103",
@@ -2012,20 +2158,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-");
@@ -2043,23 +2182,68 @@ var XMS_COPY_CATALOG = {
       currentPlanActiveLabel: "Current plan active",
       startingCheckoutLabel: "Starting checkout...",
       purchaseAddOnUnlockLabel: "Purchase add-on unlock",
-      continueToCheckoutLabel: "Continue to checkout"
+      continueToCheckoutLabel: "Continue to checkout",
+      generalUpgradeFitLabel: "Flexible option",
+      generalUpgradeSummary: "A general plan option for this app.",
+      durableUnlockFitLabel: "One-time unlock",
+      durableUnlockSummary: "Best when you want access without an ongoing subscription.",
+      recurringMembershipFitLabel: "Subscription",
+      recurringMembershipSummary: "Best when this app is meant to stay active through recurring coverage.",
+      creditTopUpFitLabel: "Balance top-up",
+      hybridUpgradeFitLabel: "Access + balance",
+      creditPackFitSummary: (unitLabel) => `Best when the feature spends ${unitLabel} for each advanced action.`,
+      hybridPackFitSummary: (unitLabel) => `Blends access coverage with bundled ${unitLabel} for mixed workflows.`,
+      packageCurrencySignalLabel: (unitLabel) => `currency ${unitLabel}`,
+      billedSignalLabel: (periodLabel) => `billed ${periodLabel}`,
+      generalOfferingSummary: "Available plans for this app.",
+      featurePaywallOfferingSummary: "Shown when this app needs extra access or balance.",
+      defaultPaywallOfferingSummary: "Main plan selection for this app.",
+      checkoutOfferingSummary: "Direct purchase flow for this app.",
+      upgradeOfferingSummary: "Best for switching or upgrading your current plan.",
+      featureDurableUnlockReason: "Aligned with one-time unlock access.",
+      featureRecurringAccessReason: "Recurring membership also grants current access.",
+      featureHybridAccessReason: "Hybrid package contributes to current access coverage.",
+      featureSubscriptionDirectReason: "Matches the subscription requirement directly.",
+      featureHybridSubscriptionReason: "Hybrid package can also cover part of the subscription shape.",
+      creditRequirementCoveredLabel: (amountLabel) => `Covers the ${amountLabel} requirement.`,
+      creditRequirementAddedLabel: (amountLabel) => `Adds ${amountLabel} toward the requirement.`,
+      hybridCreditsSupportLabel: (unitLabel) => `Hybrid package can add bundled ${unitLabel} for this flow.`
     },
     surface: {
       plansTitle: "Plans",
       historyTitle: "History",
-      plansSubtitle: "Current access and published plans for this app",
+      plansSubtitle: "Access, plans, and balances for this app",
       historySubtitle: "Recent monetization events, invoices, subscriptions, and wallet activity",
+      offeringFallbackLabel: "Offering",
+      packageFallbackLabel: "Package",
+      paywallFallbackLabel: "Plans",
+      availableLabel: "Available",
+      unavailableLabel: "Unavailable",
+      unknownLabel: "Unknown",
+      yesLabel: "Yes",
+      noLabel: "No",
+      defaultBadgeLabel: "default",
+      choosePackageActionLabel: "Choose package",
+      noPaywallPackagesLabel: "No plans are currently available.",
+      priceUnavailableLabel: "Price unavailable",
       plansLabel: "Plans",
       historyLabel: "History",
       closeLabel: "Close",
-      tabsAriaLabel: "XMS view",
+      tabsAriaLabel: "Plans and history view",
       loadingLabel: "Loading plans...",
       subjectRequiredNotice: "Checkout requires a subject-bound catalog session. Start from a signed host session to purchase plans.",
       paymentCompletedNotice: "Payment completed and access was refreshed.",
       checkoutCancelledNotice: "Checkout was cancelled before completion.",
       paymentFailedNotice: "Payment failed before access could be issued.",
-      missingPackageMetadataMessage: "This package is missing purchase metadata in the published paywall.",
+      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 plans configuration.",
       missingIntentMessage: "Purchase intent was created without an identifier.",
       missingPaymentPageMessage: "Payment page is not available for this package.",
       startCheckoutFailedMessage: "Unable to start checkout for this package.",
@@ -2067,22 +2251,63 @@ var XMS_COPY_CATALOG = {
       currentCoverageTitle: "Current coverage",
       currentPlanLabel: "Current plan",
       membershipAccessLabel: "Membership access",
-      subscriptionStatusLabel: "Subscription status",
+      subscriptionStatusLabel: "Subscription state",
+      subscriptionCoverageLabel: "Coverage",
+      subscriptionReasonLabel: "Status reason",
+      currentPeriodEndsLabel: "Current period ends",
       renewsAtLabel: "Renews at",
       expiresAtLabel: "Expires at",
-      creditsRemainingLabel: "Credits remaining",
+      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",
+      virtualCurrencyLabel: "Currency",
+      creditsRemainingLabel: "Balance",
       addOnUnlocksLabel: "Add-on unlocks",
-      noPublishedPlansLabel: "No published plans are currently available.",
-      recentTimelineTitle: "Recent timeline",
-      recentTimelineSubtitle: "Latest monetization events correlated for this subject and app.",
-      historyAuditTitle: "History and audit",
-      historyAuditSubtitle: "Recent monetization records for this subject and app.",
+      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 plans are currently available.",
+      recentTimelineTitle: "Recent activity",
+      recentTimelineSubtitle: "Latest subscription, balance, purchase, and invoice activity for this app.",
+      historyAuditTitle: "Detailed history",
+      historyAuditSubtitle: "Recent records grouped by subscriptions, balances, purchases, and invoices.",
+      historyBalanceSummaryTitle: "Balances now",
+      historyBalanceSummarySubtitle: "Latest visible wallet balances grouped by virtual currency for this app.",
       noHistoryAvailableLabel: "No monetization history is available for this app yet.",
       historyGenericLabel: "History",
       historyPurchaseIntentsTitle: "Purchase intents",
       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",
@@ -2094,7 +2319,33 @@ var XMS_COPY_CATALOG = {
       historyAccessSnapshotsTitle: "Access snapshots",
       historyAccessSnapshotLabel: "Access snapshot",
       historyInvoicesTitle: "Invoices",
-      historyInvoiceLabel: "Invoice"
+      historyInvoiceLabel: "Invoice",
+      featureCurrentAccessMissingLabel: "Current access coverage is not active on this scope.",
+      featureSubscriptionMissingLabel: "No active subscription is visible for this scope.",
+      featureCreditsMissingLabel: (requiredLabel, availableLabel) => `This action needs ${requiredLabel}, but only ${availableLabel} are visible right now.`,
+      featureBlockedSummary: (title) => `${title || "Feature"} is blocked on the current scope.`,
+      featureReadySummary: (title) => `${title || "Feature"} can be unlocked from the current plan options.`,
+      featureNeedMixedAccessLabel: "needs mixed access",
+      featureNeedMembershipAndCreditsLabel: (unitLabel) => `needs membership + ${unitLabel}`,
+      featureNeedMembershipLabel: "needs membership",
+      featureNeedCreditsLabel: (unitLabel) => `needs ${unitLabel}`,
+      featureNeedAccessLabel: "needs access",
+      featureLockedLabel: "locked",
+      featureGapShortLabel: (amountLabel) => `${amountLabel} short`,
+      featureCurrentAccessMissingBadge: "current access missing",
+      featureMembershipNotActiveBadge: "membership not active",
+      featureCandidateLead: (selectedPackageTitle) => `${selectedPackageTitle || "Selected package"} is one package candidate for this access gap.`,
+      featureCandidateFallbackLead: "Choose a plan option that covers the current access gap.",
+      featureViewHybridOptionsLabel: "View hybrid options",
+      featureViewMembershipOptionsLabel: "View membership options",
+      featureViewCreditOptionsLabel: (unitLabel) => `View ${unitLabel} options`,
+      featureViewUnlockOptionsLabel: "View unlock options",
+      featureOpenPaywallLabel: "Open plans",
+      featureUnlockCheckoutLabel: "Unlock with hosted checkout",
+      featureStartMembershipCheckoutLabel: "Start membership checkout",
+      featureBuyCreditsCheckoutLabel: (unitLabel) => `Buy ${unitLabel} with hosted checkout`,
+      featureStartHybridCheckoutLabel: "Start hybrid checkout",
+      featureCreatePaymentSessionLabel: "Create payment session"
     }
   },
   ro: {
@@ -2109,23 +2360,68 @@ var XMS_COPY_CATALOG = {
       currentPlanActiveLabel: "Plan activ",
       startingCheckoutLabel: "Se porne\u0219te checkout-ul...",
       purchaseAddOnUnlockLabel: "Cump\u0103r\u0103 suplimentul",
-      continueToCheckoutLabel: "Continu\u0103 spre checkout"
+      continueToCheckoutLabel: "Continu\u0103 spre checkout",
+      generalUpgradeFitLabel: "Op\u021Biune flexibil\u0103",
+      generalUpgradeSummary: "O op\u021Biune general\u0103 de plan pentru aceast\u0103 aplica\u021Bie.",
+      durableUnlockFitLabel: "Unlock unic",
+      durableUnlockSummary: "Potrivit c\xE2nd vrei acces f\u0103r\u0103 un abonament recurent.",
+      recurringMembershipFitLabel: "Abonament",
+      recurringMembershipSummary: "Potrivit c\xE2nd aceast\u0103 aplica\u021Bie trebuie s\u0103 r\u0103m\xE2n\u0103 activ\u0103 prin acoperire recurent\u0103.",
+      creditTopUpFitLabel: "Top-up sold",
+      hybridUpgradeFitLabel: "Acces + sold",
+      creditPackFitSummary: (unitLabel) => `Potrivit c\xE2nd func\u021Bia consum\u0103 ${unitLabel} pentru fiecare ac\u021Biune avansat\u0103.`,
+      hybridPackFitSummary: (unitLabel) => `Combin\u0103 acoperirea accesului cu ${unitLabel} incluse pentru fluxuri mixte.`,
+      packageCurrencySignalLabel: (unitLabel) => `moned\u0103 ${unitLabel}`,
+      billedSignalLabel: (periodLabel) => `facturat ${periodLabel}`,
+      generalOfferingSummary: "Planuri disponibile pentru aceast\u0103 aplica\u021Bie.",
+      featurePaywallOfferingSummary: "Afi\u0219at c\xE2nd aceast\u0103 aplica\u021Bie are nevoie de acces sau sold suplimentar.",
+      defaultPaywallOfferingSummary: "Selec\u021Bia principal\u0103 de planuri pentru aceast\u0103 aplica\u021Bie.",
+      checkoutOfferingSummary: "Flux de cump\u0103rare direct pentru aceast\u0103 aplica\u021Bie.",
+      upgradeOfferingSummary: "Potrivit pentru schimbarea sau \xEEmbun\u0103t\u0103\u021Birea planului curent.",
+      featureDurableUnlockReason: "Se potrive\u0219te cu accesul de tip unlock unic.",
+      featureRecurringAccessReason: "Abonamentul recurent ofer\u0103 \u0219i acces curent pentru acest flux.",
+      featureHybridAccessReason: "Pachetul hibrid contribuie la acoperirea accesului curent.",
+      featureSubscriptionDirectReason: "Se potrive\u0219te direct cu cerin\u021Ba de abonament.",
+      featureHybridSubscriptionReason: "Pachetul hibrid poate acoperi \u0219i o parte din forma de abonament.",
+      creditRequirementCoveredLabel: (amountLabel) => `Acoper\u0103 cerin\u021Ba de ${amountLabel}.`,
+      creditRequirementAddedLabel: (amountLabel) => `Adaug\u0103 ${amountLabel} c\u0103tre cerin\u021B\u0103.`,
+      hybridCreditsSupportLabel: (unitLabel) => `Pachetul hibrid poate ad\u0103uga ${unitLabel} incluse pentru acest flux.`
     },
     surface: {
       plansTitle: "Planuri",
       historyTitle: "Istoric",
-      plansSubtitle: "Accesul curent \u0219i planurile publicate pentru aceast\u0103 aplica\u021Bie",
+      plansSubtitle: "Acces, planuri \u0219i solduri pentru aceast\u0103 aplica\u021Bie",
       historySubtitle: "Evenimente recente de monetizare, facturi, abonamente \u0219i activitate din portofel",
+      offeringFallbackLabel: "Ofert\u0103",
+      packageFallbackLabel: "Pachet",
+      paywallFallbackLabel: "Planuri",
+      availableLabel: "Disponibil",
+      unavailableLabel: "Indisponibil",
+      unknownLabel: "Necunoscut",
+      yesLabel: "Da",
+      noLabel: "Nu",
+      defaultBadgeLabel: "implicit",
+      choosePackageActionLabel: "Alege pachetul",
+      noPaywallPackagesLabel: "Nu exist\u0103 momentan planuri disponibile.",
+      priceUnavailableLabel: "Pre\u021B indisponibil",
       plansLabel: "Planuri",
       historyLabel: "Istoric",
       closeLabel: "\xCEnchide",
-      tabsAriaLabel: "Vizualizare XMS",
+      tabsAriaLabel: "Vizualizare planuri \u0219i istoric",
       loadingLabel: "Se \xEEncarc\u0103 planurile...",
       subjectRequiredNotice: "Checkout-ul necesit\u0103 o sesiune de catalog asociat\u0103 unui subiect. Porne\u0219te dintr-o sesiune gazd\u0103 autentificat\u0103 pentru a cump\u0103ra planuri.",
       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.",
-      missingPackageMetadataMessage: "Acest pachet nu are metadatele de cump\u0103rare necesare \xEEn paywall-ul publicat.",
+      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 configura\u021Bia publicat\u0103 a planurilor.",
       missingIntentMessage: "Intentul de cump\u0103rare a fost creat f\u0103r\u0103 identificator.",
       missingPaymentPageMessage: "Pagina de plat\u0103 nu este disponibil\u0103 pentru acest pachet.",
       startCheckoutFailedMessage: "Nu s-a putut porni checkout-ul pentru acest pachet.",
@@ -2134,21 +2430,62 @@ 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",
-      creditsRemainingLabel: "Credite r\u0103mase",
+      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",
+      virtualCurrencyLabel: "Moned\u0103 virtual\u0103",
+      creditsRemainingLabel: "Sold",
       addOnUnlocksLabel: "Unlock-uri suplimentare",
-      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.",
-      historyAuditTitle: "Istoric \u0219i audit",
-      historyAuditSubtitle: "\xCEnregistr\u0103ri recente de monetizare pentru acest subiect \u0219i aceast\u0103 aplica\u021Bie.",
+      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 disponibile \xEEn acest moment.",
+      recentTimelineTitle: "Activitate recent\u0103",
+      recentTimelineSubtitle: "Cele mai recente actualiz\u0103ri pentru abonamente, solduri, cump\u0103r\u0103ri \u0219i facturi pentru aceast\u0103 aplica\u021Bie.",
+      historyAuditTitle: "Istoric detaliat",
+      historyAuditSubtitle: "\xCEnregistr\u0103ri recente grupate dup\u0103 abonamente, solduri, cump\u0103r\u0103ri \u0219i facturi.",
+      historyBalanceSummaryTitle: "Solduri acum",
+      historyBalanceSummarySubtitle: "Cele mai recente solduri vizibile din portofel, grupate dup\u0103 moneda virtual\u0103 pentru aceast\u0103 aplica\u021Bie.",
       noHistoryAvailableLabel: "Nu exist\u0103 \xEEnc\u0103 istoric de monetizare disponibil pentru aceast\u0103 aplica\u021Bie.",
       historyGenericLabel: "Istoric",
       historyPurchaseIntentsTitle: "Inten\u021Bii de cump\u0103rare",
       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",
@@ -2160,7 +2497,33 @@ var XMS_COPY_CATALOG = {
       historyAccessSnapshotsTitle: "Instantanee acces",
       historyAccessSnapshotLabel: "Instantaneu acces",
       historyInvoicesTitle: "Facturi",
-      historyInvoiceLabel: "Factur\u0103"
+      historyInvoiceLabel: "Factur\u0103",
+      featureCurrentAccessMissingLabel: "Acoperirea de acces curent nu este activ\u0103 pe acest scope.",
+      featureSubscriptionMissingLabel: "Nu este vizibil niciun abonament activ pentru acest scope.",
+      featureCreditsMissingLabel: (requiredLabel, availableLabel) => `Aceast\u0103 ac\u021Biune are nevoie de ${requiredLabel}, dar acum sunt vizibile doar ${availableLabel}.`,
+      featureBlockedSummary: (title) => `${title || "Func\u021Bia"} este blocat\u0103 pe scope-ul curent.`,
+      featureReadySummary: (title) => `${title || "Func\u021Bia"} poate fi deblocat\u0103 din op\u021Biunile curente de plan.`,
+      featureNeedMixedAccessLabel: "necesit\u0103 acces mixt",
+      featureNeedMembershipAndCreditsLabel: (unitLabel) => `necesit\u0103 abonament + ${unitLabel}`,
+      featureNeedMembershipLabel: "necesit\u0103 abonament",
+      featureNeedCreditsLabel: (unitLabel) => `necesit\u0103 ${unitLabel}`,
+      featureNeedAccessLabel: "necesit\u0103 acces",
+      featureLockedLabel: "blocat",
+      featureGapShortLabel: (amountLabel) => `lipse\u0219te ${amountLabel}`,
+      featureCurrentAccessMissingBadge: "lipse\u0219te accesul curent",
+      featureMembershipNotActiveBadge: "abonamentul nu este activ",
+      featureCandidateLead: (selectedPackageTitle) => `${selectedPackageTitle || "Pachetul selectat"} este un pachet candidat pentru acest gol de acces.`,
+      featureCandidateFallbackLead: "Alege o op\u021Biune de plan care acoper\u0103 golul curent de acces.",
+      featureViewHybridOptionsLabel: "Vezi op\u021Biunile hibride",
+      featureViewMembershipOptionsLabel: "Vezi op\u021Biunile de abonament",
+      featureViewCreditOptionsLabel: (unitLabel) => `Vezi op\u021Biunile ${unitLabel}`,
+      featureViewUnlockOptionsLabel: "Vezi op\u021Biunile de unlock",
+      featureOpenPaywallLabel: "Deschide planurile",
+      featureUnlockCheckoutLabel: "Deblocheaz\u0103 prin checkout g\u0103zduit",
+      featureStartMembershipCheckoutLabel: "Porne\u0219te checkout-ul de abonament",
+      featureBuyCreditsCheckoutLabel: (unitLabel) => `Cump\u0103r\u0103 ${unitLabel} prin checkout g\u0103zduit`,
+      featureStartHybridCheckoutLabel: "Porne\u0219te checkout-ul hibrid",
+      featureCreatePaymentSessionLabel: "Creeaz\u0103 sesiunea de plat\u0103"
     }
   }
 };
@@ -2170,15 +2533,65 @@ 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 readVirtualCurrencyDefinition(value) {
+  const record = readRecord(value);
+  if (!record) return null;
+  const code = readString4(record.code);
+  const name = readString4(record.name);
+  if (!code && !name) return null;
+  return record;
+}
+function formatVirtualCurrencyLabel(value, options) {
+  const record = readVirtualCurrencyDefinition(value);
+  if (!record) return "";
+  const code = readString4(record.code);
+  const name = readString4(record.name);
+  if (options?.preferCode && code) return code;
+  if (options?.includeCode && name && code && readLower2(name) !== readLower2(code)) {
+    return `${name} (${code})`;
+  }
+  return name || code;
+}
+function formatVirtualCurrencyAmountLabel(input) {
+  const amount = readString4(input.amount);
+  if (!amount) return "";
+  const currencyLabel = formatVirtualCurrencyLabel(input.virtualCurrency);
+  if (currencyLabel) return `${amount} ${currencyLabel}`;
+  const fallbackUnit = readString4(input.fallbackUnit);
+  return fallbackUnit ? `${amount} ${fallbackUnit}` : amount;
+}
+function normalizeVirtualCurrencyDisplayLabel(label) {
+  const normalized = readString4(label);
+  if (!normalized) return "";
+  return normalized.replace(/\s+\([^)]+\)\s*$/, "").trim() || normalized;
 }
 function escapeHtml(value) {
   return String(value ?? "").replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
@@ -2188,7 +2601,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 +2609,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) {
@@ -2205,17 +2618,75 @@ function hasEffectiveCoverage(input) {
   return Boolean(input.accessProjection?.has_current_access);
 }
 function formatCoverageLabel(input) {
+  const copy = buildXmsSurfaceCopy({ locale: input.locale });
   if (isExhaustedIncludedCreditAccess(input)) {
     return buildXmsPackageCopy(input.locale).consumedLabel;
   }
-  if (hasEffectiveCoverage(input)) return "Available";
-  return formatStateLabel(input.accessProjection?.entitlement_state, "Unavailable");
+  if (hasEffectiveCoverage(input)) return copy.coverageActiveLabel;
+  return copy.coverageInactiveLabel;
+}
+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 +2713,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 +2733,27 @@ 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) || buildXmsSurfaceCopy().offeringFallbackLabel,
+      offeringPlacement: readString4(packageRecord.offering_placement) || null,
+      packageId: readString4(packageRecord.id),
+      packageSlug: readString4(packageRecord.slug),
+      packageTitle: readString4(packageRecord.slug) || buildXmsSurfaceCopy().packageFallbackLabel,
+      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,
+      virtualCurrency: readVirtualCurrencyDefinition(
+        packageRecord.product?.virtual_currency
+      ) ?? 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 +2761,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,18 +2775,20 @@ 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 surfaceCopy = buildXmsSurfaceCopy({ locale: record.locale });
+  const offeringLabel = readString4(record.offeringTitle) || formatStateLabel(record.offeringSlug, surfaceCopy.offeringFallbackLabel);
+  const placementRaw = readLower2(record.offeringPlacement);
   const placementLabel = formatPlacementLabel(record.offeringPlacement);
-  let summary = "General offering surface for this xapp.";
+  const copy = buildXmsPackageCopy(record.locale);
+  let summary = copy.generalOfferingSummary;
   if (placementRaw.includes("feature") && placementRaw.includes("paywall")) {
-    summary = "Feature-paywall placement for gated in-app flows.";
+    summary = copy.featurePaywallOfferingSummary;
   } else if (placementRaw.includes("paywall")) {
-    summary = "Default paywall placement for monetized upgrade prompts.";
+    summary = copy.defaultPaywallOfferingSummary;
   } else if (placementRaw.includes("checkout")) {
-    summary = "Direct checkout placement for purchase-driven flows.";
+    summary = copy.checkoutOfferingSummary;
   } else if (placementRaw.includes("upgrade")) {
-    summary = "Upgrade-oriented placement for membership and package switching.";
+    summary = copy.upgradeOfferingSummary;
   }
   return {
     offeringLabel,
@@ -2321,41 +2798,51 @@ function buildMonetizationOfferingPresentation(input) {
 }
 function buildMonetizationPaywallPresentation(input) {
   const record = input && typeof input === "object" && !Array.isArray(input) ? input : {};
-  const paywallLabel = readLocalizedText(record.title, formatStateLabel(record.slug, "Paywall")) || "Paywall";
+  const paywallLabel = readLocalizedText(
+    record.title,
+    formatStateLabel(
+      record.slug,
+      buildXmsSurfaceCopy({ locale: record.locale }).paywallFallbackLabel
+    )
+  ) || buildXmsSurfaceCopy({ locale: record.locale }).paywallFallbackLabel;
   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) || buildXmsSurfaceCopy().packageFallbackLabel,
+      productId: readString4(item.productId),
+      productSlug: readString4(item.productSlug),
+      productFamily: readString4(item.productFamily),
+      virtualCurrencyCode: formatVirtualCurrencyLabel(item.virtualCurrency, { preferCode: true }),
+      virtualCurrencyName: formatVirtualCurrencyLabel(item.virtualCurrency),
+      virtualCurrencyLabel: formatVirtualCurrencyLabel(item.virtualCurrency, { includeCode: true }),
+      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 +2902,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 +3050,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 +3183,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;
@@ -2681,9 +3209,98 @@ function readHistoryBucket(history, key) {
     items
   };
 }
+function formatBalanceQuantity(value) {
+  if (!Number.isFinite(value)) return "";
+  const normalized = Math.round(value * 1e4) / 1e4;
+  if (Number.isInteger(normalized)) return String(normalized);
+  return normalized.toFixed(4).replace(/\.?0+$/, "");
+}
+function summarizeVirtualCurrencyBalances(input) {
+  const record = readRecord(input) ?? {};
+  const history = readRecord(record.history) ?? record;
+  const walletAccounts = readHistoryBucket(history, "wallet_accounts").items;
+  const accessSnapshots = readHistoryBucket(history, "access_snapshots").items;
+  const aggregates = /* @__PURE__ */ new Map();
+  const upsertBalance = (inputValue) => {
+    const amount = readNumber(inputValue.amount, Number.NaN);
+    if (!Number.isFinite(amount) || Math.abs(amount) < 1e-7) return;
+    const label = formatVirtualCurrencyLabel(inputValue.virtualCurrency, {
+      includeCode: true
+    }) || readString4(inputValue.fallbackUnit) || readString4(inputValue.fallbackKey) || "Balance";
+    const key = formatVirtualCurrencyLabel(inputValue.virtualCurrency, {
+      preferCode: true
+    }) || readString4(inputValue.fallbackKey) || label.toLowerCase();
+    const existing = aggregates.get(key);
+    if (existing) {
+      existing.amount += amount;
+      existing.accountCount += 1;
+      return;
+    }
+    aggregates.set(key, {
+      label,
+      amount,
+      accountCount: 1,
+      virtualCurrency: inputValue.virtualCurrency ?? null,
+      fallbackUnit: readString4(inputValue.fallbackUnit)
+    });
+  };
+  for (const item of walletAccounts) {
+    upsertBalance({
+      amount: item.balance_remaining,
+      virtualCurrency: item.virtual_currency,
+      fallbackUnit: item.currency,
+      fallbackKey: item.product_slug || item.id
+    });
+  }
+  if (aggregates.size === 0 && accessSnapshots.length > 0) {
+    for (const item of accessSnapshots) {
+      upsertBalance({
+        amount: item.credits_remaining,
+        virtualCurrency: item.virtual_currency,
+        fallbackUnit: "credits",
+        fallbackKey: item.tier || item.id
+      });
+    }
+  }
+  const balances = Array.from(aggregates.entries()).map(([key, item]) => {
+    const amount = formatBalanceQuantity(item.amount);
+    return {
+      key,
+      label: item.label,
+      amount,
+      amountLabel: formatVirtualCurrencyAmountLabel({
+        amount,
+        virtualCurrency: item.virtualCurrency,
+        fallbackUnit: item.fallbackUnit
+      }) || amount,
+      accountCount: item.accountCount
+    };
+  }).sort((left, right) => {
+    const amountDiff = readNumber(right.amount) - readNumber(left.amount);
+    if (Math.abs(amountDiff) > 1e-7) return amountDiff > 0 ? 1 : -1;
+    return left.label.localeCompare(right.label);
+  });
+  return {
+    balances,
+    totalAccounts: walletAccounts.length,
+    totalCurrencies: balances.length
+  };
+}
 function readHistoryTitle(item, keys, fallback) {
   for (const key of keys) {
-    const value = readString3(item[key]);
+    const segments = key.split(".");
+    let current = item;
+    for (const segment of segments) {
+      const record = readRecord(current);
+      current = record ? record[segment] : void 0;
+    }
+    if (key.startsWith("virtual_currency.")) {
+      const value2 = formatVirtualCurrencyLabel(item.virtual_currency ?? current, {
+        includeCode: true
+      });
+      if (value2) return value2;
+    }
+    const value = readString4(current);
     if (value) return value;
   }
   return fallback;
@@ -2691,13 +3308,31 @@ 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 segments = key.split(".");
+    let current = item;
+    for (const segment of segments) {
+      const record = readRecord(current);
+      current = record ? record[segment] : void 0;
+    }
+    const value = key === "settlement_effect_detail" ? formatSettlementEffectDetailLabel(item.settlement_effect, current, locale) : key === "balance_remaining" ? formatVirtualCurrencyAmountLabel({
+      amount: current,
+      virtualCurrency: item.virtual_currency,
+      fallbackUnit: readString4(item.currency)
+    }) : key === "amount" ? formatVirtualCurrencyAmountLabel({
+      amount: current,
+      virtualCurrency: item.virtual_currency,
+      fallbackUnit: readString4(item.currency)
+    }) : key === "credits_remaining" ? formatVirtualCurrencyAmountLabel({
+      amount: current,
+      virtualCurrency: item.virtual_currency,
+      fallbackUnit: "credits"
+    }) : key.endsWith("_at") ? formatPlansDateTime(current, locale) : readString4(current);
     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 +3344,70 @@ 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 "";
+  const items = [...input.items].sort((left, right) => {
+    const leftAt = Date.parse(readString4(left.occurred_at));
+    const rightAt = Date.parse(readString4(right.occurred_at));
+    if (Number.isFinite(leftAt) && Number.isFinite(rightAt) && leftAt !== rightAt) {
+      return rightAt - leftAt;
+    }
+    return readString4(right.id).localeCompare(readString4(left.id));
+  });
   return `
     <div class="xapps-xms-plans__timeline">
-      ${input.items.map((item) => {
-    const title = readString3(item.title) || readString3(item.id) || formatTimelineBucketLabel(item.bucket, input.locale);
+      ${items.map((item) => {
+    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),
+      formatVirtualCurrencyAmountLabel({
+        amount: item.amount,
+        virtualCurrency: item.virtual_currency,
+        fallbackUnit: readString4(item.currency)
+      }),
+      readString4(item.note)
     ].filter(Boolean);
     return `
             <div class="xapps-xms-plans__timeline-item">
@@ -2749,7 +3434,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">
@@ -2773,26 +3458,6 @@ function buildMonetizationHistorySections(input) {
   const { history, locale } = input;
   const copy = buildXmsSurfaceCopy({ locale });
   return [
-    buildHistorySectionHtml({
-      title: copy.historyPurchaseIntentsTitle,
-      total: readHistoryBucket(history, "purchase_intents").total,
-      items: readHistoryBucket(history, "purchase_intents").items,
-      locale,
-      itemTitleKeys: ["package_slug", "product_slug", "id"],
-      itemFallbackTitle: copy.historyPurchaseIntentLabel,
-      itemStatusKeys: ["status"],
-      itemMetaKeys: ["amount", "currency", "payment_lane", "updated_at"]
-    }),
-    buildHistorySectionHtml({
-      title: copy.historyTransactionsTitle,
-      total: readHistoryBucket(history, "transactions").total,
-      items: readHistoryBucket(history, "transactions").items,
-      locale,
-      itemTitleKeys: ["package_slug", "product_slug", "id"],
-      itemFallbackTitle: copy.historyTransactionLabel,
-      itemStatusKeys: ["status"],
-      itemMetaKeys: ["amount", "currency", "payment_session_id", "occurred_at"]
-    }),
     buildHistorySectionHtml({
       title: copy.historySubscriptionsTitle,
       total: readHistoryBucket(history, "subscriptions").total,
@@ -2818,30 +3483,46 @@ function buildMonetizationHistorySections(input) {
       total: readHistoryBucket(history, "wallet_accounts").total,
       items: readHistoryBucket(history, "wallet_accounts").items,
       locale,
-      itemTitleKeys: ["product_slug", "id"],
+      itemTitleKeys: ["virtual_currency.code", "product_slug", "id"],
       itemFallbackTitle: copy.historyWalletAccountLabel,
       itemStatusKeys: ["status"],
-      itemMetaKeys: ["currency", "balance_remaining", "updated_at"]
+      itemMetaKeys: ["balance_remaining", "updated_at"]
     }),
     buildHistorySectionHtml({
       title: copy.historyWalletLedgerTitle,
       total: readHistoryBucket(history, "wallet_ledger").total,
       items: readHistoryBucket(history, "wallet_ledger").items,
       locale,
-      itemTitleKeys: ["event_kind", "wallet_product_slug", "id"],
+      itemTitleKeys: ["event_kind", "virtual_currency.code", "wallet_product_slug", "id"],
       itemFallbackTitle: copy.historyWalletLedgerEntryLabel,
       itemStatusKeys: [],
-      itemMetaKeys: ["amount", "currency", "source_kind", "occurred_at"]
+      itemMetaKeys: ["amount", "settlement_effect", "source_kind", "occurred_at"]
     }),
     buildHistorySectionHtml({
-      title: copy.historyAccessSnapshotsTitle,
-      total: readHistoryBucket(history, "access_snapshots").total,
-      items: readHistoryBucket(history, "access_snapshots").items,
+      title: copy.historyTransactionsTitle,
+      total: readHistoryBucket(history, "transactions").total,
+      items: readHistoryBucket(history, "transactions").items,
       locale,
-      itemTitleKeys: ["tier", "id"],
-      itemFallbackTitle: copy.historyAccessSnapshotLabel,
-      itemStatusKeys: ["entitlement_state"],
-      itemMetaKeys: ["balance_state", "credits_remaining", "updated_at"]
+      itemTitleKeys: ["package_slug", "product_slug", "id"],
+      itemFallbackTitle: copy.historyTransactionLabel,
+      itemStatusKeys: ["status"],
+      itemMetaKeys: [
+        "amount",
+        "currency",
+        "settlement_effect",
+        "payment_session_id",
+        "occurred_at"
+      ]
+    }),
+    buildHistorySectionHtml({
+      title: copy.historyPurchaseIntentsTitle,
+      total: readHistoryBucket(history, "purchase_intents").total,
+      items: readHistoryBucket(history, "purchase_intents").items,
+      locale,
+      itemTitleKeys: ["package_slug", "product_slug", "id"],
+      itemFallbackTitle: copy.historyPurchaseIntentLabel,
+      itemStatusKeys: ["status"],
+      itemMetaKeys: ["amount", "currency", "payment_lane", "updated_at"]
     }),
     buildHistorySectionHtml({
       title: copy.historyInvoicesTitle,
@@ -2851,36 +3532,68 @@ 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"
+      ]
+    }),
+    buildHistorySectionHtml({
+      title: copy.historyAccessSnapshotsTitle,
+      total: readHistoryBucket(history, "access_snapshots").total,
+      items: readHistoryBucket(history, "access_snapshots").items,
+      locale,
+      itemTitleKeys: ["tier", "id"],
+      itemFallbackTitle: copy.historyAccessSnapshotLabel,
+      itemStatusKeys: ["entitlement_state"],
+      itemMetaKeys: ["balance_state", "credits_remaining", "updated_at"]
     })
   ].filter(Boolean);
 }
-function buildXmsSurfaceCopy(input) {
-  return XMS_COPY_CATALOG[resolveXmsCopyLocale(input?.locale)].surface;
+function buildMonetizationHistoryBalanceSummaryHtml(input) {
+  const { history, locale } = input;
+  const copy = buildXmsSurfaceCopy({ locale });
+  const summary = summarizeVirtualCurrencyBalances(history);
+  if (!summary.balances.length) return "";
+  return `
+    <section class="xapps-xms-plans__card">
+      <h4 class="xapps-xms-plans__section-title">${escapeHtml(copy.historyBalanceSummaryTitle)}</h4>
+      <div class="xapps-xms-plans__subtitle">${escapeHtml(copy.historyBalanceSummarySubtitle)}</div>
+      <div class="xapps-xms-plans__badges">
+        ${summary.balances.map(
+    (item) => `<span class="xapps-xms-plans__badge">${escapeHtml(item.amountLabel)}</span>`
+  ).join("")}
+      </div>
+    </section>
+  `;
 }
 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 });
   const historySections = buildMonetizationHistorySections({ history, locale });
+  const balanceSummaryHtml = buildMonetizationHistoryBalanceSummaryHtml({ history, locale });
   const timeline = readHistoryBucket(history, "timeline");
-  const hasHistory = timeline.total || historySections.length;
+  const hasHistory = Boolean(timeline.total || historySections.length || balanceSummaryHtml);
   return `
     ${includeStyles ? `<style>${monetizationPlansSurfaceStyles}</style>` : ""}
     <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>` : ""}
+      ${balanceSummaryHtml}
       ${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,43 +3616,64 @@ 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 copy = buildXmsPackageCopy(item.locale);
+  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 virtualCurrency = readVirtualCurrencyDefinition(item.virtualCurrency) ?? readVirtualCurrencyDefinition(
+    item.productMetadata && typeof item.productMetadata === "object" ? item.productMetadata.virtual_currency : null
+  );
   const moneyLabel = normalizeMoneyLabel(item);
   const offeringPresentation = buildMonetizationOfferingPresentation(item);
-  let fitLabel = "General upgrade";
-  let summary = "Useful as a general monetization upgrade for this creator scope.";
+  let fitLabel = copy.generalUpgradeFitLabel;
+  let summary = copy.generalUpgradeSummary;
   if (packageKind === "one_time_unlock") {
-    fitLabel = "Durable unlock";
-    summary = "Best when the feature mainly needs current access without ongoing membership.";
+    fitLabel = copy.durableUnlockFitLabel;
+    summary = copy.durableUnlockSummary;
   } else if (packageKind === "subscription") {
-    fitLabel = "Recurring membership";
-    summary = "Best when the feature depends on ongoing membership coverage.";
+    fitLabel = copy.recurringMembershipFitLabel;
+    summary = copy.recurringMembershipSummary;
   } else if (packageKind === "credit_pack") {
-    fitLabel = "Credit top-up";
-    summary = "Best when the feature spends credits for each advanced action.";
+    const unitLabel = normalizeVirtualCurrencyDisplayLabel(
+      formatVirtualCurrencyLabel(virtualCurrency, { includeCode: true })
+    );
+    fitLabel = copy.creditTopUpFitLabel;
+    summary = copy.creditPackFitSummary(unitLabel || "credits");
   } else if (packageSlug.includes("hybrid")) {
-    fitLabel = "Hybrid upgrade";
-    summary = "Blends access coverage with bundled credits for mixed workflows.";
+    const unitLabel = normalizeVirtualCurrencyDisplayLabel(
+      formatVirtualCurrencyLabel(virtualCurrency, { includeCode: true })
+    );
+    fitLabel = copy.hybridUpgradeFitLabel;
+    summary = copy.hybridPackFitSummary(unitLabel || "credits");
   }
   const signals = [];
-  if (readString3(metadata.badge)) {
-    signals.push(readString3(metadata.badge));
-  }
-  if (credits > 0) {
+  if (readString4(metadata.badge)) {
+    signals.push(readString4(metadata.badge));
+  }
+  if (credits > 0 && virtualCurrency) {
+    signals.push(
+      formatVirtualCurrencyAmountLabel({
+        amount: String(credits),
+        virtualCurrency,
+        fallbackUnit: "credits"
+      })
+    );
+  } else if (credits > 0) {
     signals.push(`${credits} credits`);
+  } else if (virtualCurrency) {
+    signals.push(
+      copy.packageCurrencySignalLabel(
+        formatVirtualCurrencyLabel(virtualCurrency, { includeCode: true })
+      )
+    );
   }
-  if (readString3(item.billingPeriod)) {
-    signals.push(`billed ${readString3(item.billingPeriod)}`);
+  if (readString4(item.billingPeriod)) {
+    signals.push(copy.billedSignalLabel(readString4(item.billingPeriod)));
   }
   if (offeringPresentation.offeringLabel) {
     signals.push(offeringPresentation.offeringLabel);
   }
-  if (offeringPresentation.placementLabel && offeringPresentation.placementLabel !== "General placement") {
-    signals.push(offeringPresentation.placementLabel);
-  }
   return {
     fitLabel,
     summary,
@@ -2952,26 +3686,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 +3726,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 +3742,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 +3770,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,17 +3835,19 @@ function resolveMonetizationPackagePurchasePolicy(input) {
   };
 }
 function normalizeMoneyLabel(item) {
-  const amount = readString3(item.amount);
-  const currency = readString3(item.currency);
-  const billingPeriod = readString3(item.billingPeriod);
-  if (!amount && !currency) return "Price unavailable";
+  const amount = readString4(item.amount);
+  const currency = readString4(item.currency);
+  const billingPeriod = readString4(item.billingPeriod);
+  if (!amount && !currency) {
+    return buildXmsSurfaceCopy({ locale: item.locale }).priceUnavailableLabel;
+  }
   return `${amount} ${currency}${billingPeriod ? ` / ${billingPeriod}` : ""}`.trim();
 }
 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,19 +3857,22 @@ 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 || buildXmsSurfaceCopy().unknownLabel,
+      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",
+      virtualCurrencyLabel: formatVirtualCurrencyLabel(accessProjection?.virtual_currency, {
+        includeCode: true
+      }),
       balanceStateLabel: formatStateLabel(accessProjection?.balance_state, "unknown"),
-      currentAccessLabel: hasEffectiveCoverage({ accessProjection, currentSubscription }) ? "Yes" : "No"
+      currentAccessLabel: hasEffectiveCoverage({ accessProjection, currentSubscription }) ? buildXmsSurfaceCopy().yesLabel : buildXmsSurfaceCopy().noLabel
     }
   };
 }
@@ -3118,6 +3881,19 @@ function summarizeXappMonetizationSnapshot(input) {
 import { useCallback, useEffect as useEffect5, useMemo as useMemo4, useRef, useState as useState3 } from "react";
 import { Link as Link5, useLocation as useLocation3 } from "react-router-dom";
 import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+function formatVirtualCurrencyLabel2(input, options) {
+  const record = asRecord(input);
+  const code = readString(record.code);
+  const name = readString(record.name);
+  if (name && code && options?.includeCode) return `${name} (${code})`;
+  return name || code || "";
+}
+function formatVirtualCurrencyAmount(value, virtualCurrency) {
+  const amount = readString(value);
+  if (!amount) return "";
+  const currencyLabel = formatVirtualCurrencyLabel2(virtualCurrency);
+  return currencyLabel ? `${amount} ${currencyLabel}` : amount;
+}
 function useQueryToken3() {
   const loc = useLocation3();
   const qs = new URLSearchParams(loc.search);
@@ -3171,13 +3947,22 @@ function MonetizationPage() {
   const [xappTitle, setXappTitle] = useState3("");
   const visibilityRefreshRef = useRef(0);
   const isEmbedded = typeof window !== "undefined" && window.location.pathname.startsWith("/embed");
+  const overview = useMemo4(
+    () => ({
+      apps: items.length,
+      subscriptions: items.filter((item) => item.hasSubscription).length,
+      namedCurrencies: items.filter((item) => item.hasNamedCurrency).length,
+      balances: items.filter((item) => item.hasBalance).length
+    }),
+    [items]
+  );
   const refresh = useCallback(async () => {
     if (!client.getMyXappMonetization) {
       setError(
         t(
           "activity.unavailable_monetization_title",
           void 0,
-          "Monetization is unavailable in this host."
+          "Plans and balances are unavailable in this host."
         )
       );
       setItems([]);
@@ -3225,21 +4010,41 @@ function MonetizationPage() {
     try {
       const next = await Promise.all(
         deduped.map(async (item) => {
-          const detail = await client.getCatalogXapp(item.xappId, {
-            installationId: item.installationId || null
-          });
+          const [detail, state, history] = await Promise.all([
+            client.getCatalogXapp(item.xappId, {
+              installationId: item.installationId || null
+            }),
+            client.getMyXappMonetization(item.xappId, {
+              installationId: item.installationId || null,
+              locale
+            }),
+            typeof client.getMyXappMonetizationHistory === "function" ? client.getMyXappMonetizationHistory(item.xappId, {
+              installationId: item.installationId || null,
+              limit: 20
+            }) : Promise.resolve(null)
+          ]);
           if (!xappIdFilter && !isMonetizationCandidate(detail)) return null;
-          const state = await client.getMyXappMonetization(item.xappId, {
-            installationId: item.installationId || null,
-            locale
-          });
           const summary = summarizeXappMonetizationSnapshot(state);
+          const balanceSummary = summarizeVirtualCurrencyBalances(history).balances.map(
+            (entry) => entry.amountLabel
+          );
           const detailRecord = asRecord(detail);
+          const accessProjection = asRecord(asRecord(state).access_projection);
+          const virtualCurrencyLabel = formatVirtualCurrencyLabel2(
+            accessProjection.virtual_currency,
+            {
+              includeCode: true
+            }
+          );
+          const creditsRemainingLabel = formatVirtualCurrencyAmount(
+            accessProjection.credits_remaining,
+            accessProjection.virtual_currency
+          ) || summary.wallet.creditsRemaining || "0";
           const title = resolveMarketplaceText(asRecord(detailRecord.manifest).title, locale) || readFirstString(asRecord(detailRecord.xapp).name) || item.xappId;
           const subtitle = resolveMarketplaceText(asRecord(detailRecord.manifest).summary, locale) || resolveMarketplaceText(asRecord(detailRecord.manifest).description, locale) || t(
             "activity.monetization_card_subtitle",
             void 0,
-            "Current XMS state, active access, subscriptions, and credits for this app."
+            "Access, plans, and balances for this app."
           );
           return {
             xappId: item.xappId,
@@ -3275,8 +4080,13 @@ function MonetizationPage() {
               "No recurring coverage"
             ),
             renewsAt: summary.currentSubscription.renewsAt || t("activity.monetization_not_scheduled", void 0, "Not scheduled"),
-            creditsRemaining: summary.wallet.creditsRemaining || "0",
-            balanceState: summary.wallet.balanceStateLabel || t("activity.monetization_balance_unknown", void 0, "unknown")
+            virtualCurrencyLabel,
+            creditsRemaining: creditsRemainingLabel,
+            balanceState: summary.wallet.balanceStateLabel || t("activity.monetization_balance_unknown", void 0, "unknown"),
+            balanceSummary,
+            hasSubscription: summary.currentSubscription.present,
+            hasNamedCurrency: Boolean(virtualCurrencyLabel),
+            hasBalance: Boolean(balanceSummary.length || creditsRemainingLabel)
           };
         })
       );
@@ -3374,7 +4184,7 @@ function MonetizationPage() {
       return suffix ? `?${suffix}` : "";
     })()
   } : null;
-  return /* @__PURE__ */ jsxs5("div", { className: `mx-catalog-container ${isEmbedded ? "is-embedded" : ""}`, children: [
+  return /* @__PURE__ */ jsxs5("div", { className: `mx-catalog-container mx-monetization-page ${isEmbedded ? "is-embedded" : ""}`, children: [
     /* @__PURE__ */ jsxs5("div", { className: "mx-breadcrumb", children: [
       /* @__PURE__ */ jsx9(Link5, { to: isEmbedded ? "/" : "/marketplace", children: t("common.marketplace", void 0, "Marketplace") }),
       xappLink && /* @__PURE__ */ jsxs5(Fragment4, { children: [
@@ -3443,95 +4253,170 @@ function MonetizationPage() {
         "."
       ] })
     ] }) : error ? /* @__PURE__ */ jsx9("div", { className: "mx-table-container mx-alert mx-alert-error", children: error }) : null,
-    xappIdFilter ? /* @__PURE__ */ jsxs5("div", { className: "mx-subtle-note", children: [
-      t("activity.showing_monetization_for_prefix", void 0, "Showing XMS state for"),
+    xappIdFilter ? /* @__PURE__ */ jsx9("div", { className: "mx-table-container mx-subtle-note-card", children: /* @__PURE__ */ jsxs5("div", { className: "mx-subtle-note mx-subtle-note-compact", children: [
+      t(
+        "activity.showing_monetization_for_prefix",
+        void 0,
+        "Showing plans and balances for"
+      ),
       " ",
       /* @__PURE__ */ jsx9("span", { className: "mx-subtle-note-strong", children: xappIdFilter })
-    ] }) : /* @__PURE__ */ jsx9("div", { className: "mx-subtle-note", children: showPast ? t(
+    ] }) }) : /* @__PURE__ */ jsx9("div", { className: "mx-table-container mx-subtle-note-card", children: /* @__PURE__ */ jsx9("div", { className: "mx-subtle-note mx-subtle-note-compact", children: showPast ? t(
       "activity.monetization_overview_hint_with_past",
       void 0,
-      "Review current and past XMS access, subscriptions, and credits across this subject's apps."
+      "Review current and past plans, subscriptions, and balances across this subject's apps."
     ) : t(
       "activity.monetization_overview_hint",
       void 0,
-      "Review current XMS access, subscriptions, and credits across the apps linked to this subject."
-    ) }),
-    busy ? /* @__PURE__ */ jsx9("div", { className: "mx-table-container", children: t("activity.loading_monetization", void 0, "Loading monetization state...") }) : null,
-    !busy && !error && items.length === 0 ? /* @__PURE__ */ jsx9("div", { className: "mx-table-container", children: showPast ? t(
-      "activity.no_monetization_history",
-      void 0,
-      "No monetization history was found for this subject."
-    ) : t(
-      "activity.no_monetization_current",
+      "Review current plans, subscriptions, and balances across this subject's apps."
+    ) }) }),
+    /* @__PURE__ */ jsx9("section", { className: "mx-table-container mx-monetization-summary-card", children: /* @__PURE__ */ jsxs5("div", { className: "mx-monetization-card-body", children: [
+      /* @__PURE__ */ jsx9("div", { className: "mx-record-panel-head", children: /* @__PURE__ */ jsxs5("div", { children: [
+        /* @__PURE__ */ jsx9("div", { className: "mx-record-panel-kicker", children: t("activity.monetization_title", void 0, "Monetization") }),
+        /* @__PURE__ */ jsx9("div", { className: "mx-record-panel-id", children: t("activity.monetization_summary_title", void 0, "Plans and balances") }),
+        /* @__PURE__ */ jsx9("div", { className: "mx-record-panel-subtitle", children: t(
+          "activity.monetization_summary_subtitle",
+          void 0,
+          "Review active plans, subscriptions, and balances before opening app details or history."
+        ) })
+      ] }) }),
+      /* @__PURE__ */ jsxs5("div", { className: "mx-record-grid", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "mx-record-field", children: [
+          /* @__PURE__ */ jsx9("div", { className: "mx-record-label", children: t("activity.monetization_summary_apps", void 0, "Apps") }),
+          /* @__PURE__ */ jsx9("div", { className: "mx-record-value is-strong", children: overview.apps })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "mx-record-field", children: [
+          /* @__PURE__ */ jsx9("div", { className: "mx-record-label", children: t("activity.monetization_summary_subscriptions", void 0, "Subscriptions") }),
+          /* @__PURE__ */ jsx9("div", { className: "mx-record-value is-strong", children: overview.subscriptions })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "mx-record-field", children: [
+          /* @__PURE__ */ jsx9("div", { className: "mx-record-label", children: t("activity.monetization_summary_balances", void 0, "Balances") }),
+          /* @__PURE__ */ jsx9("div", { className: "mx-record-value is-strong", children: overview.balances })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "mx-record-field", children: [
+          /* @__PURE__ */ jsx9("div", { className: "mx-record-label", children: t("activity.monetization_summary_currencies", void 0, "Named currencies") }),
+          /* @__PURE__ */ jsx9("div", { className: "mx-record-value is-strong", children: overview.namedCurrencies })
+        ] })
+      ] })
+    ] }) }),
+    busy ? /* @__PURE__ */ jsx9("div", { className: "mx-table-container", children: /* @__PURE__ */ jsx9("div", { className: "mx-loading-center mx-loading-table", children: t(
+      "activity.loading_monetization",
       void 0,
-      "No current monetization coverage was found for this subject."
-    ) }) : null,
-    !busy && items.length > 0 ? /* @__PURE__ */ jsx9("div", { className: "mx-record-panel-stack", children: items.map((item) => /* @__PURE__ */ jsxs5("section", { className: "mx-record-panel mx-record-panel-monetization", children: [
+      "Loading plans, balances, and recent activity..."
+    ) }) }) : null,
+    !busy && !error && items.length === 0 ? /* @__PURE__ */ jsx9("div", { className: "mx-table-container", children: /* @__PURE__ */ jsxs5("div", { className: "mx-empty-catalog", children: [
+      /* @__PURE__ */ jsx9("div", { className: "mx-empty-catalog-icon", children: "\u25CE" }),
+      /* @__PURE__ */ jsx9("div", { className: "mx-empty-catalog-title", children: showPast ? t(
+        "activity.no_monetization_history",
+        void 0,
+        "No plan or balance history was found for this subject."
+      ) : t(
+        "activity.no_monetization_current",
+        void 0,
+        "No current plans or balances were found for this subject."
+      ) }),
+      /* @__PURE__ */ jsx9("div", { className: "mx-empty-catalog-desc", children: showPast ? t(
+        "activity.monetization_overview_hint_with_past",
+        void 0,
+        "Review current and past plans, subscriptions, and balances across this subject's apps."
+      ) : t(
+        "activity.monetization_overview_hint",
+        void 0,
+        "Review current plans, subscriptions, and balances across this subject's apps."
+      ) })
+    ] }) }) : null,
+    !busy && items.length > 0 ? /* @__PURE__ */ jsx9("div", { className: "mx-record-panel-stack", children: items.map((item) => /* @__PURE__ */ jsx9("section", { className: "mx-table-container mx-monetization-activity-card", children: /* @__PURE__ */ jsxs5("div", { className: "mx-monetization-card-body", children: [
       /* @__PURE__ */ jsxs5("div", { className: "mx-record-panel-head", children: [
         /* @__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-monetization-card-badges", children: [
+            /* @__PURE__ */ jsx9("span", { className: "mx-badge mx-badge-warning", children: item.accessLabel }),
+            /* @__PURE__ */ jsx9(
+              "span",
+              {
+                className: `mx-badge ${item.hasSubscription ? "mx-badge-success" : "mx-badge-warning"}`,
+                children: item.subscriptionStatus
+              }
+            ),
+            /* @__PURE__ */ jsx9("span", { className: "mx-tag", children: item.virtualCurrencyLabel || t("activity.monetization_no_currency", void 0, "No named currency") })
+          ] })
         ] }),
-        /* @__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, "View plans") }),
+            /* @__PURE__ */ jsx9(Link5, { to: item.historyHref, className: "mx-btn mx-btn-secondary", children: t("activity.monetization_open_history", void 0, "View 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, "Only this app")
+              }
+            ) : null
+          ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs5("div", { className: "mx-record-grid", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "mx-record-grid mx-monetization-card-primary-grid", children: [
         /* @__PURE__ */ jsxs5("div", { className: "mx-record-field", children: [
-          /* @__PURE__ */ jsx9("div", { className: "mx-record-label", children: t("activity.monetization_access_label", void 0, "Current access") }),
+          /* @__PURE__ */ jsx9("div", { className: "mx-record-label", children: t("activity.monetization_access_label", void 0, "Access") }),
           /* @__PURE__ */ jsx9("div", { className: "mx-record-value is-strong", children: item.accessLabel })
         ] }),
         /* @__PURE__ */ jsxs5("div", { className: "mx-record-field", children: [
-          /* @__PURE__ */ jsx9("div", { className: "mx-record-label", children: t("activity.monetization_plan_label", void 0, "Current plan") }),
+          /* @__PURE__ */ jsx9("div", { className: "mx-record-label", children: t("activity.monetization_plan_label", void 0, "Plan") }),
           /* @__PURE__ */ jsx9("div", { className: "mx-record-value is-strong", children: item.tierLabel })
         ] }),
-        /* @__PURE__ */ jsxs5("div", { className: "mx-record-field", children: [
-          /* @__PURE__ */ jsx9("div", { className: "mx-record-label", children: t("activity.monetization_credits_label", void 0, "Credits remaining") }),
-          /* @__PURE__ */ jsx9("div", { className: "mx-record-value is-strong", children: item.creditsRemaining })
-        ] }),
         /* @__PURE__ */ jsxs5("div", { className: "mx-record-field", children: [
           /* @__PURE__ */ jsx9("div", { className: "mx-record-label", children: t("activity.monetization_subscription_label", void 0, "Subscription") }),
           /* @__PURE__ */ jsx9("div", { className: "mx-record-value", children: item.subscriptionStatus })
         ] }),
         /* @__PURE__ */ jsxs5("div", { className: "mx-record-field", children: [
-          /* @__PURE__ */ jsx9("div", { className: "mx-record-label", children: t("activity.monetization_coverage_label", void 0, "Coverage") }),
-          /* @__PURE__ */ jsx9("div", { className: "mx-record-value", children: item.subscriptionCoverage })
+          /* @__PURE__ */ jsx9("div", { className: "mx-record-label", children: t("activity.monetization_credits_label", void 0, "Balance") }),
+          /* @__PURE__ */ jsx9("div", { className: "mx-record-value is-strong", children: item.creditsRemaining })
         ] }),
         /* @__PURE__ */ jsxs5("div", { className: "mx-record-field", children: [
           /* @__PURE__ */ jsx9("div", { className: "mx-record-label", children: t("activity.monetization_renews_at", void 0, "Renews at") }),
           /* @__PURE__ */ jsx9("div", { className: "mx-record-value", children: item.renewsAt })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "mx-monetization-card-secondary", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "mx-monetization-card-secondary-row", children: [
+          /* @__PURE__ */ jsx9("span", { className: "mx-monetization-card-secondary-label", children: t("xapp.virtual_currency_label", void 0, "Currency") }),
+          /* @__PURE__ */ jsx9("span", { className: "mx-monetization-card-secondary-value", children: item.virtualCurrencyLabel || "\u2014" })
         ] }),
-        /* @__PURE__ */ jsxs5("div", { className: "mx-record-field", children: [
-          /* @__PURE__ */ jsx9("div", { className: "mx-record-label", children: t("activity.monetization_balance_state", void 0, "Balance state") }),
-          /* @__PURE__ */ jsx9("div", { className: "mx-record-value", children: item.balanceState })
+        /* @__PURE__ */ jsxs5("div", { className: "mx-monetization-card-secondary-row", children: [
+          /* @__PURE__ */ jsx9("span", { className: "mx-monetization-card-secondary-label", children: t("activity.monetization_coverage_label", void 0, "Renewal state") }),
+          /* @__PURE__ */ jsx9("span", { className: "mx-monetization-card-secondary-value", children: item.subscriptionCoverage })
         ] }),
-        /* @__PURE__ */ jsxs5("div", { className: "mx-record-field", children: [
-          /* @__PURE__ */ jsx9("div", { className: "mx-record-label", children: t("activity.monetization_source_label", void 0, "Source") }),
-          /* @__PURE__ */ jsx9("div", { className: "mx-record-value", children: item.sourceLabel })
+        /* @__PURE__ */ jsxs5("div", { className: "mx-monetization-card-secondary-row", children: [
+          /* @__PURE__ */ jsx9("span", { className: "mx-monetization-card-secondary-label", children: t("activity.monetization_balance_state", void 0, "Balance status") }),
+          /* @__PURE__ */ jsx9("span", { className: "mx-monetization-card-secondary-value", children: item.balanceState })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "mx-monetization-card-secondary-row", children: [
+          /* @__PURE__ */ jsx9("span", { className: "mx-monetization-card-secondary-label", children: t("activity.monetization_source_label", void 0, "Origin") }),
+          /* @__PURE__ */ jsx9("span", { className: "mx-monetization-card-secondary-value", children: item.sourceLabel })
         ] })
-      ] })
-    ] }, item.xappId)) }) : null
+      ] }),
+      item.balanceSummary.length > 0 ? /* @__PURE__ */ jsxs5("div", { className: "mx-monetization-card-balance-strip", children: [
+        /* @__PURE__ */ jsx9("div", { className: "mx-record-label", children: t("activity.monetization_balances_label", void 0, "Balances") }),
+        /* @__PURE__ */ jsx9("div", { className: "mx-tag-list", children: item.balanceSummary.map((entry) => /* @__PURE__ */ jsx9("span", { className: "mx-tag", children: entry }, `${item.xappId}:${entry}`)) })
+      ] }) : null
+    ] }) }, item.xappId)) }) : null
   ] });
 }
 
@@ -4386,7 +5271,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 +5286,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 +5333,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 +5379,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 +5393,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 +6877,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 +6952,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;
@@ -6083,6 +6968,30 @@ function formatDateTime2(value, locale) {
     return parsed.toISOString();
   }
 }
+function readVirtualCurrencyDefinition2(value) {
+  const record = asRecord6(value);
+  if (!record) return null;
+  const code = readString6(record.code);
+  const name = readString6(record.name);
+  if (!code && !name) return null;
+  return record;
+}
+function formatVirtualCurrencyLabel3(value, options) {
+  const record = readVirtualCurrencyDefinition2(value);
+  if (!record) return "";
+  const code = readString6(record.code);
+  const name = readString6(record.name);
+  if (options?.includeCode && name && code && name.toLowerCase() !== code.toLowerCase()) {
+    return `${name} (${code})`;
+  }
+  return name || code;
+}
+function formatVirtualCurrencyAmount2(value, virtualCurrency) {
+  const amount = readString6(value);
+  if (!amount) return "";
+  const currencyLabel = formatVirtualCurrencyLabel3(virtualCurrency);
+  return currencyLabel ? `${amount} ${currencyLabel}` : amount;
+}
 function normalizeUsageCreditSummary(value) {
   const summary = asRecord6(value);
   if (!summary) return null;
@@ -6097,7 +7006,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 +7032,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,12 +7058,12 @@ function buildMonetizationHookSummaryItems(manifest) {
     return [];
   }
   const baseItems = [];
-  const defaultInvoiceRef = readString5(
+  const defaultInvoiceRef = readString6(
     afterPaymentCompleted.invoice_ref ?? afterPaymentCompleted.invoiceRef
   );
   baseItems.push({
     slug: "xms_after_payment_completed",
-    label: defaultInvoiceRef ? `XMS payment completed \xB7 ${defaultInvoiceRef}` : "XMS payment completed",
+    label: defaultInvoiceRef ? `Payment completed \xB7 ${defaultInvoiceRef}` : "Payment completed",
     trigger: "after:payment_completed",
     headless: true,
     blocking: false,
@@ -6167,10 +7076,10 @@ 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}`,
+      label: invoiceRef ? `Payment completed \xB7 ${paymentGuardRef} \xB7 ${invoiceRef}` : `Payment completed \xB7 ${paymentGuardRef}`,
       trigger: "after:payment_completed",
       headless: true,
       blocking: false,
@@ -6258,9 +7167,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 +7188,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 +7200,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 +7214,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 +7300,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 +7333,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 +7350,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 +7412,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 +7430,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 +7489,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 +7501,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 +7542,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 +7620,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 +7633,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 +7655,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 +7726,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 +7751,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 +7770,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 +7812,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 +7834,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 +7845,71 @@ 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 accessVirtualCurrencyLabel = formatVirtualCurrencyLabel3(
+    monetizationAccess?.virtual_currency,
+    {
+      includeCode: true
+    }
+  );
+  const creditsRemainingLabel = formatVirtualCurrencyAmount2(
+    monetizationAccess?.credits_remaining,
+    monetizationAccess?.virtual_currency
+  );
+  const currentBalanceSummary = useMemo9(() => {
+    const historySource = asRecord6(monetizationHistory)?.history ?? monetizationHistory;
+    const summarized = summarizeVirtualCurrencyBalances({
+      history: historySource
+    }).balances;
+    if (summarized.length > 0) {
+      return summarized.map((item) => item.amountLabel).filter(Boolean);
+    }
+    if (creditsRemainingLabel) return [creditsRemainingLabel];
+    return [];
+  }, [creditsRemainingLabel, monetizationHistory]);
   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 || accessVirtualCurrencyLabel || currentBalanceSummary.length > 0 || 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,
@@ -6916,7 +7919,7 @@ function XappDetailPageContent(props) {
     });
   }
   const currentAccessCard = hasMonetizationState ? /* @__PURE__ */ jsxs11("div", { className: "mx-sidebar-card", children: [
-    /* @__PURE__ */ jsx15("h3", { className: "mx-section-title mx-detail-sidebar-title", children: t("xapp.current_access_title", void 0, "Current Access") }),
+    /* @__PURE__ */ jsx15("h3", { className: "mx-section-title mx-detail-sidebar-title", children: t("xapp.current_access_title", void 0, "Current access") }),
     currentTier ? /* @__PURE__ */ jsxs11("div", { className: "mx-meta-item", children: [
       /* @__PURE__ */ jsx15("span", { className: "mx-meta-label", children: t("xapp.current_plan_label", void 0, "Current plan") }),
       /* @__PURE__ */ jsx15("span", { className: "mx-meta-value", children: currentTier })
@@ -6926,7 +7929,7 @@ function XappDetailPageContent(props) {
       /* @__PURE__ */ jsx15("span", { className: "mx-meta-value", children: accessState })
     ] }) : null,
     subscriptionStatus ? /* @__PURE__ */ jsxs11("div", { className: "mx-meta-item", children: [
-      /* @__PURE__ */ jsx15("span", { className: "mx-meta-label", children: t("xapp.subscription_status_label", void 0, "Subscription status") }),
+      /* @__PURE__ */ jsx15("span", { className: "mx-meta-label", children: t("xapp.subscription_status_label", void 0, "Subscription state") }),
       /* @__PURE__ */ jsx15("span", { className: "mx-meta-value", children: subscriptionStatus })
     ] }) : null,
     subscriptionCoverage ? /* @__PURE__ */ jsxs11("div", { className: "mx-meta-item", children: [
@@ -6949,75 +7952,147 @@ 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,
+    accessVirtualCurrencyLabel ? /* @__PURE__ */ jsxs11("div", { className: "mx-meta-item", children: [
+      /* @__PURE__ */ jsx15("span", { className: "mx-meta-label", children: t("xapp.virtual_currency_label", void 0, "Currency") }),
+      /* @__PURE__ */ jsx15("span", { className: "mx-meta-value", children: accessVirtualCurrencyLabel })
+    ] }) : null,
+    currentBalanceSummary.length > 0 ? /* @__PURE__ */ jsxs11("div", { className: "mx-meta-item mx-meta-item-top", children: [
+      /* @__PURE__ */ jsx15("span", { className: "mx-meta-label", children: t("xapp.current_balances_label", void 0, "Balances now") }),
+      /* @__PURE__ */ jsx15("div", { className: "mx-meta-value mx-meta-stack-sm", children: currentBalanceSummary.map((label, index) => /* @__PURE__ */ jsx15("div", { children: label }, `${label}:${index}`)) })
+    ] }) : 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 })
+      /* @__PURE__ */ jsx15("span", { className: "mx-meta-label", children: t("xapp.credits_remaining_label", void 0, "Balance") }),
+      /* @__PURE__ */ jsx15("span", { className: "mx-meta-value", children: creditsRemainingLabel || 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 state 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: [
     /* @__PURE__ */ jsx15("h3", { className: "mx-section-title mx-detail-sidebar-title", children: t("xapp.plan_options_title", void 0, "Plans") }),
     /* @__PURE__ */ jsxs11("div", { className: "mx-paywall-card-head", children: [
+      /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-kicker", children: t("xapp.plan_options_title", void 0, "Plans") }),
       /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-title", children: selectedPaywallRenderModel.paywallLabel }),
       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";
+        const packageActionNote = isOwnedAdditive ? t(
+          "xapp.owned_unlock_note",
+          void 0,
+          "This add-on is already included in the current access."
+        ) : isCurrentPackage ? t(
+          "xapp.current_plan_note",
+          void 0,
+          "This plan is already active for this app."
+        ) : t(
+          "xapp.checkout_hint",
+          void 0,
+          "Checkout opens in a secure hosted payment page managed by the platform."
+        );
+        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 subscription instead of replacing it."
+              ) }) : null,
+              /* @__PURE__ */ jsxs11("div", { className: "mx-paywall-card-package-actions", children: [
+                typeof client.prepareMyXappPurchaseIntent === "function" && typeof client.createMyXappPurchasePaymentSession === "function" && hasSubject && canMutate ? /* @__PURE__ */ jsx15(
+                  "button",
+                  {
+                    className: `mx-btn ${purchasePolicy.canPurchase && !checkoutBusyPackageSlug && !isOwnedAdditive && !isCurrentPackage ? "mx-btn-primary" : "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, "Start checkout")
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx15("div", { className: "mx-paywall-card-package-note", children: packageActionNote })
+              ] })
+            ]
+          },
+          `${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;
@@ -7031,11 +8106,11 @@ function XappDetailPageContent(props) {
         subtitle: title ? t(
           "xapp.history_route_subtitle",
           { title },
-          `Recent purchases, invoices, subscriptions, and credit activity for ${title}.`
+          `Balances, recent activity, and purchases for ${title}.`
         ) : t(
           "xapp.history_route_subtitle_default",
           void 0,
-          "Recent purchases, invoices, subscriptions, and credit activity for this app."
+          "Balances, recent activity, and purchases for this app."
         ),
         locale,
         showHeader: false
@@ -7046,7 +8121,15 @@ function XappDetailPageContent(props) {
   if (plansOnlyMode) {
     return /* @__PURE__ */ jsxs11("div", { className: `mx-detail-container ${isEmbedded ? "is-embedded" : ""}`, children: [
       error && /* @__PURE__ */ jsx15("div", { className: "mx-detail-error", children: error }),
-      busy && !data ? /* @__PURE__ */ jsx15("div", { className: "mx-sidebar-card mx-detail-empty", "aria-busy": "true", children: t("common.loading", void 0, "Loading...") }) : /* @__PURE__ */ jsxs11("div", { className: `mx-plans-route ${widgetHostedPlansMode ? "is-widget-hosted" : ""}`, children: [
+      busy && !data ? /* @__PURE__ */ jsx15("div", { className: "mx-sidebar-card mx-detail-empty mx-plans-route-empty", "aria-busy": "true", children: /* @__PURE__ */ jsxs11("div", { className: "mx-empty-catalog", children: [
+        /* @__PURE__ */ jsx15("div", { className: "mx-empty-catalog-icon", children: "\u25CE" }),
+        /* @__PURE__ */ jsx15("div", { className: "mx-empty-catalog-title", children: t("xapp.plans_loading_title", void 0, "Loading plans") }),
+        /* @__PURE__ */ jsx15("div", { className: "mx-empty-catalog-desc", children: t(
+          "xapp.plans_loading_desc",
+          void 0,
+          "Preparing published plans, balances, and current access for this app."
+        ) })
+      ] }) }) : /* @__PURE__ */ jsxs11("div", { className: `mx-plans-route ${widgetHostedPlansMode ? "is-widget-hosted" : ""}`, children: [
         !widgetHostedPlansMode ? /* @__PURE__ */ jsxs11("div", { className: "mx-breadcrumb", children: [
           /* @__PURE__ */ jsx15(Link10, { to: marketplaceRootHref, children: t("common.marketplace", void 0, "Marketplace") }),
           /* @__PURE__ */ jsx15("span", { className: "mx-breadcrumb-sep", children: "/" }),
@@ -7059,19 +8142,19 @@ function XappDetailPageContent(props) {
           /* @__PURE__ */ jsx15("div", { className: "mx-plans-route-subtitle", children: routeSurfaceView === "history" ? title ? t(
             "xapp.history_route_subtitle",
             { title },
-            `Recent purchases, invoices, subscriptions, and credit activity for ${title}.`
+            `Balances, recent activity, and purchases for ${title}.`
           ) : t(
             "xapp.history_route_subtitle_default",
             void 0,
-            "Recent purchases, invoices, subscriptions, and credit activity for this app."
+            "Balances, recent activity, and purchases for this app."
           ) : title ? t(
             "xapp.plans_route_subtitle",
             { title },
-            `Current access and published plans for ${title}.`
+            `Access, plans, and balances for ${title}.`
           ) : t(
             "xapp.plans_route_subtitle_default",
             void 0,
-            "Current access and published plans for this app."
+            "Access, plans, and balances for this app."
           ) })
         ] }) : null,
         /* @__PURE__ */ jsx15("div", { className: "mx-plans-route-grid", children: /* @__PURE__ */ jsxs11("div", { className: "mx-plans-route-main", children: [
@@ -7082,11 +8165,15 @@ function XappDetailPageContent(props) {
               className: "mx-history-route-surface",
               dangerouslySetInnerHTML: { __html: historySurfaceHtml }
             }
-          ) : plansCard || /* @__PURE__ */ jsx15("div", { className: "mx-sidebar-card mx-detail-empty", children: t(
-            "xapp.no_plans_available",
-            void 0,
-            "No published plans are currently available."
-          ) })
+          ) : plansCard || /* @__PURE__ */ jsx15("div", { className: "mx-sidebar-card mx-detail-empty mx-plans-route-empty", children: /* @__PURE__ */ jsxs11("div", { className: "mx-empty-catalog", children: [
+            /* @__PURE__ */ jsx15("div", { className: "mx-empty-catalog-icon", children: "\u25CE" }),
+            /* @__PURE__ */ jsx15("div", { className: "mx-empty-catalog-title", children: t("xapp.no_plans_available", void 0, "No plans are currently available.") }),
+            /* @__PURE__ */ jsx15("div", { className: "mx-empty-catalog-desc", children: t(
+              "xapp.no_plans_available_desc",
+              void 0,
+              "Published plans will appear here when this app exposes a paywall."
+            ) })
+          ] }) })
         ] }) })
       ] })
     ] });
@@ -7170,9 +8257,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 +8294,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 +8302,7 @@ function XappDetailPageContent(props) {
                   return;
                 }
                 requestInstallForWidget(
-                  readString5(defaultWidget?.id) || null,
+                  readString6(defaultWidget?.id) || null,
                   resolveMarketplaceText(defaultWidget?.title, locale) || null,
                   false,
                   autoAvailableMode
@@ -7271,7 +8358,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 +8369,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 +8406,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 +8696,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 +8921,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 +8951,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,
         {
@@ -9114,7 +10218,7 @@ function PublisherDetailPage() {
             {
               to: detailTo,
               className: "mx-btn mx-btn-ghost mx-btn-sm mx-card-footer-link",
-              children: "View details"
+              children: t("catalog.view_details", void 0, "View details")
             }
           ) })
         ] }, x.id);