diff --git a/apps/fabro-web/app/components/run-summary-panel.tsx b/apps/fabro-web/app/components/run-summary-panel.tsx
index 30797329d..1532ec4f5 100644
--- a/apps/fabro-web/app/components/run-summary-panel.tsx
+++ b/apps/fabro-web/app/components/run-summary-panel.tsx
@@ -183,11 +183,11 @@ export function RunSummaryPanelView({
) : diff ? (
- +{diff.additions}{" "}
- −{diff.deletions}
+ +{diff.additions.toLocaleString()}{" "}
+ −{diff.deletions.toLocaleString()}
- in {diff.files_changed} {diff.files_changed === 1 ? "file" : "files"}
+ in {diff.files_changed.toLocaleString()} {diff.files_changed === 1 ? "file" : "files"}
) : (
diff --git a/apps/fabro-web/app/data/runs.ts b/apps/fabro-web/app/data/runs.ts
index 46c151fe6..6f587846c 100644
--- a/apps/fabro-web/app/data/runs.ts
+++ b/apps/fabro-web/app/data/runs.ts
@@ -107,6 +107,8 @@ export function mapRunListItem(item: Run): RunItem {
sourceDirectory: item.source_directory ?? undefined,
createdAt: item.timestamps.created_at,
lastEventAt: item.timestamps.last_event_at ?? undefined,
+ additions: item.diff?.additions,
+ deletions: item.diff?.deletions,
};
}
diff --git a/apps/fabro-web/app/routes/run-detail.test.ts b/apps/fabro-web/app/routes/run-detail.test.ts
index 64cc380a7..66ca11c32 100644
--- a/apps/fabro-web/app/routes/run-detail.test.ts
+++ b/apps/fabro-web/app/routes/run-detail.test.ts
@@ -219,7 +219,9 @@ function hasClasses(value: unknown, classes: string[]) {
function tabCountBadges(renderer: TestRenderer.ReactTestRenderer) {
return renderer.root.findAll(
- (node) => node.type === "span" && hasClasses(node.props.className, ["tabular-nums"]),
+ (node) =>
+ node.type === "span" &&
+ hasClasses(node.props.className, ["rounded-full", "tabular-nums"]),
);
}