From 590c2ab2e259343ba4f77b36226c089561d488a8 Mon Sep 17 00:00:00 2001
From: Antoine Clausse <antoine.clausse@overleaf.com>
Date: Tue, 5 May 2026 11:25:59 +0200
Subject: [PATCH] [web] Fix AI quota paywall upgrade CTA to use interstitial
 page (#33376)

* Update hrefs

* Revert link on expired subscriptions

* Revert hrefs of other buttons

* Use `plans-2026-phase-1` feature flag

GitOrigin-RevId: 3fe489c6ec192adc2fb836b07429dc2a11f9a57f
---
 .../ide-react/components/toolbar/upgrade-button.tsx       | 8 +++++++-
 .../subscription/components/dashboard/states/expired.tsx  | 7 ++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/services/web/frontend/js/features/ide-react/components/toolbar/upgrade-button.tsx b/services/web/frontend/js/features/ide-react/components/toolbar/upgrade-button.tsx
index 781f177709..641e5bc63f 100644
--- a/services/web/frontend/js/features/ide-react/components/toolbar/upgrade-button.tsx
+++ b/services/web/frontend/js/features/ide-react/components/toolbar/upgrade-button.tsx
@@ -1,6 +1,7 @@
 import { useTranslation } from 'react-i18next'
 import * as eventTracking from '../../../../infrastructure/event-tracking'
 import OLButton from '@/shared/components/ol/ol-button'
+import { useFeatureFlag } from '@/shared/context/split-test-context'
 
 export default function UpgradeButton({
   className = '',
@@ -12,6 +13,7 @@ export default function UpgradeButton({
   source?: string
 }) {
   const { t } = useTranslation()
+  const plans2026 = useFeatureFlag('plans-2026-phase-1')
 
   function handleClick() {
     eventTracking.send('subscription-funnel', source, 'upgrade')
@@ -23,7 +25,11 @@ export default function UpgradeButton({
       <OLButton
         variant="premium"
         size="sm"
-        href={`/user/subscription/plans?itm_referrer=${referrer}`}
+        href={
+          plans2026
+            ? `/user/subscription/choose-your-plan?itm_referrer=${referrer}`
+            : `/user/subscription/plans?itm_referrer=${referrer}`
+        }
         target="_blank"
         rel="noreferrer"
         onClick={handleClick}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/expired.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/expired.tsx
index 61a3bdde6e..31b424b1ca 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/states/expired.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/expired.tsx
@@ -22,7 +22,12 @@ export function ExpiredSubscription({
         >
           {t('view_your_invoices')}
         </OLButton>
-        <OLButton href="/user/subscription/plans" variant="primary">
+        <OLButton
+          // We need to send users to the public plans page because the
+          // choose-your-plan still redirects them away in this expired state
+          href="/user/subscription/plans"
+          variant="primary"
+        >
           {t('create_new_subscription')}
         </OLButton>
       </p>