Multi-Page Management

import { HyperAgent } from "@hyperbrowser/agent";

const agent = new HyperAgent();

// Create multiple pages
const page1 = await agent.newPage();
const page2 = await agent.newPage();

// Each page is independent
await page1.goto("https://news.ycombinator.com");
await page2.goto("https://reddit.com");

await agent.closeAgent();

const agent = new HyperAgent();

const page1 = await agent.newPage();
const page2 = await agent.newPage();

// page1: Agent tracks history for this page
await page1.goto("https://example.com/login");
await page1.ai("Log in with user@example.com");

// page2: Agent has separate history, but shares the login session
await page2.goto("https://example.com/dashboard");
await page2.ai("Find my account settings");
// ^ Works because cookies are shared, but agent doesn't know about page1's actions

const destination = await page1.ai("Find the recommended destination");
await page2.ai(`Search for hotels in ${destination.output}`);

const pages = await agent.getPages();
console.log(`Active pages: ${pages.length}`);

const agent = new HyperAgent();

const pages = await Promise.all([
  agent.newPage(),
  agent.newPage(),
  agent.newPage(),
]);

// Navigate all pages in parallel
await Promise.all([
  pages[0].goto("https://amazon.com"),
  pages[1].goto("https://ebay.com"),
  pages[2].goto("https://walmart.com"),
]);

// Search on all pages in parallel
const results = await Promise.all([
  pages[0].ai("search for 'wireless mouse' and find the cheapest option"),
  pages[1].ai("search for 'wireless mouse' and find the cheapest option"),
  pages[2].ai("search for 'wireless mouse' and find the cheapest option"),
]);

// Extract prices from all pages
const prices = await Promise.all([
  pages[0].extract("get the lowest price", z.number()),
  pages[1].extract("get the lowest price", z.number()),
  pages[2].extract("get the lowest price", z.number()),
]);

console.log("Prices:", prices);
await agent.closeAgent();