fix(ui): ignore non-finite quota percentages (#1329)

Co-authored-by: Isaac Sanchez <isanchez-hawkins@arize.com>

packages/ui/src/lib/quota/utils.test.ts

@@ -0,0 +1,13 @@
+import { describe, expect, test } from 'bun:test';
+
+import { clampPercent, formatPercent } from './utils';
+
+describe('quota utils', () => {
+  test('treats non-finite percentages as missing', () => {
+    expect(clampPercent(Infinity)).toBeNull();
+    expect(clampPercent(-Infinity)).toBeNull();
+
+    expect(formatPercent(Infinity)).toBe('-');
+    expect(formatPercent(-Infinity)).toBe('-');
+  });
+});

packages/ui/src/lib/quota/utils.ts

@@ -1,12 +1,12 @@
 export const clampPercent = (value: number | null): number | null => {
-  if (typeof value !== 'number' || Number.isNaN(value)) {
+  if (typeof value !== 'number' || !Number.isFinite(value)) {
     return null;
   }
   return Math.max(0, Math.min(100, Math.round(value)));
 };
 
 export const formatPercent = (value: number | null): string => {
-  if (typeof value !== 'number' || Number.isNaN(value)) {
+  if (typeof value !== 'number' || !Number.isFinite(value)) {
     return '-';
   }
   return `${Math.round(value)}%`;