update: reduce free credits for launch

Author: iamjr15

backend/services/dodopayments.py

@@ -88,9 +88,9 @@ def create_subscription_checkout(self,
 
         # Product mapping for plans
         product_mapping = {
-            'pro': 'pdt_1Jnk8U6d33BpgIHvLZRf4',        # Pro: $25/month
-            'premium': 'pdt_GAjFoFJyPVseIT8MrbLFL',     # Premium: $50/month
-            'byok': 'pdt_MdtvInruKkrwu5AjzP0ah'         # BYOK: $250/year
+            'pro': 'pdt_1Jnk8U6d33BpgIHvLZRf4',        # Pro: $18 one-time purchase
+            'premium': 'pdt_GAjFoFJyPVseIT8MrbLFL',     # Premium: $30 one-time purchase
+            'byok': 'pdt_MdtvInruKkrwu5AjzP0ah'         # BYOK: $9/month subscription
         }
 
         if plan_id not in product_mapping:

backend/utils/constants.py

@@ -8,39 +8,39 @@
         'name': 'Free',
         'price_inr': 0,
         'price_usd': 0,
-        'token_quota': 100000,      # ~20 typical conversations
-        'display_credits': 20,      # User sees "20 credits/month"
-        'daily_refills_max': 4,     # Maximum 4 refills per month
-        'credits_per_refill': 5,    # 5 credits per daily refill
-        'features': ['5 credits daily (up to 20/month)', '1 deployed website', 'Community support'],
-        'description': '5 credits daily (up to 20 credits/month) - Perfect for getting started'
+        'token_quota': 25000,       # ~5 typical conversations
+        'display_credits': 5,       # User sees "5 credits"
+        'daily_refills_max': 0,     # No daily refills - all credits available at once
+        'credits_per_refill': 0,    # No refills
+        'features': ['5 credits/month', '1 deployed website', 'Community support'],
+        'description': '5 credits/month - Perfect for getting started'
     },
     'pro': {
         'name': 'Pro', 
         'price_inr': 149900,        # ₹1499 (in paisa)
         'price_usd': 1800,          # $18 (in cents)
         'token_quota': 750000,      # ~150 typical conversations 
-        'display_credits': 150,     # User sees "150 credits/month"
+        'display_credits': 150,     # User sees "150 credits"
         'features': ['Priority Support', 'All Models', 'Advanced Features'],
-        'description': '150 credits/month - Great for regular users'
+        'description': '150 credits included - Great for regular users'
     },
     'premium': {
         'name': 'Premium',
         'price_inr': 259900,        # ₹2599 (in paisa)
         'price_usd': 3000,          # $30 (in cents)
         'token_quota': 1250000,     # ~250 typical conversations
-        'display_credits': 250,     # User sees "250 credits/month"
+        'display_credits': 250,     # User sees "250 credits"
         'features': ['Priority Support', 'All Models + Beta', 'Advanced Analytics'],
-        'description': '250 credits/month - Perfect for power users'
+        'description': '250 credits included - Perfect for power users'
     },
     'byok': {
         'name': 'BYOK',
-        'price_inr': 1299500,       # ₹12995 (in paisa) - Annual pricing 
-        'price_usd': 10800,         # $108 (in cents) - Annual pricing
+        'price_inr': 109900,        # ₹1099 (in paisa) - Monthly pricing 
+        'price_usd': 900,           # $9 (in cents) - Monthly pricing
         'token_quota': -1,          # Unlimited
         'display_credits': -1,      # "Unlimited"
         'features': ['Bring Your Own OpenRouter Key', 'Unlimited Usage', 'Real Cost Pricing', 'Dedicated Support'],
-        'description': 'Bring your own OpenRouter API key - $9/month billed annually ($108/year)'
+        'description': 'Bring your own OpenRouter API key - $9/month subscription'
     }
 }
 

frontend/src/app/(home)/projects/[projectId]/thread/_contexts/ThreadActionsContext.tsx

@@ -245,7 +245,7 @@ export function ThreadActionsProvider({ children }: ThreadActionsProviderProps)
           setBillingData({
             currentUsage: err.detail.currentUsage as number | undefined,
             limit: err.detail.limit as number | undefined,
-            message: err.detail.message || 'Monthly usage limit reached. Please upgrade.',
+            message: err.detail.message || 'Credit limit reached. Please buy more credits.',
             accountId: project?.account_id || null
           });
           setShowBillingAlert(true);

frontend/src/components/billing/DailyRefillsMeter.tsx

@@ -21,20 +21,21 @@ export function DailyRefillsMeter({
 }: DailyRefillsMeterProps) {
   const { planName, rawCreditsTotal, rawCreditsRemaining } = useBilling();
 
-  // Only show for free users
+  // Don't show daily refills meter for free users anymore since they get credits upfront
+  // This component is now only for paid plans with actual daily refill systems (if any)
   const isFreeUser = planName?.toLowerCase() === 'free' || !planName;
 
-  if (!isFreeUser) {
+  if (isFreeUser) {
     return null;
   }
 
   // Calculate refills used this month
-  // Each refill = 5 credits, max 4 refills = 20 credits total
-  const maxRefills = 4;
-  const creditsPerRefill = 5;
+  // Each refill = 1 credit, max 5 refills = 5 credits total
+  const maxRefills = 5;
+  const creditsPerRefill = 1;
 
   // Calculate how many refills have been used based on total credits given vs remaining
-  const creditsUsed = (rawCreditsTotal || 20) - (rawCreditsRemaining || 20);
+  const creditsUsed = (rawCreditsTotal || 5) - (rawCreditsRemaining || 5);
   const refillsUsed = Math.min(Math.ceil(creditsUsed / creditsPerRefill), maxRefills);
   const refillsRemaining = maxRefills - refillsUsed;
 
@@ -55,10 +56,10 @@ export function DailyRefillsMeter({
         <span>Daily Refills</span>
       </div>
       <ul className="text-sm space-y-1 text-foreground/90">
-        <li className="flex items-start gap-2"><CheckCircle className="h-4 w-4 text-emerald-400 mt-0.5" /> <span>5 credits added each day (up to 4×/month)</span></li>
+        <li className="flex items-start gap-2"><CheckCircle className="h-4 w-4 text-emerald-400 mt-0.5" /> <span>1 credit added each day (up to 5×/month)</span></li>
         <li className="flex items-start gap-2"><CheckCircle className="h-4 w-4 text-emerald-400 mt-0.5" /> <span>Refills reset at midnight</span></li>
-        <li className="flex items-start gap-2"><CheckCircle className="h-4 w-4 text-emerald-400 mt-0.5" /> <span>Unused refills don’t carry over</span></li>
-        <li className="flex items-start gap-2"><CheckCircle className="h-4 w-4 text-emerald-400 mt-0.5" /> <span>Maximum 20 credits per month</span></li>
+        <li className="flex items-start gap-2"><CheckCircle className="h-4 w-4 text-emerald-400 mt-0.5" /> <span>Unused refills don't carry over</span></li>
+        <li className="flex items-start gap-2"><CheckCircle className="h-4 w-4 text-emerald-400 mt-0.5" /> <span>Maximum 5 credits per month</span></li>
       </ul>
       {refillsRemaining > 0 ? (
         <div className="text-sm bg-blue-600/15 border border-blue-400/30 text-blue-100 p-3 rounded-md">
@@ -68,7 +69,7 @@ export function DailyRefillsMeter({
       ) : (
         <div className="text-sm bg-amber-600/15 border border-amber-400/30 text-amber-100 p-3 rounded-md">
           <div className="font-medium">Monthly limit reached</div>
-          <div>You've used all 4 daily refills this month. Upgrade for more credits.</div>
+          <div>You've used all 5 daily refills this month. Buy credits for unlimited usage.</div>
         </div>
       )}
     </div>

frontend/src/components/billing/UpgradePrompt.tsx

@@ -153,7 +153,9 @@ export function UpgradePrompt({ trigger, autoOpen = false, onClose }: UpgradePro
                   </div>
                   <div className="text-sm text-muted-foreground">
                     <Zap className="h-4 w-4 inline mr-1" />
-                    {plan.display_credits} credits/month
+                    {plan.name.toLowerCase() === 'free' ? `${plan.display_credits} credits/month` : 
+                     plan.name.toLowerCase().includes('byok') ? 'Unlimited credits' :
+                     `${plan.display_credits} credits included`}
                   </div>
                 </CardHeader>
 
@@ -195,7 +197,7 @@ export function UpgradePrompt({ trigger, autoOpen = false, onClose }: UpgradePro
 
         <div className="text-center text-xs text-muted-foreground mt-4">
           <p>All plans include a 30-day money-back guarantee.</p>
-          <p>Credits reset monthly on your billing date.</p>
+          <p>Pro/Premium credits never expire. Free credits reset monthly.</p>
         </div>
       </div>
     </DialogContent>

frontend/src/components/billing/billing-modal.tsx

@@ -58,7 +58,7 @@ export function BillingModal({ open, onOpenChange, returnUrl = window?.location?
                                 <div className="rounded-lg border bg-background p-4">
                                     <div className="flex justify-between items-center">
                                         <span className="text-sm font-medium text-foreground/90">
-                                            Agent Usage This Month
+                                            Agent Usage
                                         </span>
                                         <span className="text-sm font-medium">
                                             ${subscriptionData.current_usage?.toFixed(2) || '0'} /{' '}

frontend/src/components/billing/billing-pricing-section.tsx

@@ -20,28 +20,27 @@ import { Badge } from '@/components/ui/badge';
 import { PlanDetails } from '@/lib/api';
 import { LocalizedPrice } from 'react-currency-localizer';
 
-type FREQUENCY = 'monthly' | 'yearly';
-
-interface BillingPlan {
+interface RawPlan {
 	name: string;
 	info: string;
-	price: {
-		monthly: number;
-		yearly: number;
-	};
+	price: number | { monthly: number };
 	features: {
 		text: string;
 		tooltip?: string;
 	}[];
+	credits: number;
+	planId: string;
+	highlighted?: boolean;
+}
+
+interface BillingPlan extends RawPlan {
 	btn: {
 		text: string;
 		href?: string;
 		onClick?: () => void;
 	};
-	highlighted?: boolean;
 	isCurrentPlan?: boolean;
 	isUpgrading?: boolean;
-	credits: number;
 }
 
 interface BillingPricingSectionProps extends React.ComponentProps<'div'> {
@@ -62,7 +61,7 @@ export function BillingPricingSection({
 	description,
 	...props
 }: BillingPricingSectionProps) {
-	const [frequency, setFrequency] = React.useState<'monthly' | 'yearly'>('monthly');
+
 	const [upgradingPlan, setUpgradingPlan] = useState<string | null>(null);
 
 	const { getToken, isSignedIn } = useAuth();
@@ -115,26 +114,26 @@ export function BillingPricingSection({
 	const getStaticPricingPlans = (): BillingPlan[] => {
 		const currentPlan = planName?.toLowerCase();
 
-		const plans = [
+		const plans: RawPlan[] = [
 			{
 				name: 'Free',
 				info: 'Perfect for getting started',
-				price: { monthly: 0, yearly: 0 },
+				price: 0,
 				features: [
-					{ text: '5 credits daily (up to 20 credits/month)', tooltip: 'Daily credit allocation with monthly cap' },
+					{ text: '5 credits/month', tooltip: 'Monthly credit allocation - use anytime' },
 					{ text: '1 deployed website', tooltip: 'Host one website for free' },
 					{ text: 'Community support', tooltip: 'Access to community forums and documentation' },
 				],
-				credits: 20,
+				credits: 5,
 				planId: 'free'
 			},
 			{
 				name: 'Pro',
 				info: 'Best for growing developers',
-				price: { monthly: 18, yearly: 180 }, // USD prices
+				price: 18, // USD price - one-time purchase
 				features: [
 					{ text: 'Everything in Free' },
-					{ text: '150 credits/month', tooltip: 'Monthly credit allocation for AI operations' },
+					{ text: '150 credits included', tooltip: 'One-time credit purchase - credits never expire' },
 					{ text: '10 deployed websites', tooltip: 'Host up to 10 websites' },
 					{ text: 'Custom domains', tooltip: 'Use your own domain names' },
 					{ text: 'Codebase download', tooltip: 'Download your generated code' },
@@ -146,10 +145,10 @@ export function BillingPricingSection({
 			{
 				name: 'Premium',
 				info: 'For professional developers',
-				price: { monthly: 30, yearly: 300 }, // USD prices
+				price: 30, // USD price - one-time purchase
 				features: [
 					{ text: 'Everything in Pro' },
-					{ text: '250 credits/month', tooltip: 'Monthly credit allocation for AI operations' },
+					{ text: '250 credits included', tooltip: 'One-time credit purchase - credits never expire' },
 					{ text: '25 deployed websites', tooltip: 'Host up to 25 websites' },
 					{ text: 'Priority support', tooltip: '24/7 email and chat support' },
 				],
@@ -159,7 +158,7 @@ export function BillingPricingSection({
 			{
 				name: 'Bring Your Own Key (BYOK)',
 				info: 'Ultimate flexibility',
-				price: { monthly: 9, yearly: 108 }, // USD prices
+				price: { monthly: 9 }, // USD price - monthly subscription only
 				features: [
 					{ text: 'API cost paid directly to LLM provider', tooltip: 'Pay OpenAI/Anthropic directly, no markup' },
 					{ text: '100 deployed websites', tooltip: 'Host up to 100 websites' },
@@ -182,8 +181,9 @@ export function BillingPricingSection({
 				const getButtonText = () => {
 					if (isCurrentPlan) return 'Current Plan';
 					if (isUpgrading) return 'Processing...';
-					if (plan.price.monthly === 0) return 'Get Started';
-					return 'Upgrade';
+					if (typeof plan.price === 'number' && plan.price === 0) return 'Get Started';
+					if (plan.planId === 'byok') return 'Subscribe';
+					return 'Buy Credits';
 				};
 
 				return {
@@ -199,6 +199,7 @@ export function BillingPricingSection({
 					isCurrentPlan,
 					isUpgrading,
 					credits: plan.credits,
+					planId: plan.planId,
 				};
 			});
 	};
@@ -237,7 +238,6 @@ export function BillingPricingSection({
                         {plans.filter(plan => !plan.name.includes('BYOK')).map((plan) => (
                             <BillingPricingCard 
                                 plan={plan}
-                                frequency={frequency}
                                 insideDialog={insideDialog}
                                 isByokPlan={false}
                                 key={plan.name} 
@@ -249,7 +249,6 @@ export function BillingPricingSection({
                         <div key={plan.name} className="mx-auto w-full max-w-6xl mt-4 md:mt-6 grid grid-cols-1 lg:grid-cols-2 gap-4">
                             <BillingPricingCard 
                                 plan={plan}
-                                frequency={frequency}
                                 insideDialog={insideDialog}
                                 isByokPlan={true}
                             />
@@ -282,7 +281,6 @@ export function BillingPricingSection({
 				{plans.filter(plan => !plan.name.includes('BYOK')).map((plan) => (
 					<BillingPricingCard 
 						plan={plan}
-						frequency={frequency}
 						insideDialog={insideDialog}
 						isByokPlan={false}
 						key={plan.name} 
@@ -294,7 +292,6 @@ export function BillingPricingSection({
 					{plans.filter(plan => plan.name.includes('BYOK')).map((plan) => (
 						<BillingPricingCard 
 							plan={plan}
-							frequency={frequency}
 							insideDialog={insideDialog}
 							isByokPlan={true}
 							key={plan.name} 
@@ -310,7 +307,6 @@ export function BillingPricingSection({
 
 type BillingPricingCardProps = React.ComponentProps<'div'> & {
 	plan: BillingPlan;
-	frequency?: FREQUENCY;
 	insideDialog?: boolean;
 	isByokPlan?: boolean;
 };
@@ -330,7 +326,6 @@ const Step = ({ number, children }: { number: number; children: React.ReactNode
 export function BillingPricingCard({
 	plan,
 	className,
-	frequency = 'monthly',
 	insideDialog = false,
 	isByokPlan = false,
 	...props
@@ -378,12 +373,12 @@ export function BillingPricingCard({
 				<p className="text-muted-foreground text-sm font-normal">{plan.info}</p>
 
 				<div className="mt-2 flex items-end gap-1">
-					{plan.price[frequency] === 0 ? (
+					{(typeof plan.price === 'number' && plan.price === 0) ? (
 						<span className="text-3xl font-bold">Free</span>
 					) : (
 						<>
 							<LocalizedPrice 
-								basePrice={isByokPlan ? plan.price.monthly : plan.price[frequency]}
+								basePrice={typeof plan.price === 'number' ? plan.price : plan.price.monthly}
 								baseCurrency="USD"
 								apiKey={process.env.NEXT_PUBLIC_EXCHANGE_API_KEY || ''}
 								formatPrice={(price, currency) => (
@@ -395,31 +390,30 @@ export function BillingPricingCard({
 									</span>
 								)}
 							/>
-                            <span className={cn('text-muted-foreground', insideDialog && 'text-sm')}>
-								{isByokPlan 
-									? '/month' 
-									: `/${frequency === 'monthly' ? 'month' : 'year'}`
-								}
-							</span>
+                            {isByokPlan && (
+								<span className={cn('text-muted-foreground', insideDialog && 'text-sm')}>
+									/month
+								</span>
+							)}
 						</>
 					)}
 				</div>
 
 				{isByokPlan && (
 					<div className="mt-1">
 						<Badge variant="secondary" className="text-xs">
-							Paid Annually
+							Monthly Subscription
 						</Badge>
 					</div>
 				)}
 
 				{plan.credits !== 0 && (
 					<div className="mt-2 flex items-center gap-2 text-sm text-muted-foreground">
 						<Zap className="h-4 w-4 text-blue-500" />
-						<span>
-							{plan.credits === -1 ? 'Unlimited' : plan.credits} 
-							{plan.credits === -1 ? ' credits' : ' credits/month'}
-						</span>
+											<span>
+						{plan.credits === -1 ? 'Unlimited' : plan.credits} 
+						{plan.planId === 'free' ? ' credits/month' : plan.credits === -1 ? ' credits' : ' credits'}
+					</span>
 					</div>
 				)}
 			</div>
@@ -474,7 +468,7 @@ export function BillingPricingCard({
 				>
 					<span className="flex items-center justify-center space-x-2">
 						<span>{plan.btn.text}</span>
-						{!plan.isCurrentPlan && !plan.isUpgrading && plan.price.monthly > 0 && (
+						{!plan.isCurrentPlan && !plan.isUpgrading && ((typeof plan.price === 'number' && plan.price > 0) || (typeof plan.price === 'object' && plan.price.monthly > 0)) && (
 							<ArrowRight className="h-4 w-4" />
 						)}
 					</span>