Add Premium upsell card to group access tokens page

David Hamp-Gonsalvesrequested to merge
607721-gat-premium-upsell into master

Context

Free-tier group Owners who open Settings > Access Tokens currently hit a read-only view with only a small notice explaining that token creation is disabled. Group access tokens are a paid (Premium/Ultimate) feature, so this MR turns that dead-end into a helpful upsell for Growth / Acquisition.

What this MR does

  • Replaces the disabled-tokens notice with a feature-discovery card titled "Try group access tokens with Premium" for Free-tier group Owners on SaaS.
  • The card explains that group access token creation is not available on GitLab Free and links "Group access token" to the docs.
  • Provides two CTAs:
    • "Upgrade to Premium" (primary button) — redirects to the Customers Portal purchase flow for Premium.
    • "Explore plans" (default button) — redirects to the group billing page. Per the Figma design and the issue spec, this uses the default/primary variant (a bordered button that reads as visually secondary to the primary confirm button).
  • Includes a subtitle: "You can still manage existing tokens."
  • All CTAs (Upgrade, Explore plans, docs link) fire internal tracking events.
  • Existing token management tables are unchanged.

Implementation notes

  • New EE ViewComponent: GitlabSubscriptions::AccessTokens::GroupPremiumOfferComponent with accompanying HAML template.
  • Helper show_group_access_tokens_premium_offer? (CE returns false; EE override checks: feature flag enabled, SaaS instance, Free root namespace, user can read billing, and user cannot create tokens).
  • Rendered via render_if_exists partial so FOSS is unaffected.
  • Three internal event definitions under ee/config/events/.
  • Component and helper specs added; haml-lint and RuboCop pass; gettext strings regenerated.

Feature flag

group_access_tokens_premium_offer (type: gitlab_com_derisk, default off, milestone 19.4).

Rollout issue: #618750

Enable locally with: Feature.enable(:group_access_tokens_premium_offer)

Screenshots

Before After
before after

How to test

  1. Enable the feature flag: Feature.enable(:group_access_tokens_premium_offer)
  2. Sign in as an Owner of a Free group on a SaaS or GITLAB_SIMULATE_SAAS instance.
  3. Navigate to the group's Settings > Access Tokens page.
  4. Verify the card appears with working "Upgrade to Premium," "Explore plans," and docs links.
  5. Disable the flag and confirm the old notice appears instead.

Related

Work item: https://gitlab.com/gitlab-org/gitlab/-/work_items/607721 · Rollout issue: #618750

Edited by David Hamp-Gonsalves

Merge request reports