feat: show dash instead of zero for missing data on evals page

Author: roomote

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

@@ -129,15 +129,13 @@ export function Evals({
 						<TableRow key={run.id}>
 							<TableCell title={run.model?.description}>
 								<div className="font-sans">{run.label}</div>
-								<div className="text-xs opacity-50">
-									{formatTokens(run.modelInfo?.contextWindow ?? 0)}
-								</div>
+								<div className="text-xs opacity-50">{formatTokens(run.modelInfo?.contextWindow)}</div>
 							</TableCell>
 							<TableCell className="border-r">
 								<div className="flex flex-row gap-2">
-									<div>{formatCurrency(run.modelInfo?.inputPrice ?? 0)}</div>
+									<div>{formatCurrency(run.modelInfo?.inputPrice)}</div>
 									<div className="opacity-25">/</div>
-									<div>{formatCurrency(run.modelInfo?.outputPrice ?? 0)}</div>
+									<div>{formatCurrency(run.modelInfo?.outputPrice)}</div>
 								</div>
 							</TableCell>
 							<TableCell className="font-mono">{formatDuration(run.taskMetrics.duration)}</TableCell>
@@ -150,19 +148,27 @@ export function Evals({
 							</TableCell>
 							<TableCell className="border-r">{formatCurrency(run.taskMetrics.cost)}</TableCell>
 							<TableCell className="text-muted-foreground">
-								{formatScore(run.languageScores?.go ?? 0)}%
+								{run.languageScores?.go !== undefined ? `${formatScore(run.languageScores.go)}%` : "-"}
 							</TableCell>
 							<TableCell className="text-muted-foreground">
-								{formatScore(run.languageScores?.java ?? 0)}%
+								{run.languageScores?.java !== undefined
+									? `${formatScore(run.languageScores.java)}%`
+									: "-"}
 							</TableCell>
 							<TableCell className="text-muted-foreground">
-								{formatScore(run.languageScores?.javascript ?? 0)}%
+								{run.languageScores?.javascript !== undefined
+									? `${formatScore(run.languageScores.javascript)}%`
+									: "-"}
 							</TableCell>
 							<TableCell className="text-muted-foreground">
-								{formatScore(run.languageScores?.python ?? 0)}%
+								{run.languageScores?.python !== undefined
+									? `${formatScore(run.languageScores.python)}%`
+									: "-"}
 							</TableCell>
 							<TableCell className="text-muted-foreground">
-								{formatScore(run.languageScores?.rust ?? 0)}%
+								{run.languageScores?.rust !== undefined
+									? `${formatScore(run.languageScores.rust)}%`
+									: "-"}
 							</TableCell>
 							<TableCell className="font-bold">{run.score}%</TableCell>
 						</TableRow>

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

@@ -3,6 +3,11 @@ 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-score.ts

@@ -1 +1,6 @@
-export const formatScore = (score: number) => Math.round(score * 100)
+export const formatScore = (score: number | null | undefined) => {
+	if (score === null || score === undefined) {
+		return "-"
+	}
+	return Math.round(score * 100)
+}

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