From f183e4cec75e722f1240b58a8ef163813f2eb0f0 Mon Sep 17 00:00:00 2001
From: Shuchang Zheng <wintonzheng0325@gmail.com>
Date: Wed, 18 Jun 2025 08:33:10 -0700
Subject: [PATCH] add browser session id to task settings (#2745)

---
 skyvern-frontend/src/api/types.ts               |  1 +
 .../src/routes/tasks/create/PromptBox.tsx       | 17 +++++++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/skyvern-frontend/src/api/types.ts b/skyvern-frontend/src/api/types.ts
index f5def2e6..e63ba76d 100644
--- a/skyvern-frontend/src/api/types.ts
+++ b/skyvern-frontend/src/api/types.ts
@@ -343,6 +343,7 @@ export type Createv2TaskRequest = {
   user_prompt: string;
   webhook_callback_url?: string | null;
   proxy_location?: ProxyLocation | null;
+  browser_session_id?: string | null;
 };
 
 export type PasswordCredentialApiResponse = {
diff --git a/skyvern-frontend/src/routes/tasks/create/PromptBox.tsx b/skyvern-frontend/src/routes/tasks/create/PromptBox.tsx
index 3254973a..2d6cfa3b 100644
--- a/skyvern-frontend/src/routes/tasks/create/PromptBox.tsx
+++ b/skyvern-frontend/src/routes/tasks/create/PromptBox.tsx
@@ -153,6 +153,7 @@ function PromptBox() {
   const [proxyLocation, setProxyLocation] = useState<ProxyLocation>(
     ProxyLocation.Residential,
   );
+  const [browserSessionId, setBrowserSessionId] = useState<string | null>(null);
   const [publishWorkflow, setPublishWorkflow] = useState(false);
   const [totpIdentifier, setTotpIdentifier] = useState("");
   const [maxStepsOverride, setMaxStepsOverride] = useState<string | null>(null);
@@ -170,6 +171,7 @@ function PromptBox() {
           user_prompt: prompt,
           webhook_callback_url: webhookCallbackUrl,
           proxy_location: proxyLocation,
+          browser_session_id: browserSessionId,
           totp_identifier: totpIdentifier,
           publish_workflow: publishWorkflow,
           max_screenshot_scrolling_times: maxScreenshotScrollingTimes,
@@ -383,6 +385,21 @@ function PromptBox() {
                       onChange={setProxyLocation}
                     />
                   </div>
+                  <div className="flex gap-16">
+                    <div className="w-48 shrink-0">
+                      <div className="text-sm">Browser Session ID</div>
+                      <div className="text-xs text-slate-400">
+                        The ID of a persistent browser session
+                      </div>
+                    </div>
+                    <Input
+                      value={browserSessionId ?? ""}
+                      placeholder="pbs_xxx"
+                      onChange={(event) => {
+                        setBrowserSessionId(event.target.value);
+                      }}
+                    />
+                  </div>
                   <div className="flex gap-16">
                     <div className="w-48 shrink-0">
                       <div className="text-sm">2FA Identifier</div>