{"id":"f2969121-0be5-4faa-af9a-6dcc491a2969","task_name":"Run Demo Task on Playground","summary":"This workflow demonstrates how to execute a demo task in the Browserbase Playground by selecting and running the 'Visit Hacker News' function, then stopping the execution. Use this to learn how to test browser automation tasks before deploying them to production.","description":"Executes a demo task on the Browserbase Playground by running a \"Visit Hacker News\" function and then stopping the execution.","tools_used":[],"agent_steps":[{"step_number":1,"action_type":"click","url":"https://www.browserbase.com/orgs/npvugcykwvpp/4f9b47c8-67f4-4a9b-b41b-0fe9a66464d5/overview","element":{"name":"Playground","role":"link","selector":"","xpath":"//*[@id=\"base-ui-_r_uf_\"]","attributes":{"id":"base-ui-_r_uf_","href":"/orgs/npvugcykwvpp/4f9b47c8-67f4-4a9b-b41b-0fe9a66464d5/playground","data-size":"default","data-slot":"sidebar-menu-button","data-active":"false","data-sidebar":"menu-button"}},"value":"","keys":[],"file_paths":[],"description":"Navigate to the Browserbase Playground by clicking the 'Playground' link in the main navigation. This opens the testing environment where you can create, test, and manage browser automation Functions."},{"step_number":2,"action_type":"click","url":"https://www.browserbase.com/orgs/npvugcykwvpp/4f9b47c8-67f4-4a9b-b41b-0fe9a66464d5/playground","element":{"name":"Function Name","role":"combobox","selector":"","xpath":"//*[@id=\"base-ui-_r_110_\"]","attributes":{"id":"base-ui-_r_110_","type":"button","data-testid":"new-script-button"}},"value":"","keys":[],"file_paths":[],"description":"Click the 'Function Name' dropdown (combobox) to view the list of available demo and custom Functions that you can run."},{"step_number":3,"action_type":"click","url":"https://www.browserbase.com/orgs/npvugcykwvpp/4f9b47c8-67f4-4a9b-b41b-0fe9a66464d5/playground","element":{"name":"Visit Hacker News","role":"option","selector":"","xpath":"//html/body/div[9]/div[2]/div/div/div[1]/div[3]","attributes":{"data-testid":"select-visit-hacker-news-script"}},"value":"","keys":[],"file_paths":[],"description":"Select 'Visit Hacker News' from the dropdown options. This is a pre-built demo Function that navigates to Hacker News and demonstrates Browserbase's web automation capabilities."},{"step_number":4,"action_type":"click","url":"https://www.browserbase.com/orgs/npvugcykwvpp/4f9b47c8-67f4-4a9b-b41b-0fe9a66464d5/playground","element":{"name":"Run ⌘","role":"button","selector":"","xpath":"//html/body/div[5]/main/div[2]/div/div/header/div/div[2]/button[3]","attributes":{"type":"button","data-testid":"playground-run-button"}},"value":"","keys":[],"file_paths":[],"description":"Click the 'Run ⌘' button to execute the selected 'Visit Hacker News' Function. This starts a browser session and begins the automation task. The button label indicates you can also use the Command key (⌘) as a keyboard shortcut."},{"step_number":5,"action_type":"click","url":"https://www.browserbase.com/orgs/npvugcykwvpp/4f9b47c8-67f4-4a9b-b41b-0fe9a66464d5/playground","element":{"name":"Stop esc","role":"button","selector":"","xpath":"//html/body/div[5]/main/div[2]/div/div[1]/header/div/div/button","attributes":{"type":"button","data-testid":"playground-stop-button"}},"value":"","keys":[],"file_paths":[],"description":"Click the 'Stop esc' button to terminate the running task and end the browser session. This allows you to control the execution lifecycle and stop long-running or exploratory tasks."}]}