@xapps-platform/marketplace-ui 0.1.6 → 0.1.8

package/dist/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/i18n.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,aAAa,EAAW,MAAM,+BAA+B,CAAC;AAC1F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA2iBvC,wBAAgB,uBAAuB,CAAC,KAAK,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAMtF;AAED,wBAAgB,kBAAkB;;;;;;;EAEjC;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAmC3F"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/i18n.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,aAAa,EAAW,MAAM,+BAA+B,CAAC;AAC1F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAmlBvC,wBAAgB,uBAAuB,CAAC,KAAK,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAMtF;AAED,wBAAgB,kBAAkB;;;;;;;EAEjC;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAmC3F"}

package/dist/index.js

@@ -261,6 +261,8 @@ var MARKETPLACE_CATALOGS = {
     "activity.guard_badge": "guard: {value}",
     "activity.trigger_badge": "trigger: {value}",
     "activity.outcome_badge": "outcome: {value}",
+    "activity.current_access_badge": "access: {value}",
+    "activity.current_access_detail": "Current access: {value}",
     "activity.reason_detail": "reason={value}",
     "activity.guard_action_upgrade_subscription": "Upgrade subscription{suffix}",
     "activity.guard_action_complete_payment": "Complete payment{suffix}",
@@ -317,6 +319,23 @@ var MARKETPLACE_CATALOGS = {
     "xapp.screenshots_title": "Screenshots",
     "xapp.screenshot_alt": "Screenshot {index}",
     "xapp.usage_credits_title": "Usage Credits",
+    "xapp.current_access_title": "Current Access",
+    "xapp.current_plan_label": "Current plan",
+    "xapp.access_state_label": "Access state",
+    "xapp.access_state_available": "available",
+    "xapp.subscription_status_label": "Subscription status",
+    "xapp.subscription_coverage_label": "Coverage",
+    "xapp.subscription_reason_label": "Status reason",
+    "xapp.subscription_overdue_since_label": "Overdue since",
+    "xapp.subscription_expiry_boundary_label": "Expiry boundary",
+    "xapp.subscription_coverage_active": "Still covered",
+    "xapp.subscription_coverage_inactive": "Not covered",
+    "xapp.subscription_reason_grace_covered_past_due": "Coverage remains during grace period",
+    "xapp.subscription_reason_past_due_after_period_end": "Current period ended without successful renewal",
+    "xapp.subscription_reason_expired_after_boundary": "Expiry boundary reached",
+    "xapp.renews_at_label": "Renews at",
+    "xapp.expires_at_label": "Expires at",
+    "xapp.credits_remaining_label": "Credits remaining",
     "xapp.available_label": "Available",
     "xapp.ready_to_use": "{count} ready to use",
     "xapp.source_label": "Source",
@@ -518,6 +537,8 @@ var MARKETPLACE_CATALOGS = {
     "activity.guard_badge": "gard\u0103: {value}",
     "activity.trigger_badge": "declan\u0219ator: {value}",
     "activity.outcome_badge": "rezultat: {value}",
+    "activity.current_access_badge": "acces: {value}",
+    "activity.current_access_detail": "Acces curent: {value}",
     "activity.reason_detail": "motiv={value}",
     "activity.guard_action_upgrade_subscription": "Actualizeaz\u0103 abonamentul{suffix}",
     "activity.guard_action_complete_payment": "Finalizeaz\u0103 plata{suffix}",
@@ -574,6 +595,23 @@ var MARKETPLACE_CATALOGS = {
     "xapp.screenshots_title": "Capturi de ecran",
     "xapp.screenshot_alt": "Captur\u0103 de ecran {index}",
     "xapp.usage_credits_title": "Credite de utilizare",
+    "xapp.current_access_title": "Acces curent",
+    "xapp.current_plan_label": "Plan curent",
+    "xapp.access_state_label": "Stare acces",
+    "xapp.access_state_available": "disponibil",
+    "xapp.subscription_status_label": "Stare abonament",
+    "xapp.subscription_coverage_label": "Acoperire",
+    "xapp.subscription_reason_label": "Motiv stare",
+    "xapp.subscription_overdue_since_label": "\xCEn \xEEnt\xE2rziere din",
+    "xapp.subscription_expiry_boundary_label": "Limit\u0103 expirare",
+    "xapp.subscription_coverage_active": "\xCEnc\u0103 activ",
+    "xapp.subscription_coverage_inactive": "Inactiv",
+    "xapp.subscription_reason_grace_covered_past_due": "Accesul r\u0103m\xE2ne activ \xEEn perioada de gra\u021Bie",
+    "xapp.subscription_reason_past_due_after_period_end": "Perioada curent\u0103 s-a \xEEncheiat f\u0103r\u0103 re\xEEnnoire reu\u0219it\u0103",
+    "xapp.subscription_reason_expired_after_boundary": "A fost atins\u0103 limita de expirare",
+    "xapp.renews_at_label": "Se re\xEEnnoie\u0219te la",
+    "xapp.expires_at_label": "Expir\u0103 la",
+    "xapp.credits_remaining_label": "Credite r\u0103mase",
     "xapp.available_label": "Disponibile",
     "xapp.ready_to_use": "{count} gata de utilizare",
     "xapp.source_label": "Surs\u0103",
@@ -2824,6 +2862,35 @@ function resolvePaymentLockStateFromGuardSummary(summaryInput, options) {
   };
 }
 
+// src/utils/guardMonetization.ts
+function asRecord4(value) {
+  return value && typeof value === "object" ? value : {};
+}
+function readGuardMonetizationState(input) {
+  const root = asRecord4(input);
+  const details = asRecord4(root.details);
+  const guard = asRecord4(root.guard);
+  const guardDetails = asRecord4(guard.details);
+  const candidates = [
+    asRecord4(root.monetization_state),
+    asRecord4(details.monetization_state),
+    asRecord4(guardDetails.monetization_state)
+  ];
+  for (const candidate of candidates) {
+    if (Object.keys(candidate).length > 0) return candidate;
+  }
+  return null;
+}
+function readGuardHasCurrentAccess(input) {
+  const value = readGuardMonetizationState(input)?.has_current_access;
+  return typeof value === "boolean" ? value : null;
+}
+function describeGuardCurrentAccess(input, labels) {
+  const hasCurrentAccess = readGuardHasCurrentAccess(input);
+  if (hasCurrentAccess === null) return "";
+  return hasCurrentAccess ? labels.available : labels.unavailable;
+}
+
 // src/utils/operationalSurfaces.ts
 function readPathEmbedded() {
   return typeof window !== "undefined" && window.location.pathname.startsWith("/embed");
@@ -3145,6 +3212,13 @@ function RequestDetailPage() {
   );
   const isPaymentPending = String(status || "").trim().toUpperCase() === "PAYMENT_PENDING";
   const showPaymentWaitState = requestPaymentLock.isLocked || isPaymentPending;
+  const requestGuardCurrentAccess = describeGuardCurrentAccess(
+    requestRecord.guard_summary ?? null,
+    {
+      available: t("common.available", void 0, "Available"),
+      unavailable: t("xapp.subscription_coverage_inactive", void 0, "Not covered")
+    }
+  );
   const eventPaymentSessionId = useMemo6(() => {
     const events = Array.isArray(dataRecord.events) ? dataRecord.events : [];
     for (let index = events.length - 1; index >= 0; index -= 1) {
@@ -3364,7 +3438,7 @@ function RequestDetailPage() {
         ).trim();
         const res = await client.reconcileMyRequestPayment({
           requestId: String(id),
-          paymentSessionId: effectivePaymentSessionId || void 0,
+          paymentSessionId: isPaymentPending ? void 0 : effectivePaymentSessionId || void 0,
           returnUrl: currentReturnUrl || void 0,
           cancelUrl: currentReturnUrl || void 0
         });
@@ -3504,6 +3578,11 @@ function RequestDetailPage() {
               void 0,
               "Waiting for payment confirmation\u2026"
             ) }),
+            requestGuardCurrentAccess ? /* @__PURE__ */ jsx12("div", { className: "mx-payment-lock-message", children: t(
+              "activity.current_access_detail",
+              { value: requestGuardCurrentAccess },
+              "Current access: {value}"
+            ) }) : null,
             /* @__PURE__ */ jsxs8("div", { className: "mx-payment-lock-actions", children: [
               isPaymentPending || effectivePaymentSessionId || directPaymentUrl || paymentSurfaceHref ? /* @__PURE__ */ jsx12(
                 "button",
@@ -3629,6 +3708,18 @@ function RequestDetailPage() {
               const progress = typeof eventRecord.progress === "number" ? eventRecord.progress : null;
               const guardSummary = extractGuardSummary(ev) ?? extractGuardSummary(getEventPayload(ev)) ?? extractGuardSummary(eventRecord.payload);
               const guardActionLabel = renderGuardActionLabel(guardSummary);
+              const guardMonetizationSource = getEventPayload(ev) ?? eventRecord.payload ?? ev;
+              const guardCurrentAccess = describeGuardCurrentAccess(
+                guardMonetizationSource,
+                {
+                  available: t("common.available", void 0, "Available"),
+                  unavailable: t(
+                    "xapp.subscription_coverage_inactive",
+                    void 0,
+                    "Not covered"
+                  )
+                }
+              );
               return /* @__PURE__ */ jsxs8(
                 "li",
                 {
@@ -3713,6 +3804,11 @@ function RequestDetailPage() {
                                 "activity.outcome_badge",
                                 { value: guardSummary.outcome },
                                 "outcome: {value}"
+                              ) }),
+                              guardCurrentAccess && /* @__PURE__ */ jsx12("span", { className: "mx-badge mx-badge-warning", children: t(
+                                "activity.current_access_badge",
+                                { value: guardCurrentAccess },
+                                "access: {value}"
                               ) })
                             ] }),
                             (guardSummary.reason || guardActionLabel) && /* @__PURE__ */ jsxs8("div", { className: "mx-event-guard-detail", children: [
@@ -4053,7 +4149,11 @@ function RequestsPage() {
         const guardReason = readString(guardSummary.reason);
         const guardOutcome = readString(guardSummary.outcome);
         const guardActionHint = renderGuardActionHint(guardSummary);
-        const hasGuardInfo = Boolean(guardSlug) || Boolean(guardReason) || Boolean(guardActionHint);
+        const guardAccessHint = describeGuardCurrentAccess(guardSummary, {
+          available: t("common.available", void 0, "Available"),
+          unavailable: t("xapp.subscription_coverage_inactive", void 0, "Not covered")
+        });
+        const hasGuardInfo = Boolean(guardSlug) || Boolean(guardReason) || Boolean(guardActionHint) || Boolean(guardAccessHint);
         return /* @__PURE__ */ jsxs9("tr", { children: [
           /* @__PURE__ */ jsx13("td", { className: "mx-cell-id", "data-label": t("common.id", void 0, "ID"), children: /* @__PURE__ */ jsxs9(Link8, { to: href, children: [
             readFirstString(request.id).slice(0, 8),
@@ -4070,7 +4170,12 @@ function RequestsPage() {
                 (guardSlug || guardOutcome) && guardReason ? " \xB7 " : "",
                 guardReason ? `reason=${guardReason}` : ""
               ] }),
-              guardActionHint && /* @__PURE__ */ jsx13("div", { children: guardActionHint })
+              guardActionHint && /* @__PURE__ */ jsx13("div", { children: guardActionHint }),
+              guardAccessHint && /* @__PURE__ */ jsx13("div", { children: t(
+                "activity.current_access_detail",
+                { value: guardAccessHint },
+                "Current access: {value}"
+              ) })
             ] })
           ] }),
           /* @__PURE__ */ jsx13(
@@ -4136,6 +4241,46 @@ function RequestsPage() {
 // src/pages/XappDetailPage.tsx
 import { useEffect as useEffect9, useMemo as useMemo8, useRef, useState as useState7 } from "react";
 import { Link as Link9, useLocation as useLocation7, useNavigate as useNavigate3, useParams as useParams2 } from "react-router-dom";
+
+// src/utils/monetizationAccess.ts
+function asRecord5(value) {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return null;
+  return value;
+}
+function readCurrentAccessFlag(value) {
+  return typeof value === "boolean" ? value : false;
+}
+function hasMarketplaceCatalogMonetization(manifest) {
+  const manifestRecord = asRecord5(manifest);
+  const monetization = asRecord5(manifestRecord?.monetization);
+  if (!monetization) return false;
+  return ["products", "offerings", "packages", "prices"].some((key) => {
+    const items = monetization[key];
+    return Array.isArray(items) && items.length > 0;
+  });
+}
+function hasMarketplaceCurrentAccess(projection) {
+  if (!projection) return false;
+  if (readCurrentAccessFlag(projection.has_current_access)) return true;
+  const entitlementState = readString(projection.entitlement_state);
+  const balanceState = readString(projection.balance_state);
+  return entitlementState === "active" || entitlementState === "grace_period" || balanceState === "sufficient";
+}
+function resolveMarketplaceAccessState(input) {
+  const entitlementState = readString(input.projection?.entitlement_state);
+  if (entitlementState && entitlementState !== "inactive") return entitlementState;
+  return hasMarketplaceCurrentAccess(input.projection) ? input.availableLabel : entitlementState || null;
+}
+function resolveMarketplaceDefaultAccessState(input) {
+  const resolved = resolveMarketplaceAccessState(input);
+  if (resolved && resolved !== "inactive") return resolved;
+  if (input.projection && input.hasCatalogMonetization === false) {
+    return input.availableLabel;
+  }
+  return resolved;
+}
+
+// src/pages/XappDetailPage.tsx
 import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 function useQueryToken7() {
   const loc = useLocation7();
@@ -4161,7 +4306,7 @@ function buildRequestsHref(input) {
   if (input.isEmbedded) return `/requests?${s}`;
   return `/marketplace/requests?${s}`;
 }
-function asRecord4(value) {
+function asRecord6(value) {
   if (!value || typeof value !== "object" || Array.isArray(value)) return null;
   return value;
 }
@@ -4174,8 +4319,25 @@ function readBoolean(value, fallback) {
 function readNumber(value) {
   return typeof value === "number" && Number.isFinite(value) ? value : null;
 }
+function formatDateTime2(value, locale) {
+  const raw = readString4(value);
+  if (!raw) return "";
+  const parsed = new Date(raw);
+  if (Number.isNaN(parsed.getTime())) return raw;
+  try {
+    return parsed.toLocaleString(locale || void 0, {
+      year: "numeric",
+      month: "short",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  } catch {
+    return parsed.toISOString();
+  }
+}
 function normalizeUsageCreditSummary(value) {
-  const summary = asRecord4(value);
+  const summary = asRecord6(value);
   if (!summary) return null;
   const availableCount = readNumber(summary.available_count) ?? 0;
   const availableSessionBackedCount = readNumber(summary.available_session_backed_count) ?? 0;
@@ -4186,7 +4348,7 @@ function normalizeUsageCreditSummary(value) {
   const consumedCount = readNumber(summary.consumed_count) ?? 0;
   const byToolRaw = Array.isArray(summary.by_tool) ? summary.by_tool : [];
   const byTool = byToolRaw.map((entry) => {
-    const record = asRecord4(entry);
+    const record = asRecord6(entry);
     if (!record) return null;
     const toolName = readString4(record.tool_name);
     if (!toolName) return null;
@@ -4220,7 +4382,7 @@ function normalizeUsageCreditSummary(value) {
 }
 function normalizeGuardPolicyKind(policy) {
   if (policy === "all" || policy === "any") return policy;
-  const policyObj = asRecord4(policy);
+  const policyObj = asRecord6(policy);
   const mode = readString4(policyObj?.mode);
   return mode === "any" ? "any" : "all";
 }
@@ -4267,6 +4429,7 @@ function XappDetailPage() {
   const updateAppLabel = env?.copy?.updateAppLabel || t("xapp.update_app", void 0, "Update app");
   const openAppLabel = env?.copy?.openAppLabel || t("xapp.open_app", void 0, "Open app");
   const [data, setData] = useState7(null);
+  const [monetization, setMonetization] = useState7(null);
   const [error, setError] = useState7(null);
   const [busy, setBusy] = useState7(true);
   const [discoveredOperationalSurfaces, setDiscoveredOperationalSurfaces] = useState7([]);
@@ -4290,9 +4453,9 @@ function XappDetailPage() {
       const res = await client.getCatalogXapp(String(xappId), {
         installationId: installation?.installationId ?? null
       });
-      setData(asRecord4(res));
+      setData(asRecord6(res));
     } catch (e) {
-      setError(readString4(asRecord4(e)?.message) || String(e));
+      setError(readString4(asRecord6(e)?.message) || String(e));
     } finally {
       setBusy(false);
     }
@@ -4327,14 +4490,37 @@ function XappDetailPage() {
       cancelled = true;
     };
   }, [client, installation?.installationId, xappId]);
-  const manifest = asRecord4(data?.manifest);
-  const xappRecord = asRecord4(data?.xapp);
-  const versionRecord = asRecord4(data?.version);
-  const publisherRecord = asRecord4(xappRecord?.publisher);
+  useEffect9(() => {
+    const currentXappId = String(xappId ?? "").trim();
+    if (!currentXappId || !host.subjectId || typeof client.getMyXappMonetization !== "function") {
+      setMonetization(null);
+      return;
+    }
+    let cancelled = false;
+    void (async () => {
+      try {
+        const next = await client.getMyXappMonetization(currentXappId);
+        if (!cancelled) {
+          setMonetization(next);
+        }
+      } catch {
+        if (!cancelled) {
+          setMonetization(null);
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [client, host.subjectId, xappId]);
+  const manifest = asRecord6(data?.manifest);
+  const xappRecord = asRecord6(data?.xapp);
+  const versionRecord = asRecord6(data?.version);
+  const publisherRecord = asRecord6(xappRecord?.publisher);
   const title = resolveMarketplaceText(manifest?.title, locale) || readString4(xappRecord?.name) || t("xapp.kicker_default", void 0, "Xapp");
   const description = resolveMarketplaceText(manifest?.description, locale) || readString4(xappRecord?.description) || "";
   const imageUrl = readString4(manifest?.image) || "https://picsum.photos/seed/xapps-detail/840/360";
-  const widgets = Array.isArray(data?.widgets) ? data.widgets.filter((widget) => Boolean(asRecord4(widget))) : [];
+  const widgets = Array.isArray(data?.widgets) ? data.widgets.filter((widget) => Boolean(asRecord6(widget))) : [];
   const defaultWidget = useMemo8(() => {
     const def = widgets.find((w) => readBoolean(w.default, false));
     return def || widgets[0] || null;
@@ -4348,7 +4534,7 @@ function XappDetailPage() {
     pathname: isEmbedded ? "/embed/catalog" : "..",
     search: tokenSearch
   };
-  const terms = asRecord4(manifest?.terms);
+  const terms = asRecord6(manifest?.terms);
   const termsTitle = resolveMarketplaceText(terms?.title, locale) || t("xapp.terms_title", void 0, "Terms & Conditions");
   const termsText = resolveMarketplaceText(terms?.text, locale) || readString4(terms?.text);
   const termsUrl = readString4(terms?.url);
@@ -4440,9 +4626,9 @@ function XappDetailPage() {
   } : null;
   const guardSummary = useMemo8(() => {
     const guardsRaw = Array.isArray(manifest?.guards) ? manifest.guards : [];
-    const policyMap = asRecord4(manifest?.guards_policy) ?? {};
+    const policyMap = asRecord6(manifest?.guards_policy) ?? {};
     const items = guardsRaw.map((raw) => {
-      const guard = asRecord4(raw);
+      const guard = asRecord6(raw);
       if (!guard) return null;
       const trigger = readString4(guard.trigger);
       const slug = readString4(guard.slug);
@@ -4475,6 +4661,42 @@ function XappDetailPage() {
     () => normalizeUsageCreditSummary(data?.usage_credit_summary),
     [data?.usage_credit_summary]
   );
+  const monetizationAccessProjection = monetization?.access_projection ?? null;
+  const hasCatalogMonetization = hasMarketplaceCatalogMonetization(manifest);
+  const monetizationAccess = asRecord6(monetization?.access_projection);
+  const monetizationSubscription = asRecord6(monetization?.current_subscription);
+  const overduePolicy = asRecord6(monetizationSubscription?.overdue_policy);
+  const currentTier = readString4(monetizationSubscription?.tier) || readString4(monetizationAccess?.tier);
+  const balanceState = readString4(monetizationAccess?.balance_state);
+  const subscriptionStatus = readString4(monetizationSubscription?.status);
+  const subscriptionCoverage = typeof overduePolicy?.has_current_access === "boolean" ? overduePolicy.has_current_access ? t("xapp.subscription_coverage_active", void 0, "Still covered") : t("xapp.subscription_coverage_inactive", void 0, "Not covered") : null;
+  const subscriptionReasonKey = readString4(overduePolicy?.effective_status_reason);
+  const subscriptionReason = subscriptionReasonKey === "grace_covered_past_due" ? t(
+    "xapp.subscription_reason_grace_covered_past_due",
+    void 0,
+    "Coverage remains during grace period"
+  ) : subscriptionReasonKey === "past_due_after_period_end" ? t(
+    "xapp.subscription_reason_past_due_after_period_end",
+    void 0,
+    "Current period ended without successful renewal"
+  ) : subscriptionReasonKey === "expired_after_boundary" ? t(
+    "xapp.subscription_reason_expired_after_boundary",
+    void 0,
+    "Expiry boundary reached"
+  ) : null;
+  const overdueSince = formatDateTime2(overduePolicy?.overdue_since, locale);
+  const expiryBoundaryAt = formatDateTime2(overduePolicy?.expiry_boundary_at, locale);
+  const renewsAt = formatDateTime2(monetizationSubscription?.renews_at, locale);
+  const expiresAt = formatDateTime2(monetizationSubscription?.expired_at, locale) || formatDateTime2(monetizationSubscription?.current_period_ends_at, locale);
+  const creditsRemaining = readString4(monetizationAccess?.credits_remaining);
+  const accessState = resolveMarketplaceDefaultAccessState({
+    projection: monetizationAccessProjection,
+    hasCatalogMonetization,
+    availableLabel: t("xapp.access_state_available", void 0, "available")
+  });
+  const hasMonetizationState = Boolean(
+    currentTier || accessState || subscriptionStatus || subscriptionCoverage || subscriptionReason || overdueSince || expiryBoundaryAt || renewsAt || expiresAt || creditsRemaining
+  );
   const manifestScreenshots = Array.isArray(manifest?.screenshots) ? manifest.screenshots.map((shot) => readString4(shot)).filter(Boolean) : [];
   const manifestTags = Array.isArray(manifest?.tags) ? manifest.tags.map((tag) => readString4(tag)).filter(Boolean) : [];
   return /* @__PURE__ */ jsxs10("div", { className: `mx-detail-container ${isEmbedded ? "is-embedded" : ""}`, children: [
@@ -4923,6 +5145,49 @@ function XappDetailPage() {
           ] })
         ] }),
         /* @__PURE__ */ jsxs10("aside", { className: "mx-detail-sidebar", children: [
+          hasMonetizationState ? /* @__PURE__ */ jsxs10("div", { className: "mx-sidebar-card", children: [
+            /* @__PURE__ */ jsx14("h3", { className: "mx-section-title mx-detail-sidebar-title", children: t("xapp.current_access_title", void 0, "Current Access") }),
+            currentTier ? /* @__PURE__ */ jsxs10("div", { className: "mx-meta-item", children: [
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-label", children: t("xapp.current_plan_label", void 0, "Current plan") }),
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-value", children: currentTier })
+            ] }) : null,
+            accessState ? /* @__PURE__ */ jsxs10("div", { className: "mx-meta-item", children: [
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-label", children: t("xapp.access_state_label", void 0, "Access state") }),
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-value", children: accessState })
+            ] }) : null,
+            subscriptionStatus ? /* @__PURE__ */ jsxs10("div", { className: "mx-meta-item", children: [
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-label", children: t("xapp.subscription_status_label", void 0, "Subscription status") }),
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-value", children: subscriptionStatus })
+            ] }) : null,
+            subscriptionCoverage ? /* @__PURE__ */ jsxs10("div", { className: "mx-meta-item", children: [
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-label", children: t("xapp.subscription_coverage_label", void 0, "Coverage") }),
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-value", children: subscriptionCoverage })
+            ] }) : null,
+            subscriptionReason ? /* @__PURE__ */ jsxs10("div", { className: "mx-meta-item mx-meta-item-top", children: [
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-label", children: t("xapp.subscription_reason_label", void 0, "Status reason") }),
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-value", children: subscriptionReason })
+            ] }) : null,
+            overdueSince ? /* @__PURE__ */ jsxs10("div", { className: "mx-meta-item", children: [
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-label", children: t("xapp.subscription_overdue_since_label", void 0, "Overdue since") }),
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-value", children: overdueSince })
+            ] }) : null,
+            expiryBoundaryAt ? /* @__PURE__ */ jsxs10("div", { className: "mx-meta-item", children: [
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-label", children: t("xapp.subscription_expiry_boundary_label", void 0, "Expiry boundary") }),
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-value", children: expiryBoundaryAt })
+            ] }) : null,
+            renewsAt ? /* @__PURE__ */ jsxs10("div", { className: "mx-meta-item", children: [
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-label", children: t("xapp.renews_at_label", void 0, "Renews at") }),
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-value", children: renewsAt })
+            ] }) : null,
+            expiresAt ? /* @__PURE__ */ jsxs10("div", { className: "mx-meta-item", children: [
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-label", children: t("xapp.expires_at_label", void 0, "Expires at") }),
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-value", children: expiresAt })
+            ] }) : null,
+            creditsRemaining ? /* @__PURE__ */ jsxs10("div", { className: "mx-meta-item", children: [
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-label", children: t("xapp.credits_remaining_label", void 0, "Credits remaining") }),
+              /* @__PURE__ */ jsx14("span", { className: "mx-meta-value", children: creditsRemaining })
+            ] }) : null
+          ] }) : null,
           usageCreditSummary ? /* @__PURE__ */ jsxs10("div", { className: "mx-sidebar-card", children: [
             /* @__PURE__ */ jsx14("h3", { className: "mx-section-title mx-detail-sidebar-title", children: t("xapp.usage_credits_title", void 0, "Usage Credits") }),
             /* @__PURE__ */ jsxs10("div", { className: "mx-meta-item", children: [
@@ -5321,6 +5586,7 @@ function WidgetView() {
   const [xappDetail, setXappDetail] = useState8(null);
   const [discoveredOperationalSurfaces, setDiscoveredOperationalSurfaces] = useState8([]);
   const [widgetToken, setWidgetToken] = useState8("");
+  const [widgetSessionContext, setWidgetSessionContext] = useState8(null);
   const [error, setError] = useState8(null);
   const [sessionExpired, setSessionExpired] = useState8(null);
   const [hostNestedExpandStage, setHostNestedExpandStage] = useState8("inline");
@@ -5413,12 +5679,14 @@ function WidgetView() {
     let alive = true;
     void (async () => {
       try {
-        const { token: wToken } = await client.getWidgetToken(installationId, widgetId);
+        const { token: wToken, context } = await client.getWidgetToken(installationId, widgetId);
         if (!alive) return;
         setSessionExpired(null);
         setWidgetToken(wToken);
+        setWidgetSessionContext(context ?? null);
       } catch (e) {
         if (!alive) return;
+        setWidgetSessionContext(null);
         setError(readFirstString(asRecord(e).message) || String(e));
       }
     })();
@@ -5437,11 +5705,35 @@ function WidgetView() {
     }
     setSessionExpired(null);
     setWidgetToken(nextToken);
+    setWidgetSessionContext(refreshed?.context ?? null);
     return {
       token: nextToken,
       expires_in: Number.isFinite(Number(refreshed?.expires_in)) && Number(refreshed?.expires_in) > 0 ? Number(refreshed?.expires_in) : void 0
     };
   }
+  function buildWidgetBridgeContext() {
+    const context = widgetSessionContext;
+    if (!context || !widgetToken) return null;
+    const matchingWidget = Array.isArray(xappDetail?.widgets) ? xappDetail.widgets.find((item) => String(item?.id || "") === String(widgetId || "")) : null;
+    return {
+      type: "XAPPS_WIDGET_CONTEXT",
+      token: widgetToken,
+      baseUrl: window.location.origin,
+      hostOrigin: window.location.origin,
+      installationId: context.installationId || String(installationId || ""),
+      clientId: context.clientId,
+      xappId: context.xappId || xappId,
+      subjectId: context.subjectId,
+      publisherUserId: null,
+      email: null,
+      bindToolName: readFirstString(
+        asRecord(matchingWidget).bind_tool_name,
+        asRecord(matchingWidget).bindToolName
+      ) || null,
+      theme: host.theme || null,
+      locale: context.locale || env?.locale || host.locale || null
+    };
+  }
   useEffect10(() => {
     return () => {
       for (const [, pending] of nestedExpandPendingRef.current) {
@@ -5725,8 +6017,9 @@ function WidgetView() {
       }
       if ((msgType === "XAPPS_WIDGET_CONTEXT_REQUEST" || msgType === "XAPPS_WIDGET_READY") && e.source === iframeRef.current?.contentWindow) {
         try {
+          const payload = buildWidgetBridgeContext();
           e.source?.postMessage(
-            {
+            payload || {
               type: "XAPPS_WIDGET_CONTEXT",
               locale: env?.locale || null
             },
@@ -5800,9 +6093,14 @@ function WidgetView() {
     return () => window.removeEventListener("message", handler);
   }, [
     widgetToken,
+    widgetSessionContext,
     installationId,
     widgetId,
+    xappDetail,
+    host,
+    xappId,
     env?.embedMode,
+    env?.locale,
     navigate,
     isEmbedded,
     tokenSearch,