apps/web/app/routes/pricing.tsx · pulls/pr_01m47d24b0e6n91zwymwxg0vpx

const DEPLOYMENTS_LINE = `${A.apps} apps, ${A.requests / 1e6} million requests, ${A.cpuMs / 1e6} million CPU milliseconds, ${A.customDomains} custom domains and ${A.buildSeconds / 60} build minutes a month`;

63

64

const DEFAULT_PLAN: FeaturePlan = {

feature: "plan",

title: "g1t",

monthlyCents: 2000,

includes: [

"$10 of usage each month at cost plus 20%, used first. Unused included usage does not roll over.",

70

"Agents, checks, workflows, the merge queue, deployments and semantic search",

71

`Deployments: ${DEPLOYMENTS_LINE}`,

72

"10 GB of private repository storage",

73

"Unlimited members, at one price for the workspace: never per person",

74

],

75

overage: "Usage past what is included is charged at cost plus 20%.",

76

};

77

78

/** The ways to reach g1t about an enterprise account. */

79

const ENTERPRISE_MAIL = "mailto:hey@flagon.io?subject=Enterprise%20billing%20for%20g1t";

const HOW = [

{

title: "Our cost, passed through",

84

body: "Every sandbox second, build, app request and model token costs g1t money at Cloudflare or a model provider. Each is metered and charged at that cost plus 20%, from the first second and the first request. Use a little, pay a little.",

85

},

86

{

87

title: "Prices follow costs, by themselves",

88

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, each Cloudflare cost is checked against what Cloudflare billed g1t; when one moves, its price moves with it, and the change is listed below.",

89

},

90

{

91

title: "The 20% is the overhead",

92

body: "It pays for running g1t and for building and keeping up the features you use. The same 20% on everything, and nothing bundled in.",

93

},

94

{

95

title: "No seats, ever",

96

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. */

101

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

102

103

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.",

110

},

111

{

112

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

113

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

114

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

},

{

what: "Deployments",

free: "Not available",

119

plan: DEPLOYMENTS_LINE.replace(/^./, (c) => c.toUpperCase()) + ", then at cost plus 20%",

120

},

121

{

122

what: "Semantic search",

123

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

124

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

125

},

126

{

127

what: "Private storage",

128

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

129

plan: `${gigabytes(tier.planPrivateStorageBytes)}, then at cost plus 20%`,

130

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

131

},

132

{

133

what: "Git operations",

134

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

135

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

136

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

},

{

what: "Audit log",

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

141

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

142

},

143

{ what: "Secret push protection", free: "Included", plan: "Included" },

144

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

145

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

146

{

147

what: "Usage past what is included",

148

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

149

plan: "Opt in, up to a spend limit you set",

},

];

}

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

155

const { book, free } = loaderData;

156

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

157

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

158

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

159

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

160

const price = plan.monthlyCents / 100;

161

const dollars = wholeDollars;

162

return (

163

164

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

165

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

166

167

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

168

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>{" "}

173

<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>

180

<p>

181

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

182

<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>

196

197

<div>

198

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

199

200

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

201

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">Included usage resets each month</p>

206

207

Unused included usage does not roll over: it starts again at $10 when the month turns. Past it, usage is

208

charged at cost plus 20%.

</p>

</div>

</div>

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

</section>

<p className="mt-1 text-sm text-muted">No security feature is held back for a plan.</p>

217

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

218

219

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

220

221

222

{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

261

month is about twenty times what an active workspace uses; an agent run takes two to four.

262

</p>

263

264

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

265

266

<p>

267

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

268

the plan, or a card check.

269

</p>

270

<p>

271

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

272

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

273

</p>

274

<p>

275

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

276

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

277

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>

284

285

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

286

debit card. It comes from a{" "}

287

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

288

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

289

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

</p>

</section>

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

294

295

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

296

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

297

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

298

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>

304

305

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>

310

311

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

312

the limit grows with payments that clear.

</p>

</li>

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

317

318

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

319

Once, you can raise it yourself to twice that.

</p>

</li>

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

324

325

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>

331

332

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

333

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>

339

340

341

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

342

343

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

344

Keep going or Stop. Runs already going finish.

</p>

</li>

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

349

350

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.

351

Owners change both on Billing.

</p>

</li>

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

356

357

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>

362

363

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

364

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

370

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} />.

387

</>

388

) : (

389

"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>

398

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

399

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

</tr>

</thead>

<tr>

<p className="font-medium">Models</p>

407

<p className="text-xs text-faint">g1t's hosted models, through AI Gateway</p>

408

</td>

409

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

410

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

411

<td className="px-4 py-3 text-muted">Cost + {book?.modelMarginPercent ?? 20}%</td>

412

</tr>

413

{(book?.prices ?? []).map((price) => (

414

415

416

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

417

418

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

419

</p>

420

</td>

421

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

422

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

423

<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>

431

432

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>

438

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

439

</li>

440

<li>

441

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

442

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

443

</li>

444

<li>

445

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

446

447

The audit log for {tier.auditRetentionDays} days with export, and secret push 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>

453

</p>

454

<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}

459

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"

460

>

461

Write to us about enterprise

</a>

</section>

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

467

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

468

469

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

470

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

471

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

472

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

473

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

474

const up = after > before;

475

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.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/"

501

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

502

>

503

How usage and billing work

</a>

</main>

);

}