@growth-operations/ui-shared 1.37.1 → 1.37.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@growth-operations/ui-shared",
-  "version": "1.37.1",
+  "version": "1.37.3",
   "description": "Shared HubSpot UI-extension modules (Home, Billing) for Growth Operations apps.",
   "license": "MIT",
   "private": false,

package/src/home/AppHome.jsx

@@ -35,8 +35,10 @@ function ArchetypeTile({ state }) {
 //                          + <PlanFitBanner> (upgrade_recommended only)
 //                          + <OnboardingChecklist> (only if not complete)
 //                          + the archetype activity tile (sync_pulse)
-//                          + <PeriodComparison> (post-checklist, when the
-//                            backend has a full closed period)
+//                          + the period chart (ungated since 2026-11-12:
+//                            PeriodComparison when the backend has a full
+//                            closed period, or the self-fetching
+//                            BillingPeriodUsage explorer with usageExplorer)
 //                          + <FeatureUsage> (once the non-billing setup steps
 //                            are done; needs the backend's state.feature_usage
 //                            block)
@@ -129,27 +131,26 @@ export function AppHome({ state, onNavigate, appName, onRetry, helpfulLinks, usa
           usageExplorer hosts get the billing-period explorer instead (it
           self-fetches, so it renders its own empty state rather than gating
           on a closed period).
-          Gated on setupStepsComplete, NOT onboardingComplete — Andrew
-          2026-11-11: the paid-gated "Choose a plan" step keeps
-          onboarding.complete false for every free/trial install, so gating on
-          it hid the per-action usage breakdown from exactly the trial
-          audience asking for it (LIA trial portal never saw the explorer;
-          paid ATS demo did). Same trap the FeatureUsage gate below calls
-          out — the chart gets the same treatment. */}
-      {setupStepsComplete &&
-        (usageExplorer ? (
-          <BillingPeriodUsage
-            context={usageExplorer.context}
-            basePath={usageExplorer.basePath}
-            portalId={usageExplorer.portalId}
-            appName={appName}
-            title="Usage over time"
-            titleAs="text"
-            showStats={false}
-          />
-        ) : (
-          <PeriodComparison state={state} />
-        ))}
+          UNGATED — Jasper 2026-11-12: gating on setupStepsComplete still hid
+          the chart from trial installs with an open workflow step (LIA trial
+          portal 52109545, "Get started 1 of 3"), and the explorer's own empty
+          state ("No usage in this window") is the right thing to show there,
+          not nothing. The paid-step trap this gate grew out of (Andrew
+          2026-11-11) is moot once there's no gate. FeatureUsage below keeps
+          the setupStepsComplete gate. */}
+      {usageExplorer ? (
+        <BillingPeriodUsage
+          context={usageExplorer.context}
+          basePath={usageExplorer.basePath}
+          portalId={usageExplorer.portalId}
+          appName={appName}
+          title="Usage over time"
+          titleAs="text"
+          showStats={false}
+        />
+      ) : (
+        <PeriodComparison state={state} />
+      )}
 
       {/* Most used / recommended-to-explore (state.feature_usage) — renders
           nothing on backends without the block or for legacy installs. Gated

package/src/lib/creditDisplay.js

@@ -383,7 +383,7 @@ function trialStateOf(ent, { appName } = {}) {
       // clockless free accounts keep the generic pre-top-up line.
       liveClock: daysLeft != null,
       title: "You're out of credits",
-      body: `You have used ${used}/${granted} free credits. Select one of the plans below to continue use of ${name}.`,
+      body: `You have used ${used}/${granted} free credits. Select a paid plan to continue use of ${name}.`,
     };
   }
   if (daysLeft != null) {
@@ -397,9 +397,10 @@ function trialStateOf(ent, { appName } = {}) {
 }
 
 // Trial states map onto the banner shape with the shared support footer and a
-// Billing-tab CTA (the copy asks for a plan; on non-Home pages nothing is
-// "below", so the button routes to the picker). out-of-credits/trial-ended
-// are RED (they stop the app), trial-active is YELLOW — Andrew 2026-10-13.
+// Billing-tab CTA (the copy asks for "a paid plan" — never "below": on Home
+// there are no plans below the banner — so the button routes to the picker).
+// out-of-credits/trial-ended are RED (they stop the app), trial-active is
+// YELLOW — Andrew 2026-10-13.
 const TRIAL_STATE_VARIANT = {
   out_of_credits: "error",
   trial_ended: "error",