@growth-operations/ui-shared 1.27.0 → 1.29.0

package/package.json

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

package/src/home/FeatureUsage.jsx

@@ -61,16 +61,25 @@ function RecommendedTile({ notInUse, isSuperAdmin, onNavigate }) {
       <Flex direction="column" gap="small">
         <Text format={{ fontWeight: "bold" }}>Recommended to explore</Text>
         {picks.map((f) => {
-          // Setup CTAs point at admin-only surfaces (the layout editor above
-          // all) — show them to super admins only; everyone else gets name +
-          // rationale alone (a non-admin clicking into a HubSpot permission
-          // wall is worse than no link).
+          // Setup CTAs render for EVERYONE (1.29.0, Jasper 2026-10-14: "why
+          // gate so much on super admin?"). The old blanket super-admin gate
+          // assumed the targets were admin-only surfaces — but HubSpot
+          // permissions are granular (CRM customization ≠ super admin), and
+          // hiding the CTA kept non-admins from even knowing what to ask
+          // their admin for. adminOnly items instead carry a "(Super Admin)"
+          // hint for non-admin viewers, so the permission wall is never a
+          // blind click. The adminOnly marker still distinguishes the two
+          // surface kinds; old backends emit no marker → every item gets the
+          // hint for non-admins (conservative, and matches the old gate's
+          // assumption that the targets are admin surfaces).
           //
           // "Learn more →" (docs_url) intentionally NOT rendered (Jasper
           // 2026-10-14): every feature's docs_url points at the same single
           // setup guide — noise until per-feature articles exist. docs_url
           // stays in the wire contract; re-enabling is a one-line revert.
-          const ctas = isSuperAdmin ? f.ctas : [];
+          const ctas = f.ctas;
+          const hint = (c) =>
+            c.adminOnly && !isSuperAdmin ? " (Super Admin)" : "";
           return (
             <Flex key={f.key} direction="column" gap="extra-small">
               <Text format={{ fontWeight: "demibold" }}>{f.name}</Text>
@@ -78,7 +87,8 @@ function RecommendedTile({ notInUse, isSuperAdmin, onNavigate }) {
               {ctas.map((cta) =>
                 cta.url ? (
                   <Link key={cta.label} href={{ url: cta.url, external: true }}>
-                    {cta.label} →
+                    {cta.label}
+                    {hint(cta)} →
                   </Link>
                 ) : onNavigate ? (
                   <Button
@@ -87,6 +97,7 @@ function RecommendedTile({ notInUse, isSuperAdmin, onNavigate }) {
                     onClick={() => onNavigate(cta.route)}
                   >
                     {cta.label}
+                    {hint(cta)}
                   </Button>
                 ) : null
               )}

package/src/lib/featureUsage.js

@@ -18,13 +18,17 @@ const normalizeUnit = (u) =>
 // One well-formed setup CTA is {label: non-empty string, url XOR route:
 // non-empty string}. Anything else (missing label, both targets, neither
 // target, wrong types) is dropped — a malformed item never renders.
+// admin_only (1.28.0): an explicit false marks a per-user surface (installing
+// the Chrome extension) that renders for EVERYONE; a missing marker means
+// admin-only, so old backends keep the blanket super-admin gate.
 const normalizeCta = (c) => {
   if (!c || typeof c !== "object") return null;
   const label = typeof c.label === "string" && c.label ? c.label : null;
   const url = typeof c.url === "string" && c.url ? c.url : null;
   const route = typeof c.route === "string" && c.route ? c.route : null;
   if (!label || !(url || route) || (url && route)) return null;
-  return url ? { label, url } : { label, route };
+  const adminOnly = c.admin_only !== false;
+  return { label, ...(url ? { url } : { route }), adminOnly };
 };
 
 // Resolve the feature_usage block into render-ready shape: