chore(app): number separator formatting

Author: tmm

cli/src/utils.ts

@@ -158,7 +158,8 @@ export function estimateRequests(balanceMills: number) {
 
 export function formatCost(tokens: number, perMillionDollars: number) {
   const cost = estimateCost(tokens, perMillionDollars)
-  if (cost >= 0.01) return cost.toFixed(2)
+  if (cost >= 0.01)
+    return cost.toLocaleString(undefined, { maximumFractionDigits: 2, minimumFractionDigits: 2 })
   if (cost === 0) return '0.0'
   const decimals = Math.min(4, Math.max(2, -Math.floor(Math.log10(cost)) + 1))
   const factor = 10 ** decimals

src/lib/format.test.ts

@@ -5,6 +5,7 @@ test('formatCost returns 2 decimal places for costs >= $0.01', () => {
   expect(formatCost(1_000_000, 3)).toBe('3.00')
   expect(formatCost(500_000, 3)).toBe('1.50')
   expect(formatCost(10_000_000, 0.5)).toBe('5.00')
+  expect(formatCost(462_320_000, 3)).toBe('1,386.96')
 })
 
 test('formatCost returns trimmed 4 decimal places for costs < $0.01', () => {

src/lib/format.ts

@@ -26,7 +26,8 @@ export function formatDollars(dollars: number) {
 
 export function formatCost(tokens: number, perMillionDollars: number) {
   const cost = estimateCost(tokens, perMillionDollars)
-  if (cost >= 0.01) return cost.toFixed(2)
+  if (cost >= 0.01)
+    return cost.toLocaleString(undefined, { maximumFractionDigits: 2, minimumFractionDigits: 2 })
   if (cost === 0) return '0.0'
   const decimals = Math.min(4, Math.max(2, -Math.floor(Math.log10(cost)) + 1))
   const factor = 10 ** decimals