From 68c4eb80693414745eda89566df562da18285beb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Celal=20Zamano=C4=9Flu?=
 <95054566+celalzamanoglu@users.noreply.github.com>
Date: Thu, 19 Feb 2026 16:37:01 +0300
Subject: [PATCH] Fix browser session timeout input being uneditable
 (#SKY-7855) (#4805)

---
 .../browserSessions/BrowserSessions.tsx       | 28 +++++++++++--------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/skyvern-frontend/src/routes/browserSessions/BrowserSessions.tsx b/skyvern-frontend/src/routes/browserSessions/BrowserSessions.tsx
index c323694d..64cc27d4 100644
--- a/skyvern-frontend/src/routes/browserSessions/BrowserSessions.tsx
+++ b/skyvern-frontend/src/routes/browserSessions/BrowserSessions.tsx
@@ -64,7 +64,7 @@ function BrowserSessions() {
   const [isDrawerOpen, setIsDrawerOpen] = useState(false);
   const [sessionOptions, setSessionOptions] = useState<{
     proxyLocation: ProxyLocation;
-    timeoutMinutes: number;
+    timeoutMinutes: number | null;
   }>({
     proxyLocation: ProxyLocation.Residential,
     timeoutMinutes: 60,
@@ -350,25 +350,31 @@ function BrowserSessions() {
                     <HelpTooltip content="Duration to keep the browser session open. Automatically extends as it is used." />
                   </div>
                   <Input
-                    value={sessionOptions.timeoutMinutes}
+                    type="number"
+                    min={5}
+                    max={1440}
+                    value={sessionOptions.timeoutMinutes ?? ""}
                     placeholder="timeout (minutes)"
                     onChange={(event) => {
                       const value =
                         event.target.value === ""
                           ? null
-                          : Number(event.target.value);
-
-                      if (value) {
-                        setSessionOptions({
-                          ...sessionOptions,
-                          timeoutMinutes: value,
-                        });
-                      }
+                          : parseInt(event.target.value, 10);
+                      setSessionOptions({
+                        ...sessionOptions,
+                        timeoutMinutes: value,
+                      });
                     }}
                   />
                 </div>
                 <Button
-                  disabled={createBrowserSessionMutation.isPending}
+                  disabled={
+                    createBrowserSessionMutation.isPending ||
+                    sessionOptions.timeoutMinutes === null ||
+                    Number.isNaN(sessionOptions.timeoutMinutes) ||
+                    sessionOptions.timeoutMinutes < 5 ||
+                    sessionOptions.timeoutMinutes > 1440
+                  }
                   className="mt-6 w-full"
                   onClick={() => {
                     createBrowserSessionMutation.mutate({