Browser recording action (#4130)

skyvern-frontend/src/store/SettingsStore.ts

@@ -2,16 +2,33 @@ import { create } from "zustand";
 
 type SettingsStore = {
   environment: string;
+  /**
+   * The user is currently operating or viewing a live, remote browser. NOTE: if
+   * the browser is still connecting, or otherwise not ready, then this should
+   * be false.
+   */
+  isUsingABrowser: boolean;
+  /**
+   * The current browser session ID when a browser is active.
+   */
+  browserSessionId: string | null;
   organization: string;
   setEnvironment: (environment: string) => void;
+  setIsUsingABrowser: (isUsing: boolean) => void;
+  setBrowserSessionId: (browserSessionId: string | null) => void;
   setOrganization: (organization: string) => void;
 };
 
 const useSettingsStore = create<SettingsStore>((set) => {
   return {
     environment: "local",
+    isUsingABrowser: false,
+    browserSessionId: null,
     organization: "skyvern",
     setEnvironment: (environment: string) => set({ environment }),
+    setIsUsingABrowser: (isUsing: boolean) => set({ isUsingABrowser: isUsing }),
+    setBrowserSessionId: (browserSessionId: string | null) =>
+      set({ browserSessionId }),
     setOrganization: (organization: string) => set({ organization }),
   };
 });