Merge main

Author: cte

apps/web-roo-code/src/app/evals/evals.tsx

@@ -103,13 +103,13 @@ export function Evals({ runs }: { runs: EvalRun[] }) {
 						<TableRow key={run.id}>
 							<TableCell title={run.description ?? undefined}>
 								<div className="font-sans">{run.label}</div>
-								<div className="text-xs opacity-50">{formatTokens(run.contextWindow ?? 0)}</div>
+								<div className="text-xs opacity-50">{formatTokens(run.contextWindow)}</div>
 							</TableCell>
 							<TableCell className="border-r">
 								<div className="flex flex-row gap-2">
-									<div>{formatCurrency(run.inputPrice ?? 0)}</div>
+									<div>{formatCurrency(run.inputPrice)}</div>
 									<div className="opacity-25">/</div>
-									<div>{formatCurrency(run.outputPrice ?? 0)}</div>
+									<div>{formatCurrency(run.outputPrice)}</div>
 								</div>
 							</TableCell>
 							<TableCell className="font-mono">{formatDuration(run.taskMetrics.duration)}</TableCell>

apps/web-roo-code/src/lib/format-currency.ts

@@ -3,6 +3,12 @@ const formatter = new Intl.NumberFormat("en-US", {
 	currency: "USD",
 })
 
-export const formatCurrency = (amount: number) => formatter.format(amount)
+export const formatCurrency = (amount: number | null | undefined) => {
+	if (amount === null || amount === undefined) {
+		return "-"
+	}
+
+	return formatter.format(amount)
+}
 
 export const parsePrice = (price?: string) => (price ? parseFloat(price) * 1_000_000 : undefined)

apps/web-roo-code/src/lib/format-duration.ts

@@ -1,4 +1,8 @@
-export const formatDuration = (durationMs: number) => {
+export const formatDuration = (durationMs: number | null | undefined) => {
+	if (durationMs === null || durationMs === undefined) {
+		return "-"
+	}
+
 	const seconds = Math.floor(durationMs / 1000)
 	const hours = Math.floor(seconds / 3600)
 	const minutes = Math.floor((seconds % 3600) / 60)

apps/web-roo-code/src/lib/format-tokens.ts

@@ -1,4 +1,8 @@
-export const formatTokens = (tokens: number, decimals = 0) => {
+export const formatTokens = (tokens: number | null | undefined, decimals = 0) => {
+	if (tokens === null || tokens === undefined) {
+		return "-"
+	}
+
 	if (tokens < 1000) {
 		return tokens.toString()
 	}