Add Browsers (browser management) to cloud app (#3549)

skyvern-frontend/src/routes/workflows/editor/Workspace.tsx

@@ -108,7 +108,7 @@ interface Dom {
   splitLeft: MutableRefObject<HTMLInputElement | null>;
 }
 
-function CopyText({ text }: { text: string }) {
+function CopyText({ className, text }: { className?: string; text: string }) {
   const [wasCopied, setWasCopied] = useState(false);
 
   function handleCopy(code: string) {
@@ -118,7 +118,15 @@ function CopyText({ text }: { text: string }) {
   }
 
   return (
-    <Button size="icon" variant="link" onClick={() => handleCopy(text)}>
+    <Button
+      className={className}
+      size="icon"
+      variant="link"
+      onClick={(e) => {
+        e.stopPropagation();
+        handleCopy(text);
+      }}
+    >
       {wasCopied ? <CheckIcon /> : <CopyIcon />}
     </Button>
   );

skyvern-frontend/src/routes/workflows/types/browserSessionTypes.ts

@@ -0,0 +1,20 @@
+interface BrowserSession {
+  browser_address: string | null;
+  browser_session_id: string;
+  completed_at: string | null;
+  recordings: Recording[];
+  runnable_id: string | null;
+  runnable_type: string | null;
+  started_at: string | null;
+  timeout: number | null;
+  vnc_streaming_supported: boolean;
+}
+
+interface Recording {
+  url: string;
+  checksum: string;
+  filename: string;
+  modified_at: string;
+}
+
+export { type BrowserSession, type Recording };