support activateTab

playwriter/src/extension/cdp-relay.ts

@@ -219,6 +219,13 @@ export async function startPlayWriterCDPRelayServer({ port = 19988, logger = con
           params: { method, params }
         })
       }
+
+      case 'Playwriter.activateTab': {
+        return await sendToExtension({
+          method: 'activateTab',
+          params
+        })
+      }
     }
 
     return await sendToExtension({

playwriter/src/extension/protocol.ts

@@ -15,6 +15,13 @@ export type ExtensionCommandMessage =
         params?: any
       }
     }
+  | {
+      id: number
+      method: 'activateTab'
+      params: {
+        targetId: string
+      }
+    }
 
 export type ExtensionResponseMessage = {
   id: number

playwriter/src/mcp.ts

@@ -164,12 +164,21 @@ server.tool(
         throw new Error('accessibilitySnapshot is not available on this page')
       }
 
+      const activateTab = async (targetPage: Page) => {
+        const cdp = await context.newCDPSession(targetPage)
+        const { targetInfo } = await cdp.send('Target.getTargetInfo')
+        const targetId = targetInfo.targetId
+        await cdp.send('Playwriter.activateTab' as any, { targetId })
+        await cdp.detach()
+      }
+
       const vmContext = vm.createContext({
         page,
         context,
         state,
         console: customConsole,
         accessibilitySnapshot,
+        activateTab,
       })
 
       const wrappedCode = `(async () => { ${code} })()`

playwriter/src/prompt.md

@@ -28,6 +28,7 @@ always detach event listener you create at the end of a message using `page.remo
 you have access to some functions in addition to playwright methods:
 
 - `async accessibilitySnapshot(page)`: gets a human readable snapshot of clickable elements on the page. useful to see the overall structure of the page and what elements you can interact with
+- `async activateTab(page)`: activates (brings to front and focuses) the browser tab for the given page
 
 example: