Natural Language Actions

page.act(instruction: string): Promise<ActResult>

{
  success: boolean
  actions: Array<{
    type: string        // 'click', 'input', 'goto', etc.
    params: unknown[]
    result?: unknown
    error?: string
  }>
  reasoning?: string
}

await page.goto('https://example.com')

// Click a button
await page.act('Click the sign up button')

// Click a link
await page.act('Click the privacy policy link')

// Click by description
await page.act('Click the blue submit button at the bottom')

// Fill a single field
await page.act('Fill in the email field with john@example.com')

// Fill multiple fields
await page.act('Enter username "johndoe" and password "secret123"')

// Select from dropdown
await page.act('Select "United States" from the country dropdown')

// Check a checkbox
await page.act('Check the "I agree to terms" checkbox')

await page.goto('https://example.com/login')

// AI performs multiple actions in sequence
await page.act('Fill in the login form with username "john" and password "pass123", then click login')

await page.goto('https://example.com/products')

// AI finds and interacts with dynamic elements
await page.act('If there is a cookie consent banner, click accept')

await page.act('Find the product with the lowest price and click on it')

// Scroll to find elements
await page.act('Scroll down to the footer and click the contact link')

// Navigate through pages
await page.act('Click the next page button')

await page.goto('https://example.com/checkout')

// Multi-step form completion
const result = await page.act(`
  Fill out the shipping form with:
  - Name: John Doe
  - Address: 123 Main St
  - City: San Francisco
  - ZIP: 94102
  Then click continue
`)

if (result.success) {
  console.log('Form completed successfully')
  console.log('Actions taken:', result.actions)
}

// Wait and interact with loaded content
await page.act('Wait for the search results to load, then click the first result')

// Handle popups
await page.act('If a signup popup appears, close it')

// Interact with carousels
await page.act('Click the right arrow on the image carousel 3 times')

await page.goto('https://example.com/products')

await page.act('Enter "laptop" in the search box and press enter')
await page.act('Filter results by price: $500-$1000')
await page.act('Sort by highest rating')

await page.act('Click the red "Add to Cart" button next to the product image')
await page.act('Fill in the email field in the login form with test@example.com')

await page.act('Click it') // Too vague
await page.act('Do the thing') // Not specific

// Instead of one giant instruction
await page.act('Fill in the form')
await page.act('Select shipping method')
await page.act('Click continue to payment')

const result = await page.act('Click the checkout button')

if (!result.success) {
  console.error('Action failed:', result.actions)
  // Try alternative approach or manual automation
}

// Use AI for dynamic interactions
await page.act('Accept cookie consent if it appears')

// Use manual automation for precise control
await page.click('#precise-selector')
await page.input('#email', 'test@example.com')

// Use AI for complex extraction
await page.act('Find and click the product with best rating')

await page.goto('https://example.com/login')
await page.act('Click the "Sign in with Google" button')
// Handle OAuth popup...
await page.act('Click the authorize button')

await page.act(`
  Complete the contact form with:
  Name: John Doe
  Email: john@example.com
  Message: I would like more information
  Then submit the form
`)

await page.goto('https://shop.example.com')
await page.act('Search for "wireless headphones"')
await page.act('Filter by price under $100')
await page.act('Click on the product with the highest rating')
await page.act('Select black color and add to cart')

await page.goto('https://news.example.com')
await page.act('Find and click the article about technology')
await page.act('Scroll down and click "Load more comments"')

const result = await page.act('Click the submit button')

if (result.success) {
  console.log('✓ Action completed successfully')

  // See what actions were performed
  result.actions.forEach(action => {
    console.log(`${action.type}(${action.params.join(', ')})`)
  })

  // View AI reasoning (if available)
  if (result.reasoning) {
    console.log('AI reasoning:', result.reasoning)
  }
} else {
  console.error('✗ Action failed')

  // Check which step failed
  const failedAction = result.actions.find(a => a.error)
  if (failedAction) {
    console.error('Failed at:', failedAction.type, failedAction.error)
  }
}