@growth-operations/ui-shared 1.27.0 → 1.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@growth-operations/ui-shared",
-  "version": "1.27.0",
+  "version": "1.28.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,19 @@ 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 are gated PER ITEM (1.28.0): adminOnly items point at
+          // HubSpot permission-wall surfaces (the layout editor above all) —
+          // super admins only, since a non-admin clicking into a permission
+          // wall is worse than no link. Items marked adminOnly: false are
+          // per-user surfaces (install the Chrome extension, open the in-app
+          // extension page) and render for everyone. Old backends emit no
+          // marker → adminOnly defaults true → the blanket gate is preserved.
           //
           // "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.filter((c) => !c.adminOnly || isSuperAdmin);
           return (
             <Flex key={f.key} direction="column" gap="extra-small">
               <Text format={{ fontWeight: "demibold" }}>{f.name}</Text>

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: