Track dollar formatting helper

Author: MaxGhenis

app/src/components/ScatterPlot.tsx

@@ -9,7 +9,7 @@ import {
   ReferenceLine,
 } from "recharts";
 import type { BenchData } from "../App";
-import { formatDollars } from "../lib/format";
+import { formatDollars } from "../format";
 import { MODEL_COLORS, MODEL_LABELS, MODEL_ORDER } from "../modelMeta";
 
 function CustomTooltip({ active, payload }: { active?: boolean; payload?: Array<{ payload: Record<string, unknown> }> }) {

app/src/components/ScenarioExplorer.tsx

@@ -1,6 +1,6 @@
 import { useState, useMemo } from "react";
 import type { BenchData } from "../App";
-import { formatDollars } from "../lib/format";
+import { formatDollars } from "../format";
 import { MODEL_COLORS, MODEL_LABELS, MODEL_ORDER } from "../modelMeta";
 
 type PromptByVariable = Record<string, { tool?: string; json?: string }>;

app/src/format.ts

@@ -0,0 +1,10 @@
+export function formatDollars(value: number): string {
+  const rounded = Math.round(value);
+
+  if (Object.is(rounded, -0) || rounded === 0) {
+    return "$0";
+  }
+
+  const abs = Math.abs(rounded).toLocaleString();
+  return rounded < 0 ? `-$${abs}` : `$${abs}`;
+}