From 321fb858dd65fa412cd43b6928c993cc69d435f1 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Tue, 17 Jun 2025 13:15:40 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9Bfix:safely=20convert=20values=20to?=
 =?UTF-8?q?=20numbers=20and=20handle=20NaN=20cases=20(#5309)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web-app/src/containers/TokenSpeedIndicator.tsx | 3 ++-
 web-app/src/utils/number.ts                    | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 web-app/src/utils/number.ts

diff --git a/web-app/src/containers/TokenSpeedIndicator.tsx b/web-app/src/containers/TokenSpeedIndicator.tsx
index 8ca08d707..74f277f70 100644
--- a/web-app/src/containers/TokenSpeedIndicator.tsx
+++ b/web-app/src/containers/TokenSpeedIndicator.tsx
@@ -1,4 +1,5 @@
 import { useAppState } from '@/hooks/useAppState'
+import { toNumber } from '@/utils/number'
 import { Gauge } from 'lucide-react'
 
 interface TokenSpeedIndicatorProps {
@@ -29,7 +30,7 @@ export const TokenSpeedIndicator = ({
       <Gauge size={16} />
       <span>
         {Math.round(
-          streaming ? Number(tokenSpeed?.tokenSpeed) : persistedTokenSpeed
+          streaming ? toNumber(tokenSpeed?.tokenSpeed) : persistedTokenSpeed
         )}
         &nbsp;tokens/sec
       </span>
diff --git a/web-app/src/utils/number.ts b/web-app/src/utils/number.ts
new file mode 100644
index 000000000..866755ed6
--- /dev/null
+++ b/web-app/src/utils/number.ts
@@ -0,0 +1,4 @@
+export const toNumber = (value: unknown): number => {
+  const num = Number(value)
+  return isNaN(num) ? 0 : num
+}