From 0e1c719eef2178450c9abd0b432bb4c882125623 Mon Sep 17 00:00:00 2001
From: PostHog Code <code@posthog.com>
Date: Tue, 5 May 2026 15:17:27 +0000
Subject: [PATCH 1/2] fix(billing): clarify upgrade flow charge details

Adds the organization name and a note that the first charge is
prorated for the remainder of the current billing cycle so users
understand who is being charged, how, and why the first charge may
not be the full $200.

Generated-By: PostHog Code
Task-Id: dfb1cbbe-be34-4ef0-aadc-e75880db6019
---
 .../components/sections/PlanUsageSettings.tsx | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/apps/code/src/renderer/features/settings/components/sections/PlanUsageSettings.tsx b/apps/code/src/renderer/features/settings/components/sections/PlanUsageSettings.tsx
index 24879791d..fea690aef 100644
--- a/apps/code/src/renderer/features/settings/components/sections/PlanUsageSettings.tsx
+++ b/apps/code/src/renderer/features/settings/components/sections/PlanUsageSettings.tsx
@@ -353,8 +353,14 @@ export function PlanUsageSettings() {
         <Dialog.Content maxWidth="420px" size="2">
           <Dialog.Title className="text-base">Upgrade to Pro</Dialog.Title>
           <Dialog.Description color="gray" className="text-sm">
-            You are about to subscribe to the Pro plan. Your organization will
-            be charged $200/month starting immediately.
+            {seat?.organization_name ? (
+              <>
+                <Text weight="medium">{seat.organization_name}</Text> will be
+                charged $200/month using the payment method on file in PostHog.
+              </>
+            ) : (
+              "Your organization will be charged $200/month using the payment method on file in PostHog."
+            )}
           </Dialog.Description>
           <Flex direction="column" gap="2" mt="3">
             <Flex align="center" gap="2">
@@ -370,6 +376,19 @@ export function PlanUsageSettings() {
               <Text className="text-sm">All Claude and Codex models</Text>
             </Flex>
           </Flex>
+          <Flex
+            align="start"
+            gap="2"
+            mt="3"
+            p="3"
+            className="rounded-(--radius-2) bg-(--gray-2)"
+          >
+            <Info size={14} className="mt-[2px] shrink-0 text-(--gray-9)" />
+            <Text className="text-(--gray-11) text-[13px]">
+              Your first charge is prorated for the remainder of the current
+              billing cycle, then $200/month thereafter.
+            </Text>
+          </Flex>
           <Flex justify="end" gap="3" mt="4">
             <Dialog.Close>
               <Button variant="soft" color="gray" size="2">

From f3be456e94412089b1eb0f72627ba69d891f4095 Mon Sep 17 00:00:00 2001
From: PostHog Code <code@posthog.com>
Date: Tue, 5 May 2026 15:34:16 +0000
Subject: [PATCH 2/2] refactor(billing): dedupe upgrade dialog copy branches

Factor the shared sentence tail out of the conditional so only the
subject (org name vs. fallback) varies between branches.

Generated-By: PostHog Code
Task-Id: dfb1cbbe-be34-4ef0-aadc-e75880db6019
---
 .../components/sections/PlanUsageSettings.tsx         | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/apps/code/src/renderer/features/settings/components/sections/PlanUsageSettings.tsx b/apps/code/src/renderer/features/settings/components/sections/PlanUsageSettings.tsx
index fea690aef..1eb3f9753 100644
--- a/apps/code/src/renderer/features/settings/components/sections/PlanUsageSettings.tsx
+++ b/apps/code/src/renderer/features/settings/components/sections/PlanUsageSettings.tsx
@@ -354,13 +354,12 @@ export function PlanUsageSettings() {
           <Dialog.Title className="text-base">Upgrade to Pro</Dialog.Title>
           <Dialog.Description color="gray" className="text-sm">
             {seat?.organization_name ? (
-              <>
-                <Text weight="medium">{seat.organization_name}</Text> will be
-                charged $200/month using the payment method on file in PostHog.
-              </>
+              <Text weight="medium">{seat.organization_name}</Text>
             ) : (
-              "Your organization will be charged $200/month using the payment method on file in PostHog."
-            )}
+              "Your organization"
+            )}{" "}
+            will be charged $200/month using the payment method on file in
+            PostHog.
           </Dialog.Description>
           <Flex direction="column" gap="2" mt="3">
             <Flex align="center" gap="2">