Skip to content

Add credit requirements to seats checkout #392

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
alexkgold wants to merge 3 commits into
base: main
Choose a base branch
from
+50 −0
Open

Add credit requirements to seats checkout #392

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
150a5d3
fix: show dynamic tier/plan name in org dashboard welcome heading and…
alexkgold Feb 19, 2026
d525dc9
reorganize
alexkgold Feb 19, 2026
ad48cd2
Merge branch 'main' into need_to_buy_credits
alexkgold Feb 20, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
50 changes: 50 additions & 0 deletions src/components/organizations/UpgradeTrialDialog.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -140,6 +140,56 @@ export function UpgradeTrialDialog({
You'll be redirected to Stripe to complete your purchase
</p>
</div>

{/* Credit Options */}
<div className="rounded-lg border border-gray-700 bg-gray-800/50 p-4">
<h3 className="mb-3 text-center text-sm font-semibold text-white">
Credits are not included with your subscription. Choose the option that works best for
your team.
</h3>
<div className="grid grid-cols-1 gap-3 md:grid-cols-3">
{/* Kilo Pass */}
<div className="rounded-md border border-gray-600 bg-gray-900/50 p-3">
<h4 className="text-sm font-medium text-white">Kilo Pass</h4>
<p className="mt-1 text-xs text-gray-400">
Credit subscription with bonus credits.{' '}
<a
href="https://kilo.ai/features/kilo-pass"
target="_blank"
rel="noopener noreferrer"
className="text-blue-400 hover:underline"
>
Learn more
</a>
</p>
</div>

{/* Pay-as-you-go */}
<div className="rounded-md border border-gray-600 bg-gray-900/50 p-3">
<h4 className="text-sm font-medium text-white">Pay-as-you-go</h4>
<p className="mt-1 text-xs text-gray-400">
Purchase credits as needed. Only pay for what you use with no commitments.
</p>
</div>

{/* Bring Your Own Key */}
<div className="rounded-md border border-gray-600 bg-gray-900/50 p-3">
<h4 className="text-sm font-medium text-white">Bring Your Own Key</h4>
<p className="mt-1 text-xs text-gray-400">
Use API keys from your existing AI provider accounts.
</p>
</div>
</div>
</div>

<div className="text-center">
<a
href="mailto:sales@kilocode.ai"
className="text-sm text-gray-400 hover:text-blue-400"
>
Questions? Contact Support.
</a>
</div>
</div>
</DialogContent>
</Dialog>
Expand Down