@xapps-platform/marketplace-ui 0.1.15 → 0.1.17

package/dist/index.js

@@ -118,7 +118,7 @@ function buildMarketplaceXmsCatalog(locale) {
       "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.checkout_action": "\xCEncepe checkout-ul",
       "xapp.subscription_status_label": "Stare abonament",
       "xapp.subscription_coverage_label": "Acoperire",
       "xapp.subscription_reason_label": "Motiv stare",
@@ -126,7 +126,11 @@ function buildMarketplaceXmsCatalog(locale) {
       "xapp.subscription_expiry_boundary_label": "Limit\u0103 expirare",
       "xapp.current_period_ends_label": "Perioada curent\u0103 se \xEEncheie la",
       "xapp.cancelled_at_label": "Anulat la",
-      "xapp.credits_remaining_label": "Credite r\u0103mase",
+      "xapp.virtual_currency_label": "Moned\u0103 virtual\u0103",
+      "xapp.current_balances_label": "Solduri acum",
+      "xapp.current_credits_label": "Credite acum",
+      "xapp.credits_remaining_label": "Sold",
+      "xapp.credit_balance_label": "Credite",
       "xapp.add_on_unlocks_label": "Unlock-uri suplimentare",
       "xapp.subscription_refresh_action": "Actualizeaz\u0103 starea",
       "xapp.subscription_refreshing": "Se actualizeaz\u0103...",
@@ -148,7 +152,18 @@ function buildMarketplaceXmsCatalog(locale) {
       "xapp.subscription_management_hint_owner": "Administrarea avansat\u0103 a abonamentului este gestionat\u0103 de proprietarul aplica\u021Biei.",
       "xapp.subscription_management_open_action": "Deschide administrarea",
       "xapp.lifecycle_preview_at_label": "Previzualizare la",
-      "xapp.lifecycle_preview_hint": "Ciclul de via\u021B\u0103 al abonamentului este previzualizat pentru momentul selectat."
+      "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 {
@@ -161,15 +176,19 @@ function buildMarketplaceXmsCatalog(locale) {
     "xapp.current_plan_active": "Current plan active",
     "xapp.checkout_starting": "Starting checkout...",
     "xapp.additive_unlock_action": "Purchase add-on unlock",
-    "xapp.checkout_action": "Continue to checkout",
-    "xapp.subscription_status_label": "Subscription status",
+    "xapp.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.credits_remaining_label": "Credits remaining",
+    "xapp.virtual_currency_label": "Currency",
+    "xapp.current_balances_label": "Balances now",
+    "xapp.current_credits_label": "Credits now",
+    "xapp.credits_remaining_label": "Balance",
+    "xapp.credit_balance_label": "Credits",
     "xapp.add_on_unlocks_label": "Add-on unlocks",
     "xapp.subscription_refresh_action": "Refresh status",
     "xapp.subscription_refreshing": "Refreshing...",
@@ -191,7 +210,18 @@ function buildMarketplaceXmsCatalog(locale) {
     "xapp.subscription_management_hint_owner": "Advanced subscription management is handled by the app owner.",
     "xapp.subscription_management_open_action": "Open management",
     "xapp.lifecycle_preview_at_label": "Preview as of",
-    "xapp.lifecycle_preview_hint": "Subscription lifecycle is being previewed for the selected time."
+    "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 = {
@@ -280,7 +310,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.",
@@ -289,8 +319,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}",
@@ -306,11 +336,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...",
@@ -325,21 +355,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",
@@ -415,7 +454,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.",
@@ -439,10 +480,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_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",
@@ -465,8 +506,12 @@ var MARKETPLACE_CATALOGS = {
     "xapp.subscription_cancel_description": "The subscription will stop renewing. Current access remains available until the current period ends.",
     "xapp.subscription_cancel_failed": "Unable to cancel this subscription.",
     "xapp.lifecycle_preview_at_label": "Preview as of",
-    "xapp.lifecycle_preview_hint": "Subscription lifecycle is being previewed for the selected time.",
-    "xapp.credits_remaining_label": "Credits remaining",
+    "xapp.lifecycle_preview_hint": "Subscription state is being previewed for the selected time.",
+    "xapp.virtual_currency_label": "Currency",
+    "xapp.current_balances_label": "Balances now",
+    "xapp.current_credits_label": "Credits now",
+    "xapp.credits_remaining_label": "Balance",
+    "xapp.credit_balance_label": "Credits",
     "xapp.available_label": "Available",
     "xapp.ready_to_use": "{count} ready to use",
     "xapp.source_label": "Source",
@@ -608,8 +653,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}",
@@ -625,11 +670,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...",
@@ -644,21 +689,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",
@@ -734,7 +788,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.",
@@ -785,7 +841,11 @@ var MARKETPLACE_CATALOGS = {
     "xapp.subscription_cancel_failed": "Abonamentul nu a putut fi anulat.",
     "xapp.lifecycle_preview_at_label": "Previzualizare la",
     "xapp.lifecycle_preview_hint": "Ciclul de via\u021B\u0103 al abonamentului este previzualizat pentru momentul selectat.",
-    "xapp.credits_remaining_label": "Credite r\u0103mase",
+    "xapp.virtual_currency_label": "Moned\u0103 virtual\u0103",
+    "xapp.current_balances_label": "Solduri curente",
+    "xapp.current_credits_label": "Credite acum",
+    "xapp.credits_remaining_label": "Sold",
+    "xapp.credit_balance_label": "Credite",
     "xapp.available_label": "Disponibile",
     "xapp.ready_to_use": "{count} gata de utilizare",
     "xapp.source_label": "Surs\u0103",
@@ -899,7 +959,8 @@ function applyMarketplaceThemeToDocument(theme) {
     ["radiusMd", ["--cx-radius-md", "--mx-radius-md"]],
     ["radius", ["--cx-radius", "--cx-radius-lg", "--mx-radius-md", "--mx-radius-lg"]],
     ["radiusLg", ["--cx-radius-lg", "--mx-radius-lg"]],
-    ["fontFamily", ["--mx-font-family"]]
+    ["fontFamily", ["--xapps-font-family", "--mx-font-family"]],
+    ["displayFont", ["--xapps-display-font", "--mx-display-font"]]
   ];
   for (const [key, cssVars] of map) {
     const rawValue = theme[key];
@@ -1076,6 +1137,13 @@ function buildTokenSearch(token, search) {
   return out ? `?${out}` : "";
 }
 
+// src/utils/installationPolicy.ts
+function shouldHideMarketplaceVersions(input) {
+  const installationPolicyResolved = input.installationPolicyResolved !== false;
+  if (!installationPolicyResolved) return false;
+  return input.installationPolicy?.mode === "auto_available" && input.installationPolicy?.update_mode === "auto_update_compatible";
+}
+
 // src/utils/readers.ts
 function isRecord(value) {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
@@ -1198,6 +1266,11 @@ function CatalogPage() {
   const mutationControlsReady = installationPolicyResolved || !host.subjectId || !canMutate;
   const autoUpdateMode = mutationControlsReady && (env?.installationPolicy ?? host.installationPolicy)?.update_mode === "auto_update_compatible" && Boolean(host.subjectId);
   const autoAvailableMode = mutationControlsReady && (env?.installationPolicy ?? host.installationPolicy)?.mode === "auto_available" && Boolean(host.subjectId);
+  const hideVersions = shouldHideMarketplaceVersions({
+    installationPolicy: env?.installationPolicy ?? host.installationPolicy ?? null,
+    installationPolicyResolved,
+    subjectId: host.subjectId
+  });
   const loc = useLocation();
   const token = useQueryToken();
   const tokenSearch = buildTokenSearch(token, loc.search);
@@ -1494,7 +1567,7 @@ function CatalogPage() {
                     /* @__PURE__ */ jsx6("span", { className: "mx-card-installed-badge-dot" }),
                     t("common.added", void 0, "Added")
                   ] }),
-                  x.latest_version?.version && /* @__PURE__ */ jsxs3("div", { className: "mx-card-version", children: [
+                  !hideVersions && x.latest_version?.version && /* @__PURE__ */ jsxs3("div", { className: "mx-card-version", children: [
                     "v",
                     x.latest_version.version
                   ] })
@@ -2130,17 +2203,54 @@ 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.",
@@ -2154,7 +2264,7 @@ var XMS_COPY_CATALOG = {
       subscriptionCancelConfirmMessage: "Cancel renewal for this subscription?",
       subscriptionCancelConfirmLabel: "Cancel subscription",
       subscriptionCancelDismissLabel: "Keep subscription",
-      missingPackageMetadataMessage: "This package is missing purchase metadata in the published paywall.",
+      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.",
@@ -2162,7 +2272,7 @@ 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",
@@ -2186,7 +2296,10 @@ var XMS_COPY_CATALOG = {
       managementDestinationHintPublisherLabel: "Advanced subscription management is handled in the publisher app.",
       managementDestinationHintOwnerLabel: "Advanced subscription management is handled by the app owner.",
       openManagementDestinationActionLabel: "Open management",
-      creditsRemainingLabel: "Credits remaining",
+      virtualCurrencyLabel: "Currency",
+      currentCreditsLabel: "Credits now",
+      creditsRemainingLabel: "Balance",
+      creditBalanceLabel: "Credits",
       addOnUnlocksLabel: "Add-on unlocks",
       coverageActiveLabel: "Still covered",
       coverageInactiveLabel: "Not covered",
@@ -2198,11 +2311,14 @@ var XMS_COPY_CATALOG = {
       refreshingStatusActionLabel: "Refreshing...",
       cancelSubscriptionActionLabel: "Cancel subscription",
       cancellingSubscriptionActionLabel: "Cancelling...",
-      noPublishedPlansLabel: "No published plans are currently available.",
-      recentTimelineTitle: "Recent timeline",
-      recentTimelineSubtitle: "Latest monetization events correlated for this subject and app.",
-      historyAuditTitle: "History and audit",
-      historyAuditSubtitle: "Recent monetization records for this subject and app.",
+      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",
+      historyCreditSummaryTitle: "Credits 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",
@@ -2227,7 +2343,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: {
@@ -2242,17 +2384,54 @@ 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.",
@@ -2266,7 +2445,7 @@ var XMS_COPY_CATALOG = {
       subscriptionCancelConfirmMessage: "Anulezi re\xEEnnoirea acestui abonament?",
       subscriptionCancelConfirmLabel: "Anuleaz\u0103 abonamentul",
       subscriptionCancelDismissLabel: "P\u0103streaz\u0103 abonamentul",
-      missingPackageMetadataMessage: "Acest pachet nu are metadatele de cump\u0103rare necesare \xEEn paywall-ul publicat.",
+      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.",
@@ -2298,7 +2477,10 @@ var XMS_COPY_CATALOG = {
       managementDestinationHintPublisherLabel: "Administrarea avansat\u0103 a abonamentului se face \xEEn aplica\u021Bia publisherului.",
       managementDestinationHintOwnerLabel: "Administrarea avansat\u0103 a abonamentului este gestionat\u0103 de proprietarul aplica\u021Biei.",
       openManagementDestinationActionLabel: "Deschide administrarea",
-      creditsRemainingLabel: "Credite r\u0103mase",
+      virtualCurrencyLabel: "Moned\u0103 virtual\u0103",
+      currentCreditsLabel: "Credite acum",
+      creditsRemainingLabel: "Sold",
+      creditBalanceLabel: "Credite",
       addOnUnlocksLabel: "Unlock-uri suplimentare",
       coverageActiveLabel: "\xCEnc\u0103 activ",
       coverageInactiveLabel: "Neacoperit",
@@ -2310,11 +2492,14 @@ var XMS_COPY_CATALOG = {
       refreshingStatusActionLabel: "Se actualizeaz\u0103...",
       cancelSubscriptionActionLabel: "Anuleaz\u0103 abonamentul",
       cancellingSubscriptionActionLabel: "Se anuleaz\u0103...",
-      noPublishedPlansLabel: "Nu exist\u0103 planuri publicate disponibile \xEEn acest moment.",
-      recentTimelineTitle: "Cronologie recent\u0103",
-      recentTimelineSubtitle: "Cele mai recente evenimente de monetizare corelate pentru acest subiect \u0219i aceast\u0103 aplica\u021Bie.",
-      historyAuditTitle: "Istoric \u0219i audit",
-      historyAuditSubtitle: "\xCEnregistr\u0103ri recente de monetizare pentru acest subiect \u0219i aceast\u0103 aplica\u021Bie.",
+      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",
+      historyCreditSummaryTitle: "Credite 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",
@@ -2339,7 +2524,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"
     }
   }
 };
@@ -2377,6 +2588,41 @@ function readLocalizedText(value, fallback = "") {
   const record = value;
   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 hasNamedVirtualCurrency(value) {
+  return Boolean(readVirtualCurrencyDefinition(value));
+}
+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;");
 }
@@ -2402,11 +2648,12 @@ 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 });
@@ -2518,17 +2765,33 @@ function flattenXappMonetizationPaywallPackages(paywall) {
     out.push({
       offeringId: readString4(packageRecord.offering_id),
       offeringSlug: readString4(packageRecord.offering_slug),
-      offeringTitle: readString4(packageRecord.offering_slug) || "Offering",
+      offeringTitle: readLocalizedText(
+        packageRecord.offering_title,
+        readString4(packageRecord.offering_slug) || buildXmsSurfaceCopy().offeringFallbackLabel
+      ),
       offeringPlacement: readString4(packageRecord.offering_placement) || null,
       packageId: readString4(packageRecord.id),
       packageSlug: readString4(packageRecord.slug),
-      packageTitle: readString4(packageRecord.slug) || "Package",
+      packageTitle: readLocalizedText(
+        packageRecord.title,
+        readLocalizedText(
+          packageRecord.product?.title,
+          readString4(packageRecord.slug) || buildXmsSurfaceCopy().packageFallbackLabel
+        )
+      ),
       packageKind: readString4(packageRecord.package_kind) || "standard",
       productId: readString4(packageRecord.product?.id),
       productSlug: readString4(packageRecord.product?.slug),
+      productTitle: readLocalizedText(
+        packageRecord.product?.title,
+        readString4(packageRecord.product?.slug)
+      ),
       productFamily: readString4(
         packageRecord.product?.product_family
       ),
+      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),
@@ -2555,18 +2818,20 @@ function readPackageCredits(item) {
 }
 function buildMonetizationOfferingPresentation(input) {
   const record = input && typeof input === "object" && !Array.isArray(input) ? input : {};
-  const offeringLabel = readString4(record.offeringTitle) || formatStateLabel(record.offeringSlug, "Offering");
+  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,
@@ -2576,7 +2841,13 @@ 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 = readString4(record.default_package_ref);
@@ -2599,10 +2870,13 @@ function buildMonetizationPaywallRenderModel(input) {
     return {
       packageId: readString4(item.packageId),
       packageSlug: readString4(item.packageSlug),
-      packageTitle: readString4(item.packageTitle) || "Package",
+      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: readString4(item.description) || packagePresentation.summary,
@@ -2629,7 +2903,10 @@ var monetizationPlansSurfaceStyles = `
   display: grid;
   gap: 16px;
   color: var(--xapps-text-primary, #0f172a);
-  font-family: var(--xapps-font-family, Inter, "Segoe UI", sans-serif);
+  font-family: var(
+    --xapps-font-family,
+    var(--mx-font-family, "Inter", "Segoe UI", system-ui, -apple-system, sans-serif)
+  );
 }
 .xapps-xms-plans__header {
   display: grid;
@@ -2637,7 +2914,8 @@ var monetizationPlansSurfaceStyles = `
 }
 .xapps-xms-plans__title {
   margin: 0;
-  font: 700 1.05rem/1.15 var(--xapps-display-font, "IBM Plex Serif", Georgia, serif);
+  font: 700 1.05rem/1.15
+    var(--xapps-display-font, var(--mx-display-font, var(--mx-font-family, "Inter", "Segoe UI", system-ui, -apple-system, sans-serif)));
   letter-spacing: -0.01em;
 }
 .xapps-xms-plans__subtitle {
@@ -2664,7 +2942,8 @@ var monetizationPlansSurfaceStyles = `
 }
 .xapps-xms-plans__section-title {
   margin: 0;
-  font: 700 0.98rem/1.1 var(--xapps-display-font, "IBM Plex Serif", Georgia, serif);
+  font: 700 0.98rem/1.1
+    var(--xapps-display-font, var(--mx-display-font, var(--mx-font-family, "Inter", "Segoe UI", system-ui, -apple-system, sans-serif)));
   letter-spacing: -0.01em;
 }
 .xapps-xms-plans__meta {
@@ -2699,15 +2978,34 @@ var monetizationPlansSurfaceStyles = `
 .xapps-xms-plans__notice {
   padding: 10px 12px;
   border-radius: 12px;
-  background: color-mix(in srgb, var(--xapps-accent, #0f766e) 8%, var(--xapps-surface-bg, #ffffff));
-  color: color-mix(in srgb, var(--xapps-accent, #0f766e) 82%, var(--xapps-text-primary, #0f172a));
+  border: 1px solid
+    var(
+      --xapps-paywall-notice-border,
+      color-mix(in srgb, var(--xapps-accent, #0f766e) 18%, var(--xapps-border-color, transparent))
+    );
+  background: var(
+    --xapps-paywall-notice-bg,
+    color-mix(in srgb, var(--xapps-accent, #0f766e) 8%, var(--xapps-surface-bg, #ffffff))
+  );
+  color: var(
+    --xapps-paywall-notice-text,
+    color-mix(in srgb, var(--xapps-accent, #0f766e) 82%, var(--xapps-text-primary, #0f172a))
+  );
   font-size: 13px;
 }
 .xapps-xms-plans__error {
   padding: 10px 12px;
   border-radius: 12px;
-  background: color-mix(in srgb, var(--xapps-danger, #dc2626) 8%, var(--xapps-surface-bg, #ffffff));
-  color: var(--xapps-danger, #b91c1c);
+  border: 1px solid
+    var(
+      --xapps-paywall-danger-border,
+      color-mix(in srgb, var(--xapps-danger, #dc2626) 18%, var(--xapps-border-color, transparent))
+    );
+  background: var(
+    --xapps-paywall-danger-bg,
+    color-mix(in srgb, var(--xapps-danger, #dc2626) 8%, var(--xapps-surface-bg, #ffffff))
+  );
+  color: var(--xapps-paywall-danger-text, var(--xapps-danger, #b91c1c));
   font-size: 13px;
 }
 .xapps-xms-plans__packages {
@@ -2723,12 +3021,24 @@ var monetizationPlansSurfaceStyles = `
   background: color-mix(in srgb, var(--xapps-surface-bg, #ffffff) 94%, var(--xapps-surface-subtle, #f8fafc));
 }
 .xapps-xms-plans__package.is-selected {
-  border-color: color-mix(in srgb, var(--xapps-accent, #2563eb) 34%, var(--xapps-border-color, transparent));
-  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--xapps-accent, #2563eb) 12%, transparent);
+  border-color: var(
+    --xapps-paywall-selected-border,
+    color-mix(in srgb, var(--xapps-accent, #2563eb) 34%, var(--xapps-border-color, transparent))
+  );
+  box-shadow: var(
+    --xapps-paywall-selected-shadow,
+    inset 0 0 0 1px color-mix(in srgb, var(--xapps-accent, #2563eb) 12%, transparent)
+  );
 }
 .xapps-xms-plans__package.is-default {
-  border-color: color-mix(in srgb, var(--xapps-accent, #0f766e) 28%, var(--xapps-border-color, transparent));
-  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--xapps-accent, #0f766e) 10%, transparent);
+  border-color: var(
+    --xapps-paywall-default-border,
+    color-mix(in srgb, var(--xapps-accent, #0f766e) 28%, var(--xapps-border-color, transparent))
+  );
+  box-shadow: var(
+    --xapps-paywall-default-shadow,
+    inset 0 0 0 1px color-mix(in srgb, var(--xapps-accent, #0f766e) 10%, transparent)
+  );
 }
 .xapps-xms-plans__package-head {
   display: flex;
@@ -2738,7 +3048,8 @@ var monetizationPlansSurfaceStyles = `
 }
 .xapps-xms-plans__package-title {
   margin: 0;
-  font: 700 0.98rem/1.15 var(--xapps-display-font, "IBM Plex Serif", Georgia, serif);
+  font: 700 0.98rem/1.15
+    var(--xapps-display-font, var(--mx-display-font, var(--mx-font-family, "Inter", "Segoe UI", system-ui, -apple-system, sans-serif)));
   letter-spacing: -0.01em;
 }
 .xapps-xms-plans__package-description {
@@ -2753,11 +3064,21 @@ var monetizationPlansSurfaceStyles = `
   white-space: nowrap;
   padding: 6px 10px;
   border-radius: 999px;
-  background: color-mix(in srgb, var(--xapps-accent, #0f766e) 7%, var(--xapps-surface-bg, #ffffff));
-  color: color-mix(in srgb, var(--xapps-accent, #0f766e) 28%, var(--xapps-text-primary, #1e293b));
+  background: var(
+    --xapps-paywall-money-bg,
+    color-mix(in srgb, var(--xapps-accent, #0f766e) 7%, var(--xapps-surface-bg, #ffffff))
+  );
+  color: var(
+    --xapps-paywall-money-text,
+    color-mix(in srgb, var(--xapps-accent, #0f766e) 28%, var(--xapps-text-primary, #1e293b))
+  );
   font-size: 12px;
   font-weight: 700;
-  border: 1px solid color-mix(in srgb, var(--xapps-accent, #0f766e) 14%, var(--xapps-border-color, transparent));
+  border: 1px solid
+    var(
+      --xapps-paywall-primary-border,
+      color-mix(in srgb, var(--xapps-accent, #0f766e) 14%, var(--xapps-border-color, transparent))
+    );
 }
 .xapps-xms-plans__badges,
 .xapps-xms-plans__signals {
@@ -2775,13 +3096,25 @@ var monetizationPlansSurfaceStyles = `
   font-size: 12px;
 }
 .xapps-xms-plans__badge {
-  background: color-mix(in srgb, var(--xapps-accent, #2563eb) 8%, var(--xapps-surface-bg, #ffffff));
-  color: color-mix(in srgb, var(--xapps-accent, #2563eb) 66%, var(--xapps-text-primary, #1d4ed8));
+  background: var(
+    --xapps-paywall-badge-bg,
+    color-mix(in srgb, var(--xapps-accent, #2563eb) 8%, var(--xapps-surface-bg, #ffffff))
+  );
+  color: var(
+    --xapps-paywall-badge-text,
+    color-mix(in srgb, var(--xapps-accent, #2563eb) 66%, var(--xapps-text-primary, #1d4ed8))
+  );
   font-weight: 700;
 }
 .xapps-xms-plans__signal {
-  background: color-mix(in srgb, var(--xapps-text-primary, #0f172a) 4%, var(--xapps-surface-bg, #ffffff));
-  color: color-mix(in srgb, var(--xapps-text-primary, #0f172a) 42%, var(--xapps-text-secondary, #64748b));
+  background: var(
+    --xapps-paywall-signal-bg,
+    color-mix(in srgb, var(--xapps-text-primary, #0f172a) 4%, var(--xapps-surface-bg, #ffffff))
+  );
+  color: var(
+    --xapps-paywall-signal-text,
+    color-mix(in srgb, var(--xapps-text-primary, #0f172a) 42%, var(--xapps-text-secondary, #64748b))
+  );
 }
 .xapps-xms-plans__action {
   justify-self: start;
@@ -2794,7 +3127,7 @@ var monetizationPlansSurfaceStyles = `
     color-mix(in srgb, var(--xapps-accent, #0f766e) 94%, white),
     color-mix(in srgb, var(--xapps-accent-strong, var(--xapps-accent, #155e75)) 94%, black)
   );
-  color: #f8fafc;
+  color: var(--xapps-paywall-action-text, #f8fafc);
   font-weight: 700;
   cursor: pointer;
   box-shadow: 0 10px 22px color-mix(in srgb, var(--xapps-accent, #0f766e) 18%, transparent);
@@ -2805,7 +3138,7 @@ var monetizationPlansSurfaceStyles = `
 }
 .xapps-xms-plans__action:hover,
 .xapps-xms-plans__action:focus-visible {
-  color: #f8fafc;
+  color: var(--xapps-paywall-action-text, #f8fafc);
   filter: saturate(1.04) brightness(1.01);
   box-shadow: 0 14px 28px color-mix(in srgb, var(--xapps-accent, #0f766e) 24%, transparent);
 }
@@ -2836,19 +3169,40 @@ var monetizationPlansSurfaceStyles = `
 }
 .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));
+  border-color: var(
+    --xapps-paywall-primary-border,
+    color-mix(in srgb, var(--xapps-accent, #0f766e) 28%, var(--xapps-border-color, transparent))
+  );
+  background: var(
+    --xapps-paywall-primary-bg,
+    color-mix(in srgb, var(--xapps-accent, #0f766e) 7%, var(--xapps-surface-bg, #ffffff))
+  );
+  color: var(
+    --xapps-paywall-primary-text,
+    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);
+  border-color: var(
+    --xapps-paywall-danger-border,
+    color-mix(in srgb, var(--xapps-danger, #dc2626) 22%, var(--xapps-border-color, transparent))
+  );
+  color: var(--xapps-paywall-danger-text, 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);
+  border-color: var(
+    --xapps-paywall-danger-border,
+    color-mix(in srgb, var(--xapps-danger, #dc2626) 34%, var(--xapps-border-color, transparent))
+  );
+  background: var(
+    --xapps-paywall-danger-bg,
+    color-mix(in srgb, var(--xapps-danger, #dc2626) 8%, var(--xapps-surface-bg, #ffffff))
+  );
+  color: var(
+    --xapps-paywall-danger-text,
+    color-mix(in srgb, var(--xapps-danger, #dc2626) 72%, var(--xapps-text-primary, #991b1b))
+  );
 }
 .xapps-xms-plans__surface-action[disabled] {
   cursor: not-allowed;
@@ -2912,7 +3266,8 @@ var monetizationPlansSurfaceStyles = `
 }
 .xapps-xms-plans__history-title {
   margin: 0;
-  font: 700 0.92rem/1.1 "IBM Plex Serif", Georgia, serif;
+  font: 700 0.92rem/1.1
+    var(--xapps-display-font, var(--mx-display-font, var(--mx-font-family, "Inter", "Segoe UI", system-ui, -apple-system, sans-serif)));
 }
 .xapps-xms-plans__history-count {
   color: #64748b;
@@ -2978,9 +3333,100 @@ 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: "credits",
+      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,
+      hasNamedCurrency: hasNamedVirtualCurrency(item.virtualCurrency)
+    };
+  }).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,
+    totalNamedCurrencies: balances.filter((item) => item.hasNamedCurrency).length
+  };
+}
 function readHistoryTitle(item, keys, fallback) {
   for (const key of keys) {
-    const value = readString4(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;
@@ -2988,7 +3434,25 @@ function readHistoryTitle(item, keys, fallback) {
 function readHistoryMeta(item, keys, locale) {
   const out = [];
   for (const key of keys) {
-    const value = key === "settlement_effect_detail" ? formatSettlementEffectDetailLabel(item.settlement_effect, item[key], locale) : key.endsWith("_at") ? formatPlansDateTime(item[key], locale) : readString4(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;
@@ -3040,9 +3504,17 @@ function formatSettlementEffectDetailLabel(effect, detail, locale) {
 }
 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) => {
+      ${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 = [
@@ -3056,7 +3528,11 @@ function buildTimelineHtml(input) {
       ),
       readString4(item.scope),
       readString4(item.correlation),
-      readString4(item.amount) && readString4(item.currency) ? `${readString4(item.amount)} ${readString4(item.currency)}` : readString4(item.amount),
+      formatVirtualCurrencyAmountLabel({
+        amount: item.amount,
+        virtualCurrency: item.virtual_currency,
+        fallbackUnit: readString4(item.currency)
+      }),
       readString4(item.note)
     ].filter(Boolean);
     return `
@@ -3108,32 +3584,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",
-        "settlement_effect",
-        "payment_session_id",
-        "occurred_at"
-      ]
-    }),
     buildHistorySectionHtml({
       title: copy.historySubscriptionsTitle,
       total: readHistoryBucket(history, "subscriptions").total,
@@ -3159,30 +3609,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", "settlement_effect", "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,
@@ -3199,9 +3665,37 @@ function buildMonetizationHistorySections(input) {
         "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 buildMonetizationHistoryBalanceSummaryHtml(input) {
+  const { history, locale } = input;
+  const copy = buildXmsSurfaceCopy({ locale });
+  const summary = summarizeVirtualCurrencyBalances(history);
+  if (!summary.balances.length) return "";
+  const summaryTitle = summary.totalNamedCurrencies > 0 ? copy.historyBalanceSummaryTitle : copy.historyCreditSummaryTitle;
+  return `
+    <section class="xapps-xms-plans__card">
+      <h4 class="xapps-xms-plans__section-title">${escapeHtml(summaryTitle)}</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;
@@ -3210,8 +3704,9 @@ function buildMonetizationHistorySurfaceHtml(input, options = {}) {
   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">
@@ -3225,6 +3720,7 @@ function buildMonetizationHistorySurfaceHtml(input, options = {}) {
             </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>
@@ -3247,43 +3743,64 @@ function buildMonetizationHistorySurfaceHtml(input, options = {}) {
 }
 function buildMonetizationPackagePresentation(input) {
   const item = input && typeof input === "object" && !Array.isArray(input) ? input : {};
+  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 (readString4(metadata.badge)) {
     signals.push(readString4(metadata.badge));
   }
-  if (credits > 0) {
+  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 (readString4(item.billingPeriod)) {
-    signals.push(`billed ${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,
@@ -3448,7 +3965,9 @@ function normalizeMoneyLabel(item) {
   const amount = readString4(item.amount);
   const currency = readString4(item.currency);
   const billingPeriod = readString4(item.billingPeriod);
-  if (!amount && !currency) return "Price unavailable";
+  if (!amount && !currency) {
+    return buildXmsSurfaceCopy({ locale: item.locale }).priceUnavailableLabel;
+  }
   return `${amount} ${currency}${billingPeriod ? ` / ${billingPeriod}` : ""}`.trim();
 }
 function summarizeXappMonetizationSnapshot(input) {
@@ -3468,7 +3987,7 @@ function summarizeXappMonetizationSnapshot(input) {
       present: lifecycle.present,
       statusLabel: lifecycle.statusLabel || formatStateLabel(currentSubscription?.status),
       tierLabel: formatStateLabel(currentSubscription?.tier),
-      coverageLabel: lifecycle.coverageLabel || "Unknown",
+      coverageLabel: lifecycle.coverageLabel || buildXmsSurfaceCopy().unknownLabel,
       coverageReasonLabel: lifecycle.reasonLabel || buildXmsSurfaceCopy().noOverdueRestrictionLabel,
       renewsAt: lifecycle.renewsAt,
       expiresAt: lifecycle.expiresAt || lifecycle.currentPeriodEndsAt,
@@ -3476,8 +3995,11 @@ function summarizeXappMonetizationSnapshot(input) {
     },
     wallet: {
       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
     }
   };
 }
@@ -3486,6 +4008,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);
@@ -3539,13 +4074,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([]);
@@ -3593,21 +4137,36 @@ 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] = await Promise.all([
+            client.getCatalogXapp(item.xappId, {
+              installationId: item.installationId || null
+            }),
+            client.getMyXappMonetization(item.xappId, {
+              installationId: item.installationId || null,
+              locale
+            })
+          ]);
           if (!xappIdFilter && !isMonetizationCandidate(detail)) return null;
-          const state = await client.getMyXappMonetization(item.xappId, {
-            installationId: item.installationId || null,
-            locale
-          });
           const summary = summarizeXappMonetizationSnapshot(state);
           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 hasLiveBalance = Boolean(readString(accessProjection.credits_remaining));
+          const hasNamedCurrency = Boolean(virtualCurrencyLabel);
           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,
@@ -3643,8 +4202,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,
+            balanceTitle: hasNamedCurrency ? t("activity.monetization_credits_label", void 0, "Balance") : t("xapp.credit_balance_label", void 0, "Credits"),
+            creditsRemaining: creditsRemainingLabel,
+            balanceState: summary.wallet.balanceStateLabel || t("activity.monetization_balance_unknown", void 0, "unknown"),
+            hasSubscription: summary.currentSubscription.present,
+            hasNamedCurrency,
+            hasBalance: Boolean(hasLiveBalance || creditsRemainingLabel)
           };
         })
       );
@@ -3742,7 +4306,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: [
@@ -3811,40 +4375,100 @@ 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-record-panel-subtitle", 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("xapp.credit_balance_label", void 0, "Credits") })
+          ] })
         ] }),
         /* @__PURE__ */ jsxs5("div", { className: "mx-record-actions mx-record-actions-monetization", children: [
           /* @__PURE__ */ jsxs5("div", { className: "mx-action-group", children: [
-            /* @__PURE__ */ jsx9(Link5, { to: item.plansHref, className: "mx-btn mx-btn-primary", children: t("activity.monetization_open_plans", void 0, "Open plans") }),
-            /* @__PURE__ */ jsx9(Link5, { to: item.historyHref, className: "mx-btn mx-btn-secondary", children: t("activity.monetization_open_history", void 0, "Open history") })
+            /* @__PURE__ */ 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") }),
@@ -3864,47 +4488,53 @@ function MonetizationPage() {
                   })()
                 },
                 className: "mx-btn mx-btn-ghost",
-                children: t("activity.monetization_focus_xapp", void 0, "Focus this app")
+                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: item.balanceTitle }),
+          /* @__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: [
+        item.hasNamedCurrency ? /* @__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 })
+        ] }) : null,
+        /* @__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_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_balance_state", void 0, "Balance status") }),
+          /* @__PURE__ */ jsx9("span", { className: "mx-monetization-card-secondary-value", children: item.balanceState })
         ] }),
-        /* @__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_source_label", void 0, "Origin") }),
+          /* @__PURE__ */ jsx9("span", { className: "mx-monetization-card-secondary-value", children: item.sourceLabel })
         ] })
       ] })
-    ] }, item.xappId)) }) : null
+    ] }) }, item.xappId)) }) : null
   ] });
 }
 
@@ -5124,6 +5754,11 @@ function RequestDetailPage() {
   const isTerminal = status === "COMPLETED" || status === "FAILED";
   const effectiveXappId = readFirstString(requestRecord.xapp_id, xappIdFilter);
   const effectiveXappTitle = resolveMarketplaceText(manifestRecord.title, locale) || readFirstString(requestRecord.xapp_name);
+  const hideVersions = shouldHideMarketplaceVersions({
+    installationPolicy: env?.installationPolicy ?? host.installationPolicy ?? null,
+    installationPolicyResolved: env?.installationPolicyResolved,
+    subjectId: host.subjectId
+  });
   const xappCrumbLabel = effectiveXappTitle || effectiveXappId;
   const isEmbedded = typeof window !== "undefined" && window.location.pathname.startsWith("/embed");
   const marketplaceTo = {
@@ -5594,7 +6229,7 @@ function RequestDetailPage() {
               /* @__PURE__ */ jsx13("h2", { className: "mx-title mx-request-section-title", children: title }),
               /* @__PURE__ */ jsxs9("div", { className: "mx-request-meta-row", children: [
                 /* @__PURE__ */ jsx13("span", { children: effectiveXappTitle || "\u2014" }),
-                readString(requestRecord.xapp_version) && /* @__PURE__ */ jsxs9(Fragment7, { children: [
+                !hideVersions && readString(requestRecord.xapp_version) && /* @__PURE__ */ jsxs9(Fragment7, { children: [
                   /* @__PURE__ */ jsx13("span", { children: "\xB7" }),
                   /* @__PURE__ */ jsxs9("span", { children: [
                     "v",
@@ -6007,6 +6642,11 @@ function RequestsPage() {
   const [error, setError] = useState7(null);
   const [busy, setBusy] = useState7(true);
   const [xappTitle, setXappTitle] = useState7("");
+  const hideVersions = shouldHideMarketplaceVersions({
+    installationPolicy: env?.installationPolicy ?? host.installationPolicy ?? null,
+    installationPolicyResolved: env?.installationPolicyResolved,
+    subjectId: host.subjectId
+  });
   async function refresh(page = 1) {
     setError(null);
     setBusy(true);
@@ -6173,7 +6813,7 @@ function RequestsPage() {
       /* @__PURE__ */ jsx14("thead", { children: /* @__PURE__ */ jsxs10("tr", { children: [
         /* @__PURE__ */ jsx14("th", { scope: "col", children: t("common.id", void 0, "ID") }),
         /* @__PURE__ */ jsx14("th", { scope: "col", children: t("common.tool", void 0, "Tool") }),
-        /* @__PURE__ */ jsx14("th", { scope: "col", children: t("common.version", void 0, "Version") }),
+        !hideVersions && /* @__PURE__ */ jsx14("th", { scope: "col", children: t("common.version", void 0, "Version") }),
         /* @__PURE__ */ jsx14("th", { scope: "col", children: t("common.status", void 0, "Status") }),
         /* @__PURE__ */ jsx14("th", { scope: "col", children: t("common.created", void 0, "Created") })
       ] }) }),
@@ -6233,7 +6873,7 @@ function RequestsPage() {
               ) })
             ] })
           ] }),
-          /* @__PURE__ */ jsx14(
+          !hideVersions && /* @__PURE__ */ jsx14(
             "td",
             {
               className: "mx-cell-muted",
@@ -6456,6 +7096,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;
@@ -6527,7 +7191,7 @@ function buildMonetizationHookSummaryItems(manifest) {
   );
   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,
@@ -6543,7 +7207,7 @@ function buildMonetizationHookSummaryItems(manifest) {
     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,
@@ -6613,6 +7277,11 @@ function XappDetailPageContent(props) {
   const installationPolicyResolved = env?.installationPolicyResolved !== false;
   const mutationControlsReady = installationPolicyResolved || !hasSubject || !canMutate;
   const installationPolicy = env?.installationPolicy ?? host.installationPolicy ?? null;
+  const hideVersions = shouldHideMarketplaceVersions({
+    installationPolicy,
+    installationPolicyResolved,
+    subjectId: host.subjectId
+  });
   const [data, setData] = useState8(null);
   const [monetization, setMonetization] = useState8(null);
   const [monetizationHistory, setMonetizationHistory] = useState8(
@@ -7024,6 +7693,25 @@ function XappDetailPageContent(props) {
     () => selectedPaywall ? flattenXappMonetizationPaywallPackages(selectedPaywall) : [],
     [selectedPaywall]
   );
+  const resolvePaywallPackageLabel = useMemo9(() => {
+    const labels = /* @__PURE__ */ new Map();
+    for (const item of selectedPaywallPackageRecords) {
+      const productMetadata = item.productMetadata && typeof item.productMetadata === "object" ? item.productMetadata : {};
+      const label = readString6(item.packageTitle) || readString6(item.productTitle) || readString6(item.productSlug);
+      if (!label) continue;
+      for (const candidate of [
+        item.packageSlug,
+        item.productSlug,
+        productMetadata.access_tier,
+        item.packageId,
+        item.productId
+      ]) {
+        const key = readString6(candidate).trim().toLowerCase();
+        if (key && !labels.has(key)) labels.set(key, label);
+      }
+    }
+    return (value) => labels.get(readString6(value).trim().toLowerCase()) || "";
+  }, [selectedPaywallPackageRecords]);
   useEffect10(() => {
     if (focusedSection !== "plans" || !plansSectionRef.current) return;
     if (typeof plansSectionRef.current.scrollIntoView === "function") {
@@ -7312,7 +8000,9 @@ function XappDetailPageContent(props) {
     const status = readString6(item.status).trim().toLowerCase();
     return status === "active" || status === "grace_period";
   });
-  const additiveUnlockLabels = activeAdditiveEntitlements.map((item) => readString6(item.tier) || readString6(item.product_slug)).filter(Boolean).reduce((labels, label) => {
+  const additiveUnlockLabels = activeAdditiveEntitlements.map(
+    (item) => resolvePaywallPackageLabel(item.tier) || resolvePaywallPackageLabel(item.product_slug) || readString6(item.tier) || readString6(item.product_slug)
+  ).filter(Boolean).reduce((labels, label) => {
     if (!labels.includes(label)) labels.push(label);
     return labels;
   }, []);
@@ -7331,6 +8021,7 @@ function XappDetailPageContent(props) {
     true
   );
   const currentTier = readString6(monetizationSubscription?.tier) || readString6(monetizationAccess?.tier);
+  const currentTierLabel = resolvePaywallPackageLabel(currentTier) || currentTier;
   const balanceState = readString6(monetizationAccess?.balance_state);
   const subscriptionStatus = subscriptionLifecycle.statusLabel;
   const subscriptionCoverage = subscriptionLifecycle.coverageLabel;
@@ -7342,14 +8033,27 @@ function XappDetailPageContent(props) {
   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 usageCreditAvailableCount = usageCreditSummary ? Math.max(0, usageCreditSummary.available_count) : null;
+  const creditsRemaining = usageCreditAvailableCount != null ? String(usageCreditAvailableCount) : readString6(monetizationAccess?.credits_remaining);
+  const accessVirtualCurrencyLabel = formatVirtualCurrencyLabel3(
+    monetizationAccess?.virtual_currency,
+    {
+      includeCode: true
+    }
+  );
+  const creditsRemainingLabel = formatVirtualCurrencyAmount2(
+    creditsRemaining,
+    monetizationAccess?.virtual_currency
+  );
+  const hasNamedAccessCurrency = Boolean(accessVirtualCurrencyLabel);
+  const currentCreditBalanceLabel = hasNamedAccessCurrency ? t("xapp.credits_remaining_label", void 0, "Balance") : t("xapp.credit_balance_label", void 0, "Credits");
   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 || currentPeriodEndsAt || cancelledAt || expiresAt || lifecyclePreviewAt || creditsRemaining || additiveUnlockLabels.length > 0
+    currentTierLabel || accessState || subscriptionStatus || subscriptionCoverage || subscriptionReason || overdueSince || expiryBoundaryAt || renewsAt || currentPeriodEndsAt || cancelledAt || expiresAt || lifecyclePreviewAt || accessVirtualCurrencyLabel || creditsRemaining || additiveUnlockLabels.length > 0
   );
   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) : [];
@@ -7362,17 +8066,17 @@ 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") }),
-    currentTier ? /* @__PURE__ */ jsxs11("div", { className: "mx-meta-item", children: [
+    /* @__PURE__ */ jsx15("h3", { className: "mx-section-title mx-detail-sidebar-title", children: t("xapp.current_access_title", void 0, "Current access") }),
+    currentTierLabel ? /* @__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 })
+      /* @__PURE__ */ jsx15("span", { className: "mx-meta-value", children: currentTierLabel })
     ] }) : null,
     accessState ? /* @__PURE__ */ jsxs11("div", { className: "mx-meta-item", children: [
       /* @__PURE__ */ jsx15("span", { className: "mx-meta-label", children: t("xapp.access_state_label", void 0, "Access state") }),
       /* @__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: [
@@ -7411,9 +8115,13 @@ function XappDetailPageContent(props) {
       /* @__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,
     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: currentCreditBalanceLabel }),
+      /* @__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") }),
@@ -7422,7 +8130,7 @@ function XappDetailPageContent(props) {
     lifecyclePreviewAt ? /* @__PURE__ */ jsx15("div", { className: "mx-subtle-note", children: t(
       "xapp.lifecycle_preview_hint",
       void 0,
-      "Subscription lifecycle is being previewed for the selected time."
+      "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: [
@@ -7452,6 +8160,7 @@ function XappDetailPageContent(props) {
   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
     ] }),
@@ -7466,6 +8175,19 @@ function XappDetailPageContent(props) {
         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",
           {
@@ -7490,17 +8212,24 @@ function XappDetailPageContent(props) {
               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."
+                "This one-time unlock is additive. It adds access on top of the active subscription 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
+              /* @__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}`
@@ -7520,11 +8249,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
@@ -7535,7 +8264,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: "/" }),
@@ -7548,19 +8285,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: [
@@ -7571,11 +8308,19 @@ 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."
+            ) })
+          ] }) })
         ] }) })
       ] })
     ] });
@@ -7659,7 +8404,7 @@ 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 }),
-            readString6(versionRecord?.version) && /* @__PURE__ */ jsxs11("div", { className: "mx-card-version mx-detail-version-pill", children: [
+            !hideVersions && readString6(versionRecord?.version) && /* @__PURE__ */ jsxs11("div", { className: "mx-card-version mx-detail-version-pill", children: [
               "v",
               readString6(versionRecord?.version)
             ] }),
@@ -9441,7 +10186,7 @@ function useQueryToken11() {
 }
 function PublisherDetailPage() {
   const { publisherSlug = "" } = useParams4();
-  const { client, host } = useMarketplace();
+  const { client, host, env } = useMarketplace();
   const { locale, t } = useMarketplaceI18n();
   const loc = useLocation11();
   const token = useQueryToken11();
@@ -9452,6 +10197,11 @@ function PublisherDetailPage() {
   const [items, setItems] = useState11([]);
   const [q, setQ] = useState11("");
   const installationsByXappId = host.getInstallationsByXappId();
+  const hideVersions = shouldHideMarketplaceVersions({
+    installationPolicy: env?.installationPolicy ?? host.installationPolicy ?? null,
+    installationPolicyResolved: env?.installationPolicyResolved,
+    subjectId: host.subjectId
+  });
   async function refresh() {
     if (!publisherSlug) return;
     setBusy(true);
@@ -9604,7 +10354,7 @@ function PublisherDetailPage() {
                     /* @__PURE__ */ jsx18("span", { className: "mx-card-installed-badge-dot" }),
                     t("common.added", void 0, "Added")
                   ] }),
-                  x.latest_version?.version && /* @__PURE__ */ jsxs14("div", { className: "mx-card-version", children: [
+                  !hideVersions && x.latest_version?.version && /* @__PURE__ */ jsxs14("div", { className: "mx-card-version", children: [
                     "v",
                     x.latest_version.version
                   ] })
@@ -9620,7 +10370,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);
@@ -9648,6 +10398,223 @@ function MarketplaceApp() {
     /* @__PURE__ */ jsx19(Route, { path: "*", element: /* @__PURE__ */ jsx19(CatalogPage, {}) })
   ] });
 }
+
+// src/httpMarketplaceClient.ts
+function readString7(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+function encodeSegment(value) {
+  return encodeURIComponent(String(value || "").trim());
+}
+function appendQuery(path, query) {
+  const params = new URLSearchParams();
+  for (const [key, rawValue] of Object.entries(query)) {
+    if (rawValue === null || rawValue === void 0) continue;
+    const value = typeof rawValue === "string" ? rawValue.trim() : typeof rawValue === "number" || typeof rawValue === "boolean" ? String(rawValue) : "";
+    if (!value) continue;
+    params.set(key, value);
+  }
+  const suffix = params.toString();
+  if (!suffix) return path;
+  return path.includes("?") ? `${path}&${suffix}` : `${path}?${suffix}`;
+}
+function resolveDefaultLocale(input) {
+  if (typeof input === "function") {
+    return readString7(input()) || null;
+  }
+  return readString7(input) || null;
+}
+function createHttpMarketplaceClient(options) {
+  const { getJson, postJson, routes } = options;
+  const supportsSubjectIdQuery = routes.supportsSubjectIdQuery === true;
+  const addSubjectId = (subjectId) => supportsSubjectIdQuery ? { subjectId: readString7(subjectId) || void 0 } : {};
+  return {
+    async listCatalogXapps() {
+      return getJson(routes.catalogListPath);
+    },
+    async getCatalogXapp(xappId, input) {
+      return getJson(
+        appendQuery(`${routes.catalogXappBasePath}/${encodeSegment(xappId)}`, {
+          installationId: readString7(input?.installationId) || void 0
+        })
+      );
+    },
+    async getMyXappMonetization(xappId, input) {
+      const locale = readString7(input?.locale) || resolveDefaultLocale(options.defaultLocale);
+      return getJson(
+        appendQuery(`${routes.myXappsBasePath}/${encodeSegment(xappId)}/monetization`, {
+          ...addSubjectId(input?.subjectId),
+          installationId: readString7(input?.installationId) || void 0,
+          locale: locale || void 0,
+          previewAt: readString7(input?.previewAt) || void 0
+        })
+      );
+    },
+    async cancelMyXappSubscriptionContract(input) {
+      return postJson(
+        appendQuery(
+          `${routes.myXappsBasePath}/${encodeSegment(input.xappId)}/monetization/subscription-contracts/${encodeSegment(input.contractId)}/cancel`,
+          {
+            ...addSubjectId(input?.subjectId),
+            installationId: readString7(input?.installationId) || void 0
+          }
+        ),
+        {}
+      );
+    },
+    async refreshMyXappSubscriptionContractState(input) {
+      return postJson(
+        appendQuery(
+          `${routes.myXappsBasePath}/${encodeSegment(input.xappId)}/monetization/subscription-contracts/${encodeSegment(input.contractId)}/refresh-state`,
+          {
+            ...addSubjectId(input?.subjectId),
+            installationId: readString7(input?.installationId) || void 0
+          }
+        ),
+        {}
+      );
+    },
+    async getMyXappMonetizationHistory(xappId, input) {
+      return getJson(
+        appendQuery(`${routes.myXappsBasePath}/${encodeSegment(xappId)}/monetization/history`, {
+          ...addSubjectId(input?.subjectId),
+          installationId: readString7(input?.installationId) || void 0,
+          limit: typeof input?.limit === "number" && Number.isFinite(input.limit) && input.limit > 0 ? input.limit : void 0
+        })
+      );
+    },
+    async listMyMonetizedXapps(input) {
+      return getJson(
+        appendQuery(routes.myMonetizedXappsPath, {
+          ...addSubjectId(input?.subjectId),
+          currentOnly: typeof input?.currentOnly === "boolean" ? String(input.currentOnly) : void 0
+        })
+      );
+    },
+    async prepareMyXappPurchaseIntent(input) {
+      return postJson(
+        `${routes.myXappsBasePath}/${encodeSegment(input.xappId)}/monetization/purchase-intents/prepare`,
+        {
+          offering_id: input.offeringId,
+          package_id: input.packageId,
+          price_id: input.priceId,
+          ...supportsSubjectIdQuery && readString7(input.subjectId) ? { subject_id: readString7(input.subjectId) } : {},
+          ...readString7(input.installationId) ? { installation_id: readString7(input.installationId) } : {}
+        }
+      );
+    },
+    async createMyXappPurchasePaymentSession(input) {
+      return postJson(
+        `${routes.myXappsBasePath}/${encodeSegment(input.xappId)}/monetization/purchase-intents/${encodeSegment(input.intentId)}/payment-session`,
+        {
+          return_url: input.returnUrl,
+          ...readString7(input.cancelUrl) ? { cancel_url: readString7(input.cancelUrl) } : {},
+          ...readString7(input.pageUrl) ? { page_url: readString7(input.pageUrl) } : {},
+          ...readString7(input.xappsResume) ? { xapps_resume: readString7(input.xappsResume) } : {},
+          ...readString7(input.locale) ? { locale: readString7(input.locale) } : {}
+        }
+      );
+    },
+    async finalizeMyXappPurchasePaymentSession(input) {
+      return postJson(
+        `${routes.myXappsBasePath}/${encodeSegment(input.xappId)}/monetization/purchase-intents/${encodeSegment(input.intentId)}/payment-session/finalize`,
+        {}
+      );
+    },
+    async listMyRequests(input) {
+      return getJson(
+        appendQuery(routes.myRequestsPath, {
+          xappId: readString7(input?.xappId) || void 0,
+          toolName: readString7(input?.toolName) || void 0,
+          page: typeof input?.page === "number" && Number.isFinite(input.page) ? input.page : void 0,
+          pageSize: typeof input?.pageSize === "number" && Number.isFinite(input.pageSize) ? input.pageSize : void 0
+        })
+      );
+    },
+    async getMyRequest(id) {
+      return getJson(`${routes.myRequestsPath}/${encodeSegment(id)}`);
+    },
+    async reconcileMyRequestPayment(input) {
+      return postJson(`${routes.myRequestsPath}/${encodeSegment(input.requestId)}/payment/reconcile`, {
+        ...readString7(input.paymentSessionId) ? { payment_session_id: readString7(input.paymentSessionId) } : {},
+        ...readString7(input.returnUrl) ? { return_url: readString7(input.returnUrl) } : {},
+        ...readString7(input.cancelUrl) ? { cancel_url: readString7(input.cancelUrl) } : {},
+        ...readString7(input.xappsResume) ? { xapps_resume: readString7(input.xappsResume) } : {}
+      });
+    },
+    async listMyPaymentSessions(input) {
+      return getJson(
+        appendQuery(routes.myPaymentSessionsPath, {
+          paymentSessionId: readString7(input?.paymentSessionId) || void 0,
+          xappId: readString7(input?.xappId) || void 0,
+          installationId: readString7(input?.installationId) || void 0,
+          toolName: readString7(input?.toolName) || void 0,
+          status: readString7(input?.status) || void 0,
+          issuer: readString7(input?.issuer) || void 0,
+          createdFrom: readString7(input?.createdFrom) || void 0,
+          createdTo: readString7(input?.createdTo) || void 0,
+          limit: typeof input?.limit === "number" && Number.isFinite(input.limit) ? input.limit : void 0
+        })
+      );
+    },
+    async getMyPaymentSession(id) {
+      return getJson(`${routes.myPaymentSessionsPath}/${encodeSegment(id)}`);
+    },
+    async listMyInvoices(input) {
+      return getJson(
+        appendQuery(routes.myInvoicesPath, {
+          requestId: readString7(input?.requestId) || void 0,
+          paymentSessionId: readString7(input?.paymentSessionId) || void 0,
+          xappId: readString7(input?.xappId) || void 0,
+          installationId: readString7(input?.installationId) || void 0,
+          status: readString7(input?.status) || void 0,
+          ownerScope: readString7(input?.ownerScope) || void 0,
+          search: readString7(input?.search) || void 0,
+          createdFrom: readString7(input?.createdFrom) || void 0,
+          createdTo: readString7(input?.createdTo) || void 0,
+          page: typeof input?.page === "number" && Number.isFinite(input.page) ? input.page : void 0,
+          pageSize: typeof input?.pageSize === "number" && Number.isFinite(input.pageSize) ? input.pageSize : void 0
+        })
+      );
+    },
+    async getMyInvoiceHistory(id) {
+      return getJson(`${routes.myInvoicesPath}/${encodeSegment(id)}/history`);
+    },
+    async listMyNotifications(input) {
+      return getJson(
+        appendQuery(routes.myNotificationsPath, {
+          notificationId: readString7(input?.notificationId) || void 0,
+          status: readString7(input?.status) || void 0,
+          trigger: readString7(input?.trigger) || void 0,
+          xappId: readString7(input?.xappId) || void 0,
+          installationId: readString7(input?.installationId) || void 0,
+          unread: typeof input?.unread === "boolean" ? String(input.unread) : void 0,
+          limit: typeof input?.limit === "number" && Number.isFinite(input.limit) ? input.limit : void 0
+        })
+      );
+    },
+    async markMyNotificationRead(notificationId) {
+      return postJson(`${routes.myNotificationsPath}/${encodeSegment(notificationId)}/read`, {});
+    },
+    async markAllMyNotificationsRead() {
+      return postJson(`${routes.myNotificationsPath}/read-all`, {});
+    },
+    async getWidgetToken(installationId, widgetId) {
+      if (typeof options.getWidgetToken === "function") {
+        return options.getWidgetToken(installationId, widgetId);
+      }
+      if (!routes.widgetTokenPath) {
+        throw new Error("Widget token path is not configured");
+      }
+      return getJson(
+        appendQuery(routes.widgetTokenPath, {
+          installationId,
+          widgetId
+        })
+      );
+    }
+  };
+}
 export {
   CatalogPage,
   InvoicesPage,
@@ -9661,6 +10628,7 @@ export {
   WidgetView,
   XappDetailPage,
   XappPlansPage,
+  createHttpMarketplaceClient,
   resolveMarketplaceText,
   resolvePaymentLockStateFromGuardSummary,
   useMarketplace,