Page Summarizer

The Web Agent API supports two coding styles. The Chrome-compatible way auto-handles permissions:

// Chrome-compatible style (auto-permissions)
const session = await window.ai.createTextSession();
const summary = await session.prompt(document.body.innerText);

// Or using the Chrome Prompt API style:
const session = await window.ai.languageModel.create({
  systemPrompt: 'Summarize clearly and concisely.'
});
const summary = await session.prompt(text);

Or the explicit Web Agent API style with fine-grained control:

// Explicit Web Agent API style (full control)
await window.agent.requestPermissions({
  scopes: ['model:prompt', 'browser:activeTab.read'],
  reason: 'Summarize the current page'
});

// Read page content via extension API
const tab = await window.agent.browser.activeTab.readability();

// Create AI session with custom options
const session = await window.ai.createTextSession({
  systemPrompt: 'Summarize clearly and concisely.',
  temperature: 0.7
});

const summary = await session.prompt(tab.text);

Tip: The Chrome-compatible style is simpler — permissions are auto-requested when needed. Use the explicit style when you need more control over permissions, want to specify a custom reason, or need access to browser APIs like activeTab.read.