apps/web/app/routes/pricing.tsx · flagon-io/g1t

body: "Every sandbox second, build and app request costs g1t money at Cloudflare. Each is metered and charged at that cost plus 20%, from the first second and the first request. Models are charged at the provider's price with no markup, plus a flat agent rate per million tokens for what g1t adds around them, from prepaid AI credit. Use a little, pay a little.",

84

},

85

{

86

title: "Prices follow costs, by themselves",

87

body: "Model runs are charged at what Cloudflare's AI Gateway priced each request at, so a provider's price change reaches you the same day. Every day, sandbox, build and app costs are checked against what Cloudflare billed g1t; when one moves, its price moves with it, and the change is listed below. The rest are Cloudflare's published prices, marked as such.",

88

},

89

{

90

title: "The 20% is the overhead",

91

body: "It pays for running g1t and for building and keeping up the features you use. The same 20% on everything but models, whose overhead is the agent rate, and nothing bundled in.",

92

},

93

{

94

title: "No seats, ever",

95

body: "Add as many people and agents as you like. A workspace pays one flat price for the plan, and for what it uses past what the plan includes.",

},

];

/** One row of the free-and-plan table. */

100

type Row = { what: string; free: string; plan: string; note?: string };

101

102

function rows(tier: Required<FreeTier>): Row[] {

return [

{

what: "The forge",

free: "Free",

plan: "Included",

note: "Public and private repositories, issues, pull requests, reviews, protected branches, code owners, search and Explore.",

109

},

110

{

111

what: "Agents, checks, workflows, merge queue",

112

free: "After a card check: the trial, and the open-source pool for checks, workflows and the merge queue on public repositories",

113

plan: "From the plan's included usage, then at cost plus 20%",

114

},

115

{

116

what: "Projects and previews",

117

free: "Not available: deployments run on g1t's machines",

118

plan: "Unlimited, and never charged for. An app no one visits costs nothing.",

},

{

what: "Deployments",

free: "Not available",

123

plan: "Builds by the second, app requests, CPU time and custom domains, each from the first at cost plus 20%",

124

},

125

{

126

what: "Semantic search",

127

free: "After a card check, from the trial",

128

plan: "From the plan's included usage, then at cost plus 20%",

129

},

130

{

131

what: "Private storage",

132

free: `${gigabytes(tier.freePrivateStorageBytes)}, never charged. Past it, pushes to private repositories stop until you make room or start the plan.`,

133

plan: `${gigabytes(tier.freePrivateStorageBytes)} free, then at cost plus 20%. Pushes never stop.`,

134

note: "Public repositories are never charged for storage.",

135

},

136

{

137

what: "Git operations",

138

free: `${count(tier.gitOperationsIncluded)} a month, never charged. Past it, slowed to 60 an hour until the month turns.`,

139

plan: `${count(tier.gitOperationsIncluded)} a month free, then at cost plus 20%. Never slowed.`,

140

note: "Clones, fetches and pushes through g1t.",

141

},

142

{

143

what: "Actions cache",

144

free: "2 GiB an entry and 10 GiB a repository, never charged",

145

plan: "The same limits, with what it stores at cost plus 20%",

},

{

what: "Audit log",

free: `${tier.auditRetentionDays} days, with export`,

150

plan: `${tier.planAuditRetentionDays} days, with export`,

151

note: "Longer by arrangement. Older entries are deleted each day.",

152

},

153

{

154

what: "Secret scanning, push protection, vulnerability alerts, security updates",

155

free: "Included",

156

plan: "Included",

157

note: "Custom patterns, validity checks, code scanning, dependency review and the security overview on private repositories are the Security and quality activation. On public repositories they are free.",

158

},

159

{ what: "Single sign-on", free: "On every plan, once it is built", plan: "On every plan, once it is built" },

160

{ what: "Members", free: "Unlimited", plan: "Unlimited" },

161

{

162

what: "Usage past what is included",

163

free: "Not possible: a free workspace never runs up a bill",

164

plan: "Charged at cost plus 20%, up to a spend limit you set. No quotas: only your limit stops anything.",

},

];

}

export default function Pricing({ loaderData }: Route.ComponentProps) {

170

const { book, free } = loaderData;

171

const checked = book?.prices.map((p) => p.checkedAt).filter((at): at is string => !!at).sort().at(-1);

172

const given = Object.fromEntries(Object.entries(book?.free ?? {}).filter(([, value]) => value != null));

173

const tier: Required<FreeTier> = { ...DEFAULT_FREE, ...given };

174

const plan = book?.plans?.find((p) => p.feature === "plan") ?? DEFAULT_PLAN;

175

// The Security and quality activation, as the price book prices it.

176

const securityPlan = book?.plans?.find((p) => p.feature === "security") ?? null;

177

const price = plan.monthlyCents / 100;

178

const dollars = wholeDollars;

179

return (

180

181

<p className="text-sm font-medium text-accent">Pricing</p>

182

<h1 className="mt-2 text-3xl font-semibold tracking-tight sm:text-4xl">One plan, and usage at cost plus 20%</h1>

183

184

The forge is free for everyone. Work that runs on g1t's machines is metered at what it costs g1t, plus 20%. The

185

numbers on this page are the live price book g1t charges from.

</p>

{free && (

<span className="font-medium">Free while g1t is being built out.</span>{" "}

190

<span className="text-muted">Usage is recorded at these prices but not charged for now. The plan is charged.</span>

</div>

)}

<h2 className="text-xl font-semibold tracking-tight">{plan.title}</h2>

197

<p>

198

<span className="text-3xl font-semibold tabular-nums">${price}</span>{" "}

199

<span className="text-sm text-muted">a month per workspace</span>

</p>

</div>

{plan.includes.map((line) => (

✓

</span>

{line}

</li>

))}

</ul>

<p className="mt-3 text-xs text-faint">{plan.overage}</p>

213

214

<div>

215

<p className="font-medium">Where the ${price} goes</p>

216

217

$10 comes back to you as usage: agents, sandboxes, builds and deployments at cost plus 20%, used before

218

anything else. The other $10 pays for running g1t, the free forge for everyone, and the people building it.

</p>

</div>

<div>

<p className="font-medium">No quotas</p>

223

224

No count of projects, previews, builds, requests or git operations ever stops a workspace on the plan. Past

225

the $10, usage is charged at cost plus 20%, and only your spend limit stops it. Unused included usage does

not roll over.

</p>

</div>

</div>

<p className="mt-5 text-sm text-muted">An owner starts the plan from the workspace's Billing page.</p>

</section>

{securityPlan && (

<h2 className="text-xl font-semibold tracking-tight">{securityPlan.title}</h2>

237

<p>

238

<span className="text-3xl font-semibold tabular-nums">${(securityPlan.monthlyCents / 100).toFixed(securityPlan.monthlyCents % 100 ? 2 : 0)}</span>{" "}

239

<span className="text-sm text-muted">a month per workspace</span>

</p>

</div>

An activation, with or without the plan: the security suite's paid parts for a workspace's private repositories.

244

</p>

245

246

{securityPlan.includes.map((line) => (

✓

</span>

{line}

</li>

))}

</ul>

<p className="mt-3 text-xs text-faint">{securityPlan.overage}</p>

</section>

)}

Secret scanning, push protection, vulnerability alerts and security updates are free everywhere, on every plan.

262

</p>

263

{/* On a phone, one row at a time with both answers under it; a table that wide would scroll. */}

264

265

{rows(tier).map((row) => (

266

267

268

{row.note && <p className="text-xs text-faint">{row.note}</p>}

<dt className="text-xs leading-5 text-faint">{plan.title}</dt>

</dl>

</li>

))}

</ul>

<tr>

</th>

{plan.title}, ${price} a month

</th>

</tr>

</thead>

{rows(tier).map((row) => (

{row.note && <p className="text-xs text-faint">{row.note}</p>}

</td>

</tr>

))}

</tbody>

</table>

</div>

Git operations cost g1t money too: Cloudflare charges g1t $0.15 per 1,000. {count(tier.gitOperationsIncluded)} a

307

month is far more than an active workspace uses; an agent run takes two to four.

308

</p>

309

310

<h2 className="mt-14 text-xl font-semibold tracking-tight">No card, no compute</h2>

311

312

<p>

313

Agents, checks, workflows, the merge queue, deployments and semantic search run on g1t's machines. They need

314

the plan, or a card check.

315

</p>

316

<p>

317

The reason: compute costs g1t real money from the first second, and free compute draws people who use it to

318

mine cryptocurrency. A card check is the smallest gate that stops that, with one trial per card.

319

</p>

320

<p>

321

A card check is never charged. Stripe saves and verifies the card, with 3-D Secure where your bank asks for it.

322

Nothing is charged until an owner starts the plan, and then the same card is used, without asking for it again.

323

The trial needs a credit or debit card; prepaid cards can still pay for the plan.

</p>

</div>

<h3 className="font-medium">The trial</h3>

330

331

{dollars(tier.trialWorkspaceMicros)} of usage, once per workspace and once per card, after a card check with a credit or

332

debit card. It comes from a{" "}

333

{dollars(tier.trialMonthlyPoolMicros)} pool each month for everyone; when a month's pool is given out, new

334

trials wait until the 1st. The trial does not cover deployments and never turns into a charge. If the last

335

run on a trial goes past it, g1t covers the difference.

</p>

</section>

<h3 className="font-medium">The open-source pool</h3>

340

341

Checks, workflows and the merge queue on public repositories, after a card check:{" "}

342

{dollars(tier.ossPoolMicros)} a month in all, up to {dollars(tier.ossRepoMicros)} a month per repository.

343

Agents do not run from the pool. When the pool or a repository's share is used up, the work waits for the

344

month to turn, or the workspace pays as usual.

</p>

</section>

</div>

<h2 className="mt-14 text-xl font-semibold tracking-tight">Limits, and how to raise them</h2>

350

351

g1t lets usage run ahead of payment only so far. Limits keep a mistake small, for you and for g1t.

</p>

<p className="font-medium">{dollars(tier.paidStartCeilingMicros)} in the first month</p>

356

357

A workspace on the plan can use up to {dollars(tier.paidStartCeilingMicros)} in its first month. After that,

358

the limit grows with payments that clear.

</p>

</li>

<p className="font-medium">Your own spend limit</p>

363

364

Owners set a monthly spend limit anywhere up to the highest limit the workspace has had, with no approval.

365

Once, you can raise it yourself to twice that.

</p>

</li>

<p className="font-medium">Prepay to raise it now</p>

370

371

Prepaying from $25 raises what you can use by the same amount, at once. From $1,000 you can also pay by bank

transfer.

</p>

</li>

<p className="font-medium">Raise my limit</p>

377

378

Need more? Ask from Billing with the amount, why, and what you expect to spend. You get an answer within one

379

business day, in the app and by email.

</p>

</li>

</ul>

<h2 className="mt-14 text-xl font-semibold tracking-tight">When usage runs high</h2>

385

386

387

<p className="font-medium">A spike pauses new work</p>

388

389

When an hour's spend is five times your usual hour, and at least $5, new compute waits for an owner to choose

390

Keep going or Stop. Runs already going finish.

</p>

</li>

<p className="font-medium">Caps per run and per issue</p>

395

396

One agent run stops at $2 and the agents on one issue at $10 in all, so a run stuck in a loop stops on its own.

397

Owners change both on Billing.

</p>

</li>

<p className="font-medium">Alerts at 50, 75, 90 and 100%</p>

402

403

Of the plan's included usage, your spend limit and g1t's limit: in the app and by email.

</p>

</li>

<p className="font-medium">Spent more than you meant to? Tell us</p>

408

409

Tell us from Billing what happened. Once in 12 months, g1t can credit back usage you did not mean, always

410

including its 20% on it. Larger credits, or a second one within 12 months, are reviewed by a person.

</p>

</li>

</ul>

No card is charged less than {dollars(tier.minChargeMicros)} when a month closes, so a payment's fee is never most

416

of it. Smaller amounts carry over to the next invoice. Charges at a limit always go through.

</p>

{HOW.map((item) => (

<h2 className="font-medium">{item.title}</h2>

</section>

))}

</div>

<h2 className="mt-14 text-xl font-semibold tracking-tight">Usage</h2>

{checked ? (

<>

Last checked against Cloudflare's bill <TimeAgo at={checked} />.

433

</>

434

) : (

435

"Starting from Cloudflare's published prices; checked against its bill daily."

)}

</p>

<tr>

<th className="px-4 py-2.5 font-medium">Costs g1t</th>

444

{/* The markup is in what you pay; on a phone the column gives way. */}

445

<th className="hidden px-4 py-2.5 font-medium sm:table-cell">Markup</th>

</tr>

</thead>

<tr>

<p className="font-medium">Agent models</p>

453

<p className="text-xs text-faint">g1t's hosted models for agent runs, paid from AI credit</p>

454

</td>

455

<td className="px-4 py-3 text-muted">What the provider charges, per request</td>

456

<td className="hidden px-4 py-3 tabular-nums sm:table-cell">{book?.modelMarginPercent ?? 0}%</td>

457

<td className="px-4 py-3 text-muted">{book?.modelMarginPercent ? `Cost + ${book.modelMarginPercent}%` : "The provider's price"}</td>

458

</tr>

459

{(() => {

460

const rate = book?.prices.find((p) => p.meter === "agent_tokens");

461

const gateway = book?.prices.find((p) => p.meter === "gateway_models");

462

const feePercent = book?.prices.find((p) => p.meter === "card_fee_percent");

463

const feeFixed = book?.prices.find((p) => p.meter === "card_fee_fixed");

464

const coming = book?.changes.find((c) => c.meter === "agent_tokens" && c.effectiveAt);

return (

<>

<tr>

<p className="font-medium">g1t agent rate</p>

470

<p className="text-xs text-faint">Context, memory, routing and orchestration, on every token an agent run uses</p>

</td>

{rate && rate.priceMicros > 0 ? `${money(rate.priceMicros)} per million tokens` : coming ? `${money(coming.newCostMicros)} per million tokens from ${coming.effectiveAt!.slice(0, 10)}` : "$0.25 per million tokens"}

</td>

</tr>

<tr>

AI Gateway <span className="ml-1 rounded bg-accent/15 px-1.5 py-0.5 text-xs text-accent">Free during beta</span>

482

</p>

483

<p className="text-xs text-faint">Your own apps calling models through g1t; your own key is free on the plan</p>

484

</td>

485

<td className="px-4 py-3 text-muted">What the provider charges</td>

486

<td className="hidden px-4 py-3 tabular-nums sm:table-cell">{gateway?.markupPercent ?? 0}%</td>

487

<td className="px-4 py-3 text-muted">{gateway?.markupPercent ? `Cost + ${gateway.markupPercent}%` : "The provider's price"}</td>

488

</tr>

489

{feePercent && feeFixed && (

490

<tr>

491

492

<p className="font-medium">Card processing fee</p>

493

<p className="text-xs text-faint">On AI credit bought by card, as its own line at checkout; never on invoices</p>

494

</td>

495

<td className="px-4 py-3 text-muted">Stripe's fee</td>

496

497

498

{(feePercent.priceMicros / 10_000).toFixed(1)}% + {money(feeFixed.priceMicros)}

</td>

</tr>

)}

</>

);

})()}

<tr>

<p className="font-medium">Projects, previews and apps</p>

508

<p className="text-xs text-faint">Having them. An app's requests and CPU time are charged below.</p>

509

</td>

510

<td className="px-4 py-3 text-muted">Next to nothing</td>

511

512

<td className="px-4 py-3 text-muted">Not charged</td>

513

</tr>

514

{(book?.prices ?? []).filter((price) => !SHOWN_APART.has(price.meter)).map((price) => (

515

516

517

<p className="font-medium">{price.title}</p>

518

519

{price.meter === "actions_cache" ? "On the plan only. A free workspace is never charged for it. " : ""}

520

{price.source === "cloudflare" ? "Measured from Cloudflare's bill" : "Cloudflare's published price"}

521

</p>

522

</td>

523

<td className="px-4 py-3 font-mono text-xs tabular-nums text-muted">{perUnit(price, price.costMicros)}</td>

524

<td className="hidden px-4 py-3 tabular-nums sm:table-cell">{price.markupPercent}%</td>

525

<td className="px-4 py-3 font-mono text-xs tabular-nums">{perUnit(price, price.priceMicros)}</td>

</tr>

))}

</tbody>

</table>

</div>

<h2 className="mt-14 text-xl font-semibold tracking-tight">Enterprise</h2>

533

534

For organizations with several workspaces: one invoice and one limit. The prices are the ones on this page.

</p>

<li>

<p className="font-medium">Consolidated invoicing</p>

540

<p className="text-muted">One monthly invoice for every workspace, paid by card or bank transfer.</p>

541

</li>

542

<li>

543

<p className="font-medium">Custom terms</p>

544

<p className="text-muted">One limit across every workspace, invoice terms and a billing contact, set with you.</p>

545

</li>

546

<li>

547

<p className="font-medium">Security on every plan</p>

548

549

The audit log with export, {tier.planAuditRetentionDays} days or longer by arrangement, and secret push

550

protection, for every workspace.

</p>

</li>

<li>

Single sign-on <span className="ml-1 rounded bg-raised px-1.5 py-0.5 text-xs text-muted">Coming</span>

556

</p>

557

<p className="text-muted">Through your identity provider, on every plan once it is built. Not available yet.</p>

</li>

</ul>

<a

href={ENTERPRISE_MAIL}

562

className="mt-5 inline-flex items-center gap-1.5 rounded-md border border-line px-3 py-1.5 text-sm hover:border-line-strong"

563

>

564

Write to us about enterprise

</a>

</section>

<h2 className="mt-14 text-xl font-semibold tracking-tight">Price changes</h2>

570

{book && book.changes.length > 0 ? (

571

572

{book.changes.map((change) => {

573

const title = book.prices.find((p) => p.meter === change.meter)?.title ?? change.meter;

574

// What you pay moved: the cost, the markup, or both.

575

const before = change.oldCostMicros * (100 + (change.oldMarkupPercent ?? change.markupPercent));

576

const after = change.newCostMicros * (100 + change.markupPercent);

577

const up = after > before;

578

const fresh = after === before || before === 0;

return (

<p>

<span className="font-medium">{title}</span>{" "}

{fresh ? (

) : (

{up ? "up" : "down"} {Math.abs((after / before - 1) * 100).toFixed(1)}%

</span>

)}

</p>

{change.effectiveAt ? (

593

<>

594

{change.reason} · <span className="text-fg-soft">takes effect {change.effectiveAt.slice(0, 10)}</span>

</>

) : (

<>

{change.reason} · <TimeAgo at={change.createdAt} />

</>

)}

</p>

</li>

);

})}

</ul>

) : (

<p className="mt-2 text-sm text-muted">None yet. When a price moves, it is listed here with why.</p>

)}

<a

href="https://docs.g1t.sh/guides/usage-and-billing/"

612

className="mt-12 inline-flex items-center gap-1.5 text-sm text-accent hover:underline"

613

>

614

How usage and billing work

</a>

</main>

);

}