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

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

80

},

81

{

82

title: "Prices follow costs, by themselves",

83

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

84

},

85

{

86

title: "The 20% is the overhead",

87

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

88

},

89

{

90

title: "No seats, ever",

91

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

96

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

97

98

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

105

},

106

{

107

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

108

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

109

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

110

},

111

{

112

what: "Projects and previews",

113

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

114

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

},

{

what: "Deployments",

free: "Not available",

119

plan: "Builds by the second, app requests, CPU time and custom domains, each from the first 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.freePrivateStorageBytes)} free, then at cost plus 20%. Pushes never stop.`,

130

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

131

},

132

{

133

what: "Git operations",

134

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

135

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

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: "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) {

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">No quotas</p>

206

207

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

208

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>

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

218

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

219

220

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

221

222

223

{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

262

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

263

</p>

264

265

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

266

267

<p>

268

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

269

the plan, or a card check.

270

</p>

271

<p>

272

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

273

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

274

</p>

275

<p>

276

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

277

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

278

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>

285

286

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

287

debit card. It comes from a{" "}

288

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

289

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

290

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

</p>

</section>

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

295

296

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

297

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

298

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

299

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>

305

306

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>

311

312

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

313

the limit grows with payments that clear.

</p>

</li>

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

318

319

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

320

Once, you can raise it yourself to twice that.

</p>

</li>

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

325

326

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>

332

333

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

334

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>

340

341

342

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

343

344

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

345

Keep going or Stop. Runs already going finish.

</p>

</li>

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

350

351

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.

352

Owners change both on Billing.

</p>

</li>

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

357

358

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>

363

364

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

365

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

371

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

388

</>

389

) : (

390

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

399

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

400

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

</tr>

</thead>

<tr>

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

408

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

409

</td>

410

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

411

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

412

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

</tr>

<tr>

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

417

<p className="text-xs text-faint">An app costs only the requests and CPU it answers with</p>

418

</td>

419

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

420

421

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

422

</tr>

423

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

424

425

426

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

427

428

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

429

</p>

430

</td>

431

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

432

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

433

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

441

442

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>

448

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

449

</li>

450

<li>

451

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

452

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

453

</li>

454

<li>

455

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

456

457

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>

463

</p>

464

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

469

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"

470

>

471

Write to us about enterprise

</a>

</section>

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

477

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

478

479

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

480

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

481

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

482

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

483

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

484

const up = after > before;

485

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

511

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

512

>

513

How usage and billing work

</a>

</main>

);

}