From e34b7ec4908d96ce1b29f640728b1b313ebd1b99 Mon Sep 17 00:00:00 2001
From: Ryan Crabbe <rcrabbe@berkeley.edu>
Date: Sat, 21 Mar 2026 10:40:55 -0700
Subject: [PATCH] fix(ui): use InputNumber for number-typed fields in default
 user settings

Adds a type === "number" case in renderEditableField so max_budget
renders as an InputNumber instead of a free-text TextInput. Prevents
string input and fixes null displaying as "null" in the field.
---
 .../src/components/DefaultUserSettings.tsx          | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/ui/litellm-dashboard/src/components/DefaultUserSettings.tsx b/ui/litellm-dashboard/src/components/DefaultUserSettings.tsx
index 3ea2df7ffb0..c0dbc3ecc8f 100644
--- a/ui/litellm-dashboard/src/components/DefaultUserSettings.tsx
+++ b/ui/litellm-dashboard/src/components/DefaultUserSettings.tsx
@@ -386,6 +386,19 @@ const DefaultUserSettings: React.FC<DefaultUserSettingsProps> = ({
           ))}
         </Select>
       );
+    } else if (type === "number") {
+      return (
+        <InputNumber
+          style={{ width: "100%" }}
+          value={editedValues[key] as number | undefined}
+          onChange={(value) => handleTextInputChange(key, value)}
+          placeholder={property.description || ""}
+          className="mt-2"
+          min={0}
+          step={0.01}
+          precision={2}
+        />
+      );
     } else if (type === "string" && property.enum) {
       return (
         <Select