feat: add isolatedContext parameter to new_page for multi-session support

Add optional `isolatedContext` parameter to `new_page` tool that creates
pages in isolated browser contexts (separate cookies, storage, WebSocket
connections). This enables testing multi-user scenarios where an LLM needs
simultaneous sessions as different users.

Implementation:
- new_page accepts optional isolatedContext string parameter
- McpContext manages a Map of named BrowserContexts
- Pages created with the same context name share an isolated environment
- Pages list displays context labels for easy identification
- Uses page.browserContext() for reverse-lookup instead of iterating contexts

Closes #926

Author: RobertWsp

docs/tool-reference.md

@@ -1,6 +1,6 @@
 <!-- AUTO GENERATED DO NOT EDIT - run 'npm run docs' to update-->
 
-# Chrome DevTools MCP Tool Reference (~6661 cl100k_base tokens)
+# Chrome DevTools MCP Tool Reference (~6719 cl100k_base tokens)
 
 - **[Input automation](#input-automation)** (8 tools)
   - [`click`](#click)
@@ -172,6 +172,7 @@
 
 - **url** (string) **(required)**: URL to load in a new page.
 - **background** (boolean) _(optional)_: Whether to open the page in the background without bringing it to the front. Default is false (foreground).
+- **isolatedContext** (string) _(optional)_: If specified, the page is created in an isolated browser context with the given name. Pages in the same browser context share cookies and storage. Pages in different browser contexts are fully isolated.
 - **timeout** (integer) _(optional)_: Maximum wait time in milliseconds. If set to 0, the default timeout will be used.
 
 ---

src/McpContext.ts

@@ -19,6 +19,7 @@ import {NetworkCollector, ConsoleCollector} from './PageCollector.js';
 import type {DevTools} from './third_party/index.js';
 import type {
   Browser,
+  BrowserContext,
   ConsoleMessage,
   Debugger,
   Dialog,
@@ -74,7 +75,7 @@ interface EmulationSettings {
   viewport?: Viewport | null;
 }
 
-interface McpContextOptions {
+export interface McpContextOptions {
   // Whether the DevTools windows are exposed as pages for debugging of DevTools.
   experimentalDevToolsDebugging: boolean;
   // Whether all page-like targets are exposed as pages.
@@ -119,11 +120,17 @@ export class McpContext implements Context {
   browser: Browser;
   logger: Debugger;
 
-  // The most recent page state.
+  // Maps LLM-provided isolatedContext name → Puppeteer BrowserContext.
+  #isolatedContexts = new Map<string, BrowserContext>();
+  // Reverse lookup: Page → isolatedContext name (for snapshot labeling).
+  // WeakMap so closed pages are garbage-collected automatically.
+  #pageToIsolatedContextName = new WeakMap<Page, string>();
+  // Auto-generated name counter for when no name is provided.
+  #nextIsolatedContextId = 1;
+
   #pages: Page[] = [];
   #pageToDevToolsPage = new Map<Page, Page>();
   #selectedPage?: Page;
-  // The most recent snapshot.
   #textSnapshot: TextSnapshot | null = null;
   #networkCollector: NetworkCollector;
   #consoleCollector: ConsoleCollector;
@@ -187,6 +194,14 @@ export class McpContext implements Context {
     this.#networkCollector.dispose();
     this.#consoleCollector.dispose();
     this.#devtoolsUniverseManager.dispose();
+    for (const ctx of this.#isolatedContexts.values()) {
+      if (!ctx.closed) {
+        void ctx.close().catch(() => {
+          // Swallow errors during cleanup.
+        });
+      }
+    }
+    this.#isolatedContexts.clear();
   }
 
   static async from(
@@ -269,8 +284,41 @@ export class McpContext implements Context {
     return this.#consoleCollector.getById(this.getSelectedPage(), id);
   }
 
-  async newPage(background?: boolean): Promise<Page> {
-    const page = await this.browser.newPage({background});
+  async newPage(
+    background?: boolean,
+    isolatedContextName?: string,
+  ): Promise<Page> {
+    let page: Page;
+    if (isolatedContextName !== undefined) {
+      const isFirstIsolatedContext = this.#isolatedContexts.size === 0;
+      let ctx = this.#isolatedContexts.get(isolatedContextName);
+      if (!ctx) {
+        ctx = await this.browser.createBrowserContext();
+        this.#isolatedContexts.set(isolatedContextName, ctx);
+      }
+      page = await ctx.newPage();
+      this.#pageToIsolatedContextName.set(page, isolatedContextName);
+
+      // On the first isolated context creation, close any leftover
+      // about:blank pages from the default context. Chrome always opens
+      // an initial about:blank tab that is no longer needed once isolated
+      // contexts are in use. We only do this once to avoid closing pages
+      // the LLM may have explicitly opened in the default context later.
+      if (isFirstIsolatedContext) {
+        const defaultPages = await this.browser.defaultBrowserContext().pages();
+        for (const dp of defaultPages) {
+          if (dp.url() === 'about:blank') {
+            try {
+              await dp.close();
+            } catch {
+              // Page may already be closed.
+            }
+          }
+        }
+      }
+    } else {
+      page = await this.browser.newPage({background});
+    }
     await this.createPagesSnapshot();
     this.selectPage(page);
     this.#networkCollector.addPage(page);
@@ -282,7 +330,20 @@ export class McpContext implements Context {
       throw new Error(CLOSE_PAGE_ERROR);
     }
     const page = this.getPageById(pageId);
+    const isolatedContextName = this.#pageToIsolatedContextName.get(page);
     await page.close({runBeforeUnload: false});
+    this.#pageToIsolatedContextName.delete(page);
+
+    if (isolatedContextName) {
+      const ctx = this.#isolatedContexts.get(isolatedContextName);
+      if (ctx && !ctx.closed) {
+        const remainingPages = await ctx.pages();
+        if (remainingPages.length === 0) {
+          await ctx.close();
+          this.#isolatedContexts.delete(isolatedContextName);
+        }
+      }
+    }
   }
 
   getNetworkRequestById(reqid: number): HTTPRequest {
@@ -558,13 +619,8 @@ export class McpContext implements Context {
     }
   }
 
-  /**
-   * Creates a snapshot of the pages.
-   */
   async createPagesSnapshot(): Promise<Page[]> {
-    const allPages = await this.browser.pages(
-      this.#options.experimentalIncludeAllPages,
-    );
+    const allPages = await this.#getAllPages();
 
     for (const page of allPages) {
       if (!this.#pageIdMap.has(page)) {
@@ -573,8 +629,6 @@ export class McpContext implements Context {
     }
 
     this.#pages = allPages.filter(page => {
-      // If we allow debugging DevTools windows, return all pages.
-      // If we are in regular mode, the user should only see non-DevTools page.
       return (
         this.#options.experimentalDevToolsDebugging ||
         !page.url().startsWith('devtools://')
@@ -593,11 +647,44 @@ export class McpContext implements Context {
     return this.#pages;
   }
 
-  async detectOpenDevToolsWindows() {
-    this.logger('Detecting open DevTools windows');
-    const pages = await this.browser.pages(
+  async #getAllPages(): Promise<Page[]> {
+    const defaultCtx = this.browser.defaultBrowserContext();
+    const allPages = await this.browser.pages(
       this.#options.experimentalIncludeAllPages,
     );
+
+    // Build a reverse lookup from BrowserContext instance → name.
+    const contextToName = new Map<BrowserContext, string>();
+    for (const [name, ctx] of this.#isolatedContexts) {
+      contextToName.set(ctx, name);
+    }
+
+    // Auto-discover BrowserContexts not in our mapping (e.g., externally
+    // created incognito contexts) and assign generated names.
+    const knownContexts = new Set(this.#isolatedContexts.values());
+    for (const ctx of this.browser.browserContexts()) {
+      if (ctx !== defaultCtx && !ctx.closed && !knownContexts.has(ctx)) {
+        const name = `isolated-context-${this.#nextIsolatedContextId++}`;
+        this.#isolatedContexts.set(name, ctx);
+        contextToName.set(ctx, name);
+      }
+    }
+
+    // Use page.browserContext() to determine each page's context membership.
+    for (const page of allPages) {
+      const ctx = page.browserContext();
+      const name = contextToName.get(ctx);
+      if (name) {
+        this.#pageToIsolatedContextName.set(page, name);
+      }
+    }
+
+    return allPages;
+  }
+
+  async detectOpenDevToolsWindows() {
+    this.logger('Detecting open DevTools windows');
+    const pages = await this.#getAllPages();
     this.#pageToDevToolsPage = new Map<Page, Page>();
     for (const devToolsPage of pages) {
       if (devToolsPage.url().startsWith('devtools://')) {
@@ -629,6 +716,10 @@ export class McpContext implements Context {
     return this.#pages;
   }
 
+  getIsolatedContextName(page: Page): string | undefined {
+    return this.#pageToIsolatedContextName.get(page);
+  }
+
   getDevToolsPage(page: Page): Page | undefined {
     return this.#pageToDevToolsPage.get(page);
   }
@@ -857,7 +948,8 @@ export class McpContext implements Context {
         },
       } as ListenerMap;
     });
-    await this.#networkCollector.init(await this.browser.pages());
+    const pages = await this.browser.pages();
+    await this.#networkCollector.init(pages);
   }
 
   async installExtension(extensionPath: string): Promise<string> {

src/McpResponse.ts

@@ -504,17 +504,31 @@ Call ${handleDialog.name} to handle it before continuing.`);
     if (this.#includePages) {
       const parts = [`## Pages`];
       for (const page of context.getPages()) {
+        const isolatedContextName = context.getIsolatedContextName(page);
+        const contextLabel = isolatedContextName
+          ? ` isolatedContext=${isolatedContextName}`
+          : '';
         parts.push(
-          `${context.getPageId(page)}: ${page.url()}${context.isPageSelected(page) ? ' [selected]' : ''}`,
+          `${context.getPageId(page)}: ${page.url()}${context.isPageSelected(page) ? ' [selected]' : ''}${contextLabel}`,
         );
       }
       response.push(...parts);
       structuredContent.pages = context.getPages().map(page => {
-        return {
+        const isolatedContextName = context.getIsolatedContextName(page);
+        const entry: {
+          id: number | undefined;
+          url: string;
+          selected: boolean;
+          isolatedContext?: string;
+        } = {
           id: context.getPageId(page),
           url: page.url(),
           selected: context.isPageSelected(page),
         };
+        if (isolatedContextName) {
+          entry.isolatedContext = isolatedContextName;
+        }
+        return entry;
       });
     }
 

src/tools/ToolDefinition.ts

@@ -112,9 +112,10 @@ export type Context = Readonly<{
   getPageById(pageId: number): Page;
   getPageId(page: Page): number | undefined;
   isPageSelected(page: Page): boolean;
-  newPage(background?: boolean): Promise<Page>;
+  newPage(background?: boolean, isolatedContextName?: string): Promise<Page>;
   closePage(pageId: number): Promise<void>;
   selectPage(page: Page): void;
+  getIsolatedContextName(page: Page): string | undefined;
   getElementByUid(uid: string): Promise<ElementHandle<Element>>;
   getAXNodeByUid(uid: string): TextSnapshotNode | undefined;
   emulate(options: {

src/tools/pages.ts

@@ -93,10 +93,21 @@ export const newPage = defineTool({
       .describe(
         'Whether to open the page in the background without bringing it to the front. Default is false (foreground).',
       ),
+    isolatedContext: zod
+      .string()
+      .optional()
+      .describe(
+        'If specified, the page is created in an isolated browser context with the given name. ' +
+          'Pages in the same browser context share cookies and storage. ' +
+          'Pages in different browser contexts are fully isolated.',
+      ),
     ...timeoutSchema,
   },
   handler: async (request, response, context) => {
-    const page = await context.newPage(request.params.background);
+    const page = await context.newPage(
+      request.params.background,
+      request.params.isolatedContext,
+    );
 
     await context.waitForEventsAfterAction(
       async () => {