chore: update byte units on frontend

[MasterPtato]

Description

Please include a summary of the changes and the related issue. Please also include relevant motivation and context.

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested?

Please describe the tests that you ran to verify your changes.

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes

[railway-app]

🚅 Deployed to the rivet-pr-4444 environment in rivet-frontend

Service	Status	Web	Updated (UTC)
frontend-cloud	😴 Sleeping (View Logs)	Web	Mar 23, 2026 at 1:56 pm
frontend-inspector	😴 Sleeping (View Logs)	Web	Mar 19, 2026 at 12:05 pm
ladle	❌ Build Failed (View Logs)	Web	Mar 17, 2026 at 7:43 pm
website	❌ Build Failed (View Logs)	Web	Mar 17, 2026 at 7:41 pm
mcp-hub	✅ Success (View Logs)	Web	Mar 17, 2026 at 7:39 pm

[MasterPtato]

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

• feat(pb): rewrite serverless handlers #4463
• feat(ups): implement queue subs #4486
• feat(cache): add in flight deduping #4459
• fix(cache): clean up lib #4457
• fix(config): allow configuring topo dcs via map, fix pg ssl mode config #4456
• fix(api): dont 500 on cross dc response #4449
• chore: update byte units on frontend #4444 👈 (View in Graphite)
• fix: runner alloc idx logic, api auth for actor get #4443
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

[claude]

Code Review: PR 4444

Summary

This PR corrects byte unit terminology throughout the billing frontend, changing SI prefixes (KB, MB, GB, TB) to IEC binary prefixes (KiB, MiB, GiB, TiB). The change is correct because the actual computation was already using powers of 1024, so the labels were misleading. The PR also refactors billing.ts to use the bigBytes utility from @/utils/bytes instead of inline BigInt constants.

What Is Good

• The fix is accurate. The old code used base-1024 arithmetic but labeled results with SI prefix names. The labels now match the math.
• Replacing local constants in billing.ts with shared bigBytes utility functions improves consistency and removes redundant local definitions.
• The metrics constants comment now correctly reads 4KiB operation units.
• Coverage is consistent across all five modified files.

Issues Found

Pre-existing inconsistency surfaced by this PR

In frontend/src/app/billing/usage-card.tsx line 66, the operations case still divides by 4000 (decimal 4 KB) rather than 4096 (binary 4 KiB). Meanwhile, billing.ts now calculates plan limits using bigBytes.KiB(4n) and constants.ts uses bytes.KiB(4), both resolving to 4096. This 4000 creates a ~2.4% discrepancy in operation count display. Suggested fix: use bytes.KiB(4) from @/utils/bytes.

Numerical impact of the unit change

This PR changes actual threshold values in billing.ts from powers of 1000 to powers of 1024. For example, 5 GB (5,000,000,000 bytes) became 5 GiB (5,368,709,120 bytes), a ~7.4% increase in actual byte quota. Confirm this is intentional and matches what the backend enforces.

Minor Notes

• The change is purely frontend and does not touch any Rust, API contracts, or runner protocols, so there are no concerns around breaking changes to published schemas.
• No new dependencies are introduced; bigBytes already existed in the codebase.
• The import of bigBytes is added correctly at the top of billing.ts.
• All five files are consistently updated with no missed occurrences.

Verdict

The PR is clean and correct in its intent. Before merging: (1) clarify and fix the division by 4000 vs 4096 inconsistency in usage-card.tsx, and (2) confirm the ~7.4% quota increase from switching to binary GiB is intentional.

[pkg-pr-new]

More templates

• actor-actions
• actor-actions-vercel
• ai-agent
• ai-agent-vercel
• example-ai-and-user-generated-actors-freestyle
• chat-room
• chat-room-vercel
• example-cloudflare-workers
• example-cloudflare-workers-hono
• collaborative-document
• collaborative-document-vercel
• cross-actor-actions
• cross-actor-actions-vercel
• example-cursors
• example-cursors-raw-websocket
• example-cursors-raw-websocket-vercel
• example-cursors-vercel
• custom-serverless
• example-elysia
• example-experimental-durable-streams-ai-agent
• example-experimental-durable-streams-ai-agent-vercel
• geo-distributed-database
• geo-distributed-database-vercel
• hello-world
• hello-world-vercel
• example-hono
• hono-react
• hono-react-vercel
• example-kitchen-sink
• example-kitchen-sink-vercel
• multi-region-vercel
• multiplayer-game
• example-multiplayer-game-patterns
• example-multiplayer-game-patterns-vercel
• multiplayer-game-vercel
• native-websockets
• native-websockets-vercel
• next-js
• per-tenant-database
• per-tenant-database-vercel
• example-raw-fetch-handler
• example-raw-fetch-handler-vercel
• example-raw-websocket-handler
• example-raw-websocket-handler-proxy
• example-raw-websocket-handler-proxy-vercel
• example-raw-websocket-handler-vercel
• example-react
• example-react-vercel
• sandbox
• sandbox-coding-agent
• sandbox-coding-agent-vercel
• sandbox-vercel
• scheduling
• scheduling-vercel
• example-sqlite-drizzle
• example-sqlite-raw
• state
• state-vercel
• example-stream
• example-stream-vercel
• example-trpc

@rivetkit/cloudflare-workers

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/cloudflare-workers@4444

@rivetkit/framework-base

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/framework-base@4444

@rivetkit/next-js

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/next-js@4444

@rivetkit/react

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/react@4444

rivetkit

pnpm add https://pkg.pr.new/rivet-dev/rivet/rivetkit@4444

@rivetkit/sql-loader

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/sql-loader@4444

@rivetkit/sqlite-vfs

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/sqlite-vfs@4444

@rivetkit/traces

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/traces@4444

@rivetkit/workflow-engine

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/workflow-engine@4444

@rivetkit/virtual-websocket

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/virtual-websocket@4444

@rivetkit/engine-runner

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/engine-runner@4444

@rivetkit/engine-runner-protocol

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/engine-runner-protocol@4444

commit: 88d15c3