rae-playwright-mcp 0.0.1 → 0.0.2

package/lib/mcp/browser/tools/snapshot.js

@@ -0,0 +1,192 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var snapshot_exports = {};
+__export(snapshot_exports, {
+  default: () => snapshot_default,
+  elementSchema: () => elementSchema
+});
+module.exports = __toCommonJS(snapshot_exports);
+var import_fs = __toESM(require("fs"));
+var import_mcpBundle = require("playwright-core/lib/mcpBundle");
+var import_utils = require("playwright-core/lib/utils");
+var import_tool = require("./tool");
+const snapshot = (0, import_tool.defineTool)({
+  capability: "core",
+  schema: {
+    name: "browser_snapshot",
+    title: "Page snapshot",
+    description: "Capture accessibility snapshot of the current page, this is better than screenshot",
+    inputSchema: import_mcpBundle.z.object({
+      filename: import_mcpBundle.z.string().optional().describe("Save snapshot to markdown file instead of returning it in the response.")
+    }),
+    type: "readOnly"
+  },
+  handle: async (context, params, response) => {
+    await context.ensureTab();
+    response.setIncludeFullSnapshot();
+    if (params.filename) {
+      await response.finish();
+      const renderedResponse = response.render();
+      const fileName = await response.addFile(params.filename, { origin: "llm", reason: "Saved snapshot" });
+      await import_fs.default.promises.writeFile(fileName, renderedResponse.asText());
+      response.setIncludeMetaOnly();
+    }
+  }
+});
+const elementSchema = import_mcpBundle.z.object({
+  element: import_mcpBundle.z.string().describe("Human-readable element description used to obtain permission to interact with the element"),
+  ref: import_mcpBundle.z.string().describe("Exact target element reference from the page snapshot")
+});
+const clickSchema = elementSchema.extend({
+  doubleClick: import_mcpBundle.z.boolean().optional().describe("Whether to perform a double click instead of a single click"),
+  button: import_mcpBundle.z.enum(["left", "right", "middle"]).optional().describe("Button to click, defaults to left"),
+  modifiers: import_mcpBundle.z.array(import_mcpBundle.z.enum(["Alt", "Control", "ControlOrMeta", "Meta", "Shift"])).optional().describe("Modifier keys to press")
+});
+const click = (0, import_tool.defineTabTool)({
+  capability: "core",
+  schema: {
+    name: "browser_click",
+    title: "Click",
+    description: "Perform click on a web page",
+    inputSchema: clickSchema,
+    type: "input"
+  },
+  handle: async (tab, params, response) => {
+    response.setIncludeSnapshot();
+    const { locator, resolved } = await tab.refLocator(params);
+    const options = {
+      button: params.button,
+      modifiers: params.modifiers
+    };
+    const formatted = (0, import_utils.formatObject)(options, " ", "oneline");
+    const optionsAttr = formatted !== "{}" ? formatted : "";
+    if (params.doubleClick)
+      response.addCode(`await page.${resolved}.dblclick(${optionsAttr});`);
+    else
+      response.addCode(`await page.${resolved}.click(${optionsAttr});`);
+    await tab.waitForCompletion(async () => {
+      if (params.doubleClick)
+        await locator.dblclick(options);
+      else
+        await locator.click(options);
+    });
+  }
+});
+const drag = (0, import_tool.defineTabTool)({
+  capability: "core",
+  schema: {
+    name: "browser_drag",
+    title: "Drag mouse",
+    description: "Perform drag and drop between two elements",
+    inputSchema: import_mcpBundle.z.object({
+      startElement: import_mcpBundle.z.string().describe("Human-readable source element description used to obtain the permission to interact with the element"),
+      startRef: import_mcpBundle.z.string().describe("Exact source element reference from the page snapshot"),
+      endElement: import_mcpBundle.z.string().describe("Human-readable target element description used to obtain the permission to interact with the element"),
+      endRef: import_mcpBundle.z.string().describe("Exact target element reference from the page snapshot")
+    }),
+    type: "input"
+  },
+  handle: async (tab, params, response) => {
+    response.setIncludeSnapshot();
+    const [start, end] = await tab.refLocators([
+      { ref: params.startRef, element: params.startElement },
+      { ref: params.endRef, element: params.endElement }
+    ]);
+    await tab.waitForCompletion(async () => {
+      await start.locator.dragTo(end.locator);
+    });
+    response.addCode(`await page.${start.resolved}.dragTo(page.${end.resolved});`);
+  }
+});
+const hover = (0, import_tool.defineTabTool)({
+  capability: "core",
+  schema: {
+    name: "browser_hover",
+    title: "Hover mouse",
+    description: "Hover over element on page",
+    inputSchema: elementSchema,
+    type: "input"
+  },
+  handle: async (tab, params, response) => {
+    response.setIncludeSnapshot();
+    const { locator, resolved } = await tab.refLocator(params);
+    response.addCode(`await page.${resolved}.hover();`);
+    await tab.waitForCompletion(async () => {
+      await locator.hover();
+    });
+  }
+});
+const selectOptionSchema = elementSchema.extend({
+  values: import_mcpBundle.z.array(import_mcpBundle.z.string()).describe("Array of values to select in the dropdown. This can be a single value or multiple values.")
+});
+const selectOption = (0, import_tool.defineTabTool)({
+  capability: "core",
+  schema: {
+    name: "browser_select_option",
+    title: "Select option",
+    description: "Select an option in a dropdown",
+    inputSchema: selectOptionSchema,
+    type: "input"
+  },
+  handle: async (tab, params, response) => {
+    response.setIncludeSnapshot();
+    const { locator, resolved } = await tab.refLocator(params);
+    response.addCode(`await page.${resolved}.selectOption(${(0, import_utils.formatObject)(params.values)});`);
+    await tab.waitForCompletion(async () => {
+      await locator.selectOption(params.values);
+    });
+  }
+});
+const pickLocator = (0, import_tool.defineTabTool)({
+  capability: "testing",
+  schema: {
+    name: "browser_generate_locator",
+    title: "Create locator for element",
+    description: "Generate locator for the given element to use in tests",
+    inputSchema: elementSchema,
+    type: "readOnly"
+  },
+  handle: async (tab, params, response) => {
+    const { resolved } = await tab.refLocator(params);
+    response.addResult(resolved);
+  }
+});
+var snapshot_default = [
+  snapshot,
+  click,
+  drag,
+  hover,
+  selectOption,
+  pickLocator
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  elementSchema
+});
+//# sourceMappingURL=snapshot.js.map

package/lib/mcp/browser/tools/snapshot.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mcp/browser/tools/snapshot.ts"],
+  "sourcesContent": ["/**\n * Copyright (c) Microsoft Corporation.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport fs from 'fs';\n\nimport { z } from 'playwright-core/lib/mcpBundle';\nimport { formatObject } from 'playwright-core/lib/utils';\n\nimport { defineTabTool, defineTool } from './tool';\n\nconst snapshot = defineTool({\n  capability: 'core',\n  schema: {\n    name: 'browser_snapshot',\n    title: 'Page snapshot',\n    description: 'Capture accessibility snapshot of the current page, this is better than screenshot',\n    inputSchema: z.object({\n      filename: z.string().optional().describe('Save snapshot to markdown file instead of returning it in the response.'),\n    }),\n    type: 'readOnly',\n  },\n\n  handle: async (context, params, response) => {\n    await context.ensureTab();\n    response.setIncludeFullSnapshot();\n    if (params.filename) {\n      await response.finish();\n      const renderedResponse = response.render();\n      const fileName = await response.addFile(params.filename, { origin: 'llm', reason: 'Saved snapshot' });\n      await fs.promises.writeFile(fileName, renderedResponse.asText());\n      response.setIncludeMetaOnly();\n    }\n  },\n});\n\nexport const elementSchema = z.object({\n  element: z.string().describe('Human-readable element description used to obtain permission to interact with the element'),\n  ref: z.string().describe('Exact target element reference from the page snapshot'),\n});\n\nconst clickSchema = elementSchema.extend({\n  doubleClick: z.boolean().optional().describe('Whether to perform a double click instead of a single click'),\n  button: z.enum(['left', 'right', 'middle']).optional().describe('Button to click, defaults to left'),\n  modifiers: z.array(z.enum(['Alt', 'Control', 'ControlOrMeta', 'Meta', 'Shift'])).optional().describe('Modifier keys to press'),\n});\n\nconst click = defineTabTool({\n  capability: 'core',\n  schema: {\n    name: 'browser_click',\n    title: 'Click',\n    description: 'Perform click on a web page',\n    inputSchema: clickSchema,\n    type: 'input',\n  },\n\n  handle: async (tab, params, response) => {\n    response.setIncludeSnapshot();\n\n    const { locator, resolved } = await tab.refLocator(params);\n    const options = {\n      button: params.button,\n      modifiers: params.modifiers,\n    };\n    const formatted = formatObject(options, ' ', 'oneline');\n    const optionsAttr = formatted !== '{}' ? formatted : '';\n\n    if (params.doubleClick)\n      response.addCode(`await page.${resolved}.dblclick(${optionsAttr});`);\n    else\n      response.addCode(`await page.${resolved}.click(${optionsAttr});`);\n\n    await tab.waitForCompletion(async () => {\n      if (params.doubleClick)\n        await locator.dblclick(options);\n      else\n        await locator.click(options);\n    });\n  },\n});\n\nconst drag = defineTabTool({\n  capability: 'core',\n  schema: {\n    name: 'browser_drag',\n    title: 'Drag mouse',\n    description: 'Perform drag and drop between two elements',\n    inputSchema: z.object({\n      startElement: z.string().describe('Human-readable source element description used to obtain the permission to interact with the element'),\n      startRef: z.string().describe('Exact source element reference from the page snapshot'),\n      endElement: z.string().describe('Human-readable target element description used to obtain the permission to interact with the element'),\n      endRef: z.string().describe('Exact target element reference from the page snapshot'),\n    }),\n    type: 'input',\n  },\n\n  handle: async (tab, params, response) => {\n    response.setIncludeSnapshot();\n\n    const [start, end] = await tab.refLocators([\n      { ref: params.startRef, element: params.startElement },\n      { ref: params.endRef, element: params.endElement },\n    ]);\n\n    await tab.waitForCompletion(async () => {\n      await start.locator.dragTo(end.locator);\n    });\n\n    response.addCode(`await page.${start.resolved}.dragTo(page.${end.resolved});`);\n  },\n});\n\nconst hover = defineTabTool({\n  capability: 'core',\n  schema: {\n    name: 'browser_hover',\n    title: 'Hover mouse',\n    description: 'Hover over element on page',\n    inputSchema: elementSchema,\n    type: 'input',\n  },\n\n  handle: async (tab, params, response) => {\n    response.setIncludeSnapshot();\n\n    const { locator, resolved } = await tab.refLocator(params);\n    response.addCode(`await page.${resolved}.hover();`);\n\n    await tab.waitForCompletion(async () => {\n      await locator.hover();\n    });\n  },\n});\n\nconst selectOptionSchema = elementSchema.extend({\n  values: z.array(z.string()).describe('Array of values to select in the dropdown. This can be a single value or multiple values.'),\n});\n\nconst selectOption = defineTabTool({\n  capability: 'core',\n  schema: {\n    name: 'browser_select_option',\n    title: 'Select option',\n    description: 'Select an option in a dropdown',\n    inputSchema: selectOptionSchema,\n    type: 'input',\n  },\n\n  handle: async (tab, params, response) => {\n    response.setIncludeSnapshot();\n\n    const { locator, resolved } = await tab.refLocator(params);\n    response.addCode(`await page.${resolved}.selectOption(${formatObject(params.values)});`);\n\n    await tab.waitForCompletion(async () => {\n      await locator.selectOption(params.values);\n    });\n  },\n});\n\nconst pickLocator = defineTabTool({\n  capability: 'testing',\n  schema: {\n    name: 'browser_generate_locator',\n    title: 'Create locator for element',\n    description: 'Generate locator for the given element to use in tests',\n    inputSchema: elementSchema,\n    type: 'readOnly',\n  },\n\n  handle: async (tab, params, response) => {\n    const { resolved } = await tab.refLocator(params);\n    response.addResult(resolved);\n  },\n});\n\nexport default [\n  snapshot,\n  click,\n  drag,\n  hover,\n  selectOption,\n  pickLocator,\n];\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA,gBAAe;AAEf,uBAAkB;AAClB,mBAA6B;AAE7B,kBAA0C;AAE1C,MAAM,eAAW,wBAAW;AAAA,EAC1B,YAAY;AAAA,EACZ,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,aAAa,mBAAE,OAAO;AAAA,MACpB,UAAU,mBAAE,OAAO,EAAE,SAAS,EAAE,SAAS,yEAAyE;AAAA,IACpH,CAAC;AAAA,IACD,MAAM;AAAA,EACR;AAAA,EAEA,QAAQ,OAAO,SAAS,QAAQ,aAAa;AAC3C,UAAM,QAAQ,UAAU;AACxB,aAAS,uBAAuB;AAChC,QAAI,OAAO,UAAU;AACnB,YAAM,SAAS,OAAO;AACtB,YAAM,mBAAmB,SAAS,OAAO;AACzC,YAAM,WAAW,MAAM,SAAS,QAAQ,OAAO,UAAU,EAAE,QAAQ,OAAO,QAAQ,iBAAiB,CAAC;AACpG,YAAM,UAAAA,QAAG,SAAS,UAAU,UAAU,iBAAiB,OAAO,CAAC;AAC/D,eAAS,mBAAmB;AAAA,IAC9B;AAAA,EACF;AACF,CAAC;AAEM,MAAM,gBAAgB,mBAAE,OAAO;AAAA,EACpC,SAAS,mBAAE,OAAO,EAAE,SAAS,2FAA2F;AAAA,EACxH,KAAK,mBAAE,OAAO,EAAE,SAAS,uDAAuD;AAClF,CAAC;AAED,MAAM,cAAc,cAAc,OAAO;AAAA,EACvC,aAAa,mBAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,6DAA6D;AAAA,EAC1G,QAAQ,mBAAE,KAAK,CAAC,QAAQ,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,SAAS,mCAAmC;AAAA,EACnG,WAAW,mBAAE,MAAM,mBAAE,KAAK,CAAC,OAAO,WAAW,iBAAiB,QAAQ,OAAO,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,wBAAwB;AAC/H,CAAC;AAED,MAAM,YAAQ,2BAAc;AAAA,EAC1B,YAAY;AAAA,EACZ,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,EACR;AAAA,EAEA,QAAQ,OAAO,KAAK,QAAQ,aAAa;AACvC,aAAS,mBAAmB;AAE5B,UAAM,EAAE,SAAS,SAAS,IAAI,MAAM,IAAI,WAAW,MAAM;AACzD,UAAM,UAAU;AAAA,MACd,QAAQ,OAAO;AAAA,MACf,WAAW,OAAO;AAAA,IACpB;AACA,UAAM,gBAAY,2BAAa,SAAS,KAAK,SAAS;AACtD,UAAM,cAAc,cAAc,OAAO,YAAY;AAErD,QAAI,OAAO;AACT,eAAS,QAAQ,cAAc,QAAQ,aAAa,WAAW,IAAI;AAAA;AAEnE,eAAS,QAAQ,cAAc,QAAQ,UAAU,WAAW,IAAI;AAElE,UAAM,IAAI,kBAAkB,YAAY;AACtC,UAAI,OAAO;AACT,cAAM,QAAQ,SAAS,OAAO;AAAA;AAE9B,cAAM,QAAQ,MAAM,OAAO;AAAA,IAC/B,CAAC;AAAA,EACH;AACF,CAAC;AAED,MAAM,WAAO,2BAAc;AAAA,EACzB,YAAY;AAAA,EACZ,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,aAAa,mBAAE,OAAO;AAAA,MACpB,cAAc,mBAAE,OAAO,EAAE,SAAS,sGAAsG;AAAA,MACxI,UAAU,mBAAE,OAAO,EAAE,SAAS,uDAAuD;AAAA,MACrF,YAAY,mBAAE,OAAO,EAAE,SAAS,sGAAsG;AAAA,MACtI,QAAQ,mBAAE,OAAO,EAAE,SAAS,uDAAuD;AAAA,IACrF,CAAC;AAAA,IACD,MAAM;AAAA,EACR;AAAA,EAEA,QAAQ,OAAO,KAAK,QAAQ,aAAa;AACvC,aAAS,mBAAmB;AAE5B,UAAM,CAAC,OAAO,GAAG,IAAI,MAAM,IAAI,YAAY;AAAA,MACzC,EAAE,KAAK,OAAO,UAAU,SAAS,OAAO,aAAa;AAAA,MACrD,EAAE,KAAK,OAAO,QAAQ,SAAS,OAAO,WAAW;AAAA,IACnD,CAAC;AAED,UAAM,IAAI,kBAAkB,YAAY;AACtC,YAAM,MAAM,QAAQ,OAAO,IAAI,OAAO;AAAA,IACxC,CAAC;AAED,aAAS,QAAQ,cAAc,MAAM,QAAQ,gBAAgB,IAAI,QAAQ,IAAI;AAAA,EAC/E;AACF,CAAC;AAED,MAAM,YAAQ,2BAAc;AAAA,EAC1B,YAAY;AAAA,EACZ,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,EACR;AAAA,EAEA,QAAQ,OAAO,KAAK,QAAQ,aAAa;AACvC,aAAS,mBAAmB;AAE5B,UAAM,EAAE,SAAS,SAAS,IAAI,MAAM,IAAI,WAAW,MAAM;AACzD,aAAS,QAAQ,cAAc,QAAQ,WAAW;AAElD,UAAM,IAAI,kBAAkB,YAAY;AACtC,YAAM,QAAQ,MAAM;AAAA,IACtB,CAAC;AAAA,EACH;AACF,CAAC;AAED,MAAM,qBAAqB,cAAc,OAAO;AAAA,EAC9C,QAAQ,mBAAE,MAAM,mBAAE,OAAO,CAAC,EAAE,SAAS,2FAA2F;AAClI,CAAC;AAED,MAAM,mBAAe,2BAAc;AAAA,EACjC,YAAY;AAAA,EACZ,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,EACR;AAAA,EAEA,QAAQ,OAAO,KAAK,QAAQ,aAAa;AACvC,aAAS,mBAAmB;AAE5B,UAAM,EAAE,SAAS,SAAS,IAAI,MAAM,IAAI,WAAW,MAAM;AACzD,aAAS,QAAQ,cAAc,QAAQ,qBAAiB,2BAAa,OAAO,MAAM,CAAC,IAAI;AAEvF,UAAM,IAAI,kBAAkB,YAAY;AACtC,YAAM,QAAQ,aAAa,OAAO,MAAM;AAAA,IAC1C,CAAC;AAAA,EACH;AACF,CAAC;AAED,MAAM,kBAAc,2BAAc;AAAA,EAChC,YAAY;AAAA,EACZ,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,EACR;AAAA,EAEA,QAAQ,OAAO,KAAK,QAAQ,aAAa;AACvC,UAAM,EAAE,SAAS,IAAI,MAAM,IAAI,WAAW,MAAM;AAChD,aAAS,UAAU,QAAQ;AAAA,EAC7B;AACF,CAAC;AAED,IAAO,mBAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
+  "names": ["fs"]
+}

package/lib/mcp/browser/tools/tabs.js

@@ -0,0 +1,68 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var tabs_exports = {};
+__export(tabs_exports, {
+  default: () => tabs_default
+});
+module.exports = __toCommonJS(tabs_exports);
+var import_mcpBundle = require("playwright-core/lib/mcpBundle");
+var import_tool = require("./tool");
+const browserTabs = (0, import_tool.defineTool)({
+  capability: "core-tabs",
+  schema: {
+    name: "browser_tabs",
+    title: "Manage tabs",
+    description: "List, create, close, or select a browser tab.",
+    inputSchema: import_mcpBundle.z.object({
+      action: import_mcpBundle.z.enum(["list", "new", "close", "select"]).describe("Operation to perform"),
+      index: import_mcpBundle.z.number().optional().describe("Tab index, used for close/select. If omitted for close, current tab is closed.")
+    }),
+    type: "action"
+  },
+  handle: async (context, params, response) => {
+    switch (params.action) {
+      case "list": {
+        await context.ensureTab();
+        response.setIncludeTabs();
+        return;
+      }
+      case "new": {
+        await context.newTab();
+        response.setIncludeTabs();
+        return;
+      }
+      case "close": {
+        await context.closeTab(params.index);
+        response.setIncludeFullSnapshot();
+        return;
+      }
+      case "select": {
+        if (params.index === void 0)
+          throw new Error("Tab index is required");
+        await context.selectTab(params.index);
+        response.setIncludeFullSnapshot();
+        return;
+      }
+    }
+  }
+});
+var tabs_default = [
+  browserTabs
+];
+//# sourceMappingURL=tabs.js.map

package/lib/mcp/browser/tools/tabs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mcp/browser/tools/tabs.ts"],
+  "sourcesContent": ["/**\n * Copyright (c) Microsoft Corporation.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { z } from 'playwright-core/lib/mcpBundle';\nimport { defineTool } from './tool';\n\nconst browserTabs = defineTool({\n  capability: 'core-tabs',\n\n  schema: {\n    name: 'browser_tabs',\n    title: 'Manage tabs',\n    description: 'List, create, close, or select a browser tab.',\n    inputSchema: z.object({\n      action: z.enum(['list', 'new', 'close', 'select']).describe('Operation to perform'),\n      index: z.number().optional().describe('Tab index, used for close/select. If omitted for close, current tab is closed.'),\n    }),\n    type: 'action',\n  },\n\n  handle: async (context, params, response) => {\n    switch (params.action) {\n      case 'list': {\n        await context.ensureTab();\n        response.setIncludeTabs();\n        return;\n      }\n      case 'new': {\n        await context.newTab();\n        response.setIncludeTabs();\n        return;\n      }\n      case 'close': {\n        await context.closeTab(params.index);\n        response.setIncludeFullSnapshot();\n        return;\n      }\n      case 'select': {\n        if (params.index === undefined)\n          throw new Error('Tab index is required');\n        await context.selectTab(params.index);\n        response.setIncludeFullSnapshot();\n        return;\n      }\n    }\n  },\n});\n\nexport default [\n  browserTabs,\n];\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA,uBAAkB;AAClB,kBAA2B;AAE3B,MAAM,kBAAc,wBAAW;AAAA,EAC7B,YAAY;AAAA,EAEZ,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,aAAa,mBAAE,OAAO;AAAA,MACpB,QAAQ,mBAAE,KAAK,CAAC,QAAQ,OAAO,SAAS,QAAQ,CAAC,EAAE,SAAS,sBAAsB;AAAA,MAClF,OAAO,mBAAE,OAAO,EAAE,SAAS,EAAE,SAAS,gFAAgF;AAAA,IACxH,CAAC;AAAA,IACD,MAAM;AAAA,EACR;AAAA,EAEA,QAAQ,OAAO,SAAS,QAAQ,aAAa;AAC3C,YAAQ,OAAO,QAAQ;AAAA,MACrB,KAAK,QAAQ;AACX,cAAM,QAAQ,UAAU;AACxB,iBAAS,eAAe;AACxB;AAAA,MACF;AAAA,MACA,KAAK,OAAO;AACV,cAAM,QAAQ,OAAO;AACrB,iBAAS,eAAe;AACxB;AAAA,MACF;AAAA,MACA,KAAK,SAAS;AACZ,cAAM,QAAQ,SAAS,OAAO,KAAK;AACnC,iBAAS,uBAAuB;AAChC;AAAA,MACF;AAAA,MACA,KAAK,UAAU;AACb,YAAI,OAAO,UAAU;AACnB,gBAAM,IAAI,MAAM,uBAAuB;AACzC,cAAM,QAAQ,UAAU,OAAO,KAAK;AACpC,iBAAS,uBAAuB;AAChC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAED,IAAO,eAAQ;AAAA,EACb;AACF;",
+  "names": []
+}

package/lib/mcp/browser/tools/tool.js

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var tool_exports = {};
+__export(tool_exports, {
+  defineTabTool: () => defineTabTool,
+  defineTool: () => defineTool
+});
+module.exports = __toCommonJS(tool_exports);
+function defineTool(tool) {
+  return tool;
+}
+function defineTabTool(tool) {
+  return {
+    ...tool,
+    handle: async (context, params, response) => {
+      const tab = await context.ensureTab();
+      const modalStates = tab.modalStates().map((state) => state.type);
+      if (tool.clearsModalState && !modalStates.includes(tool.clearsModalState)) {
+        response.setIncludeModalStates(tab.modalStates());
+        response.addError(`Error: The tool "${tool.schema.name}" can only be used when there is related modal state present.`);
+      } else if (!tool.clearsModalState && modalStates.length) {
+        response.setIncludeModalStates(tab.modalStates());
+        response.addError(`Error: Tool "${tool.schema.name}" does not handle the modal state.`);
+      } else {
+        return tool.handle(tab, params, response);
+      }
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  defineTabTool,
+  defineTool
+});
+//# sourceMappingURL=tool.js.map

package/lib/mcp/browser/tools/tool.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mcp/browser/tools/tool.ts"],
+  "sourcesContent": ["/**\n * Copyright (c) Microsoft Corporation.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { z } from 'zod';\nimport type { Context } from '../context';\nimport type * as playwright from 'playwright-core';\nimport type { ToolCapability } from '../../config';\nimport type { Tab } from '../tab';\nimport type { Response } from '../response';\nimport type { ToolSchema } from '../../sdk/tool';\n\nexport type FileUploadModalState = {\n  type: 'fileChooser';\n  description: string;\n  fileChooser: playwright.FileChooser;\n  clearedBy: string;\n};\n\nexport type DialogModalState = {\n  type: 'dialog';\n  description: string;\n  dialog: playwright.Dialog;\n  clearedBy: string;\n};\n\nexport type ModalState = FileUploadModalState | DialogModalState;\n\nexport type Tool<Input extends z.Schema = z.Schema> = {\n  capability: ToolCapability;\n  schema: ToolSchema<Input>;\n  handle: (context: Context, params: z.output<Input>, response: Response) => Promise<void>;\n};\n\nexport function defineTool<Input extends z.Schema>(tool: Tool<Input>): Tool<Input> {\n  return tool;\n}\n\nexport type TabTool<Input extends z.Schema = z.Schema> = {\n  capability: ToolCapability;\n  schema: ToolSchema<Input>;\n  clearsModalState?: ModalState['type'];\n  handle: (tab: Tab, params: z.output<Input>, response: Response) => Promise<void>;\n};\n\nexport function defineTabTool<Input extends z.Schema>(tool: TabTool<Input>): Tool<Input> {\n  return {\n    ...tool,\n    handle: async (context, params, response) => {\n      const tab = await context.ensureTab();\n      const modalStates = tab.modalStates().map(state => state.type);\n      if (tool.clearsModalState && !modalStates.includes(tool.clearsModalState)) {\n        response.setIncludeModalStates(tab.modalStates());\n        response.addError(`Error: The tool \"${tool.schema.name}\" can only be used when there is related modal state present.`);\n      } else if (!tool.clearsModalState && modalStates.length) {\n        response.setIncludeModalStates(tab.modalStates());\n        response.addError(`Error: Tool \"${tool.schema.name}\" does not handle the modal state.`);\n      } else {\n        return tool.handle(tab, params, response);\n      }\n    },\n  };\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8CO,SAAS,WAAmC,MAAgC;AACjF,SAAO;AACT;AASO,SAAS,cAAsC,MAAmC;AACvF,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ,OAAO,SAAS,QAAQ,aAAa;AAC3C,YAAM,MAAM,MAAM,QAAQ,UAAU;AACpC,YAAM,cAAc,IAAI,YAAY,EAAE,IAAI,WAAS,MAAM,IAAI;AAC7D,UAAI,KAAK,oBAAoB,CAAC,YAAY,SAAS,KAAK,gBAAgB,GAAG;AACzE,iBAAS,sBAAsB,IAAI,YAAY,CAAC;AAChD,iBAAS,SAAS,oBAAoB,KAAK,OAAO,IAAI,+DAA+D;AAAA,MACvH,WAAW,CAAC,KAAK,oBAAoB,YAAY,QAAQ;AACvD,iBAAS,sBAAsB,IAAI,YAAY,CAAC;AAChD,iBAAS,SAAS,gBAAgB,KAAK,OAAO,IAAI,oCAAoC;AAAA,MACxF,OAAO;AACL,eAAO,KAAK,OAAO,KAAK,QAAQ,QAAQ;AAAA,MAC1C;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/lib/mcp/browser/tools/tracing.js

@@ -0,0 +1,76 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var tracing_exports = {};
+__export(tracing_exports, {
+  default: () => tracing_default
+});
+module.exports = __toCommonJS(tracing_exports);
+var import_mcpBundle = require("playwright-core/lib/mcpBundle");
+var import_tool = require("./tool");
+const tracingStart = (0, import_tool.defineTool)({
+  capability: "tracing",
+  schema: {
+    name: "browser_start_tracing",
+    title: "Start tracing",
+    description: "Start trace recording",
+    inputSchema: import_mcpBundle.z.object({}),
+    type: "readOnly"
+  },
+  handle: async (context, params, response) => {
+    const browserContext = await context.ensureBrowserContext();
+    const tracesDir = await context.outputFile(`traces`, { origin: "code", reason: "Collecting trace" });
+    const name = "trace-" + Date.now();
+    await browserContext.tracing.start({
+      name,
+      screenshots: true,
+      snapshots: true,
+      sources: true,
+      _live: true
+    });
+    const traceLegend = `- Action log: ${tracesDir}/${name}.trace
+- Network log: ${tracesDir}/${name}.network
+- Resources with content by sha1: ${tracesDir}/resources`;
+    response.addResult(`Tracing started, saving to ${tracesDir}.
+${traceLegend}`);
+    browserContext.tracing[traceLegendSymbol] = traceLegend;
+  }
+});
+const tracingStop = (0, import_tool.defineTool)({
+  capability: "tracing",
+  schema: {
+    name: "browser_stop_tracing",
+    title: "Stop tracing",
+    description: "Stop trace recording",
+    inputSchema: import_mcpBundle.z.object({}),
+    type: "readOnly"
+  },
+  handle: async (context, params, response) => {
+    const browserContext = await context.ensureBrowserContext();
+    await browserContext.tracing.stop();
+    const traceLegend = browserContext.tracing[traceLegendSymbol];
+    response.addResult(`Tracing stopped.
+${traceLegend}`);
+  }
+});
+var tracing_default = [
+  tracingStart,
+  tracingStop
+];
+const traceLegendSymbol = Symbol("tracesDir");
+//# sourceMappingURL=tracing.js.map

package/lib/mcp/browser/tools/tracing.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mcp/browser/tools/tracing.ts"],
+  "sourcesContent": ["/**\n * Copyright (c) Microsoft Corporation.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { z } from 'playwright-core/lib/mcpBundle';\nimport { defineTool } from './tool';\n\nimport type { Tracing } from '../../../../../playwright-core/src/client/tracing';\n\nconst tracingStart = defineTool({\n  capability: 'tracing',\n\n  schema: {\n    name: 'browser_start_tracing',\n    title: 'Start tracing',\n    description: 'Start trace recording',\n    inputSchema: z.object({}),\n    type: 'readOnly',\n  },\n\n  handle: async (context, params, response) => {\n    const browserContext = await context.ensureBrowserContext();\n    const tracesDir = await context.outputFile(`traces`, { origin: 'code', reason: 'Collecting trace' });\n    const name = 'trace-' + Date.now();\n    await (browserContext.tracing as Tracing).start({\n      name,\n      screenshots: true,\n      snapshots: true,\n      sources: true,\n      _live: true,\n    });\n    const traceLegend = `- Action log: ${tracesDir}/${name}.trace\n- Network log: ${tracesDir}/${name}.network\n- Resources with content by sha1: ${tracesDir}/resources`;\n\n    response.addResult(`Tracing started, saving to ${tracesDir}.\\n${traceLegend}`);\n    (browserContext.tracing as any)[traceLegendSymbol] = traceLegend;\n  },\n});\n\nconst tracingStop = defineTool({\n  capability: 'tracing',\n\n  schema: {\n    name: 'browser_stop_tracing',\n    title: 'Stop tracing',\n    description: 'Stop trace recording',\n    inputSchema: z.object({}),\n    type: 'readOnly',\n  },\n\n  handle: async (context, params, response) => {\n    const browserContext = await context.ensureBrowserContext();\n    await browserContext.tracing.stop();\n    const traceLegend = (browserContext.tracing as any)[traceLegendSymbol];\n    response.addResult(`Tracing stopped.\\n${traceLegend}`);\n  },\n});\n\nexport default [\n  tracingStart,\n  tracingStop,\n];\n\nconst traceLegendSymbol = Symbol('tracesDir');\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA,uBAAkB;AAClB,kBAA2B;AAI3B,MAAM,mBAAe,wBAAW;AAAA,EAC9B,YAAY;AAAA,EAEZ,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,aAAa,mBAAE,OAAO,CAAC,CAAC;AAAA,IACxB,MAAM;AAAA,EACR;AAAA,EAEA,QAAQ,OAAO,SAAS,QAAQ,aAAa;AAC3C,UAAM,iBAAiB,MAAM,QAAQ,qBAAqB;AAC1D,UAAM,YAAY,MAAM,QAAQ,WAAW,UAAU,EAAE,QAAQ,QAAQ,QAAQ,mBAAmB,CAAC;AACnG,UAAM,OAAO,WAAW,KAAK,IAAI;AACjC,UAAO,eAAe,QAAoB,MAAM;AAAA,MAC9C;AAAA,MACA,aAAa;AAAA,MACb,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,IACT,CAAC;AACD,UAAM,cAAc,iBAAiB,SAAS,IAAI,IAAI;AAAA,iBACzC,SAAS,IAAI,IAAI;AAAA,oCACE,SAAS;AAEzC,aAAS,UAAU,8BAA8B,SAAS;AAAA,EAAM,WAAW,EAAE;AAC7E,IAAC,eAAe,QAAgB,iBAAiB,IAAI;AAAA,EACvD;AACF,CAAC;AAED,MAAM,kBAAc,wBAAW;AAAA,EAC7B,YAAY;AAAA,EAEZ,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,aAAa,mBAAE,OAAO,CAAC,CAAC;AAAA,IACxB,MAAM;AAAA,EACR;AAAA,EAEA,QAAQ,OAAO,SAAS,QAAQ,aAAa;AAC3C,UAAM,iBAAiB,MAAM,QAAQ,qBAAqB;AAC1D,UAAM,eAAe,QAAQ,KAAK;AAClC,UAAM,cAAe,eAAe,QAAgB,iBAAiB;AACrE,aAAS,UAAU;AAAA,EAAqB,WAAW,EAAE;AAAA,EACvD;AACF,CAAC;AAED,IAAO,kBAAQ;AAAA,EACb;AAAA,EACA;AACF;AAEA,MAAM,oBAAoB,OAAO,WAAW;",
+  "names": []
+}

package/lib/mcp/browser/tools/utils.js

@@ -0,0 +1,95 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  callOnPageNoTrace: () => callOnPageNoTrace,
+  dateAsFileName: () => dateAsFileName,
+  eventWaiter: () => eventWaiter,
+  waitForCompletion: () => waitForCompletion
+});
+module.exports = __toCommonJS(utils_exports);
+async function waitForCompletion(tab, callback) {
+  const requests = [];
+  const requestListener = (request) => requests.push(request);
+  const disposeListeners = () => {
+    tab.page.off("request", requestListener);
+  };
+  tab.page.on("request", requestListener);
+  let result;
+  try {
+    result = await callback();
+    await tab.waitForTimeout(500);
+  } finally {
+    disposeListeners();
+  }
+  const requestedNavigation = requests.some((request) => request.isNavigationRequest());
+  if (requestedNavigation) {
+    await tab.page.mainFrame().waitForLoadState("load", { timeout: 1e4 }).catch(() => {
+    });
+    return result;
+  }
+  const promises = [];
+  for (const request of requests) {
+    if (["document", "stylesheet", "script", "xhr", "fetch"].includes(request.resourceType()))
+      promises.push(request.response().then((r) => r?.finished()).catch(() => {
+      }));
+    else
+      promises.push(request.response().catch(() => {
+      }));
+  }
+  const timeout = new Promise((resolve) => setTimeout(resolve, 5e3));
+  await Promise.race([Promise.all(promises), timeout]);
+  if (requests.length)
+    await tab.waitForTimeout(500);
+  return result;
+}
+async function callOnPageNoTrace(page, callback) {
+  return await page._wrapApiCall(() => callback(page), { internal: true });
+}
+function dateAsFileName(extension) {
+  const date = /* @__PURE__ */ new Date();
+  return `page-${date.toISOString().replace(/[:.]/g, "-")}.${extension}`;
+}
+function eventWaiter(page, event, timeout) {
+  const disposables = [];
+  const eventPromise = new Promise((resolve, reject) => {
+    page.on(event, resolve);
+    disposables.push(() => page.off(event, resolve));
+  });
+  let abort;
+  const abortPromise = new Promise((resolve, reject) => {
+    abort = () => resolve(void 0);
+  });
+  const timeoutPromise = new Promise((f) => {
+    const timeoutId = setTimeout(() => f(void 0), timeout);
+    disposables.push(() => clearTimeout(timeoutId));
+  });
+  return {
+    promise: Promise.race([eventPromise, abortPromise, timeoutPromise]).finally(() => disposables.forEach((dispose) => dispose())),
+    abort
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  callOnPageNoTrace,
+  dateAsFileName,
+  eventWaiter,
+  waitForCompletion
+});
+//# sourceMappingURL=utils.js.map

package/lib/mcp/browser/tools/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mcp/browser/tools/utils.ts"],
+  "sourcesContent": ["/**\n * Copyright (c) Microsoft Corporation.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type * as playwright from 'playwright-core';\nimport type { Tab } from '../tab';\n\nexport async function waitForCompletion<R>(tab: Tab, callback: () => Promise<R>): Promise<R> {\n  const requests: playwright.Request[] = [];\n\n  const requestListener = (request: playwright.Request) => requests.push(request);\n  const disposeListeners = () => {\n    tab.page.off('request', requestListener);\n  };\n  tab.page.on('request', requestListener);\n\n  let result: R;\n  try {\n    result = await callback();\n    await tab.waitForTimeout(500);\n  } finally {\n    disposeListeners();\n  }\n\n  const requestedNavigation = requests.some(request => request.isNavigationRequest());\n  if (requestedNavigation) {\n    await tab.page.mainFrame().waitForLoadState('load', { timeout: 10000 }).catch(() => {});\n    return result;\n  }\n\n  const promises: Promise<any>[] = [];\n  for (const request of requests) {\n    if (['document', 'stylesheet', 'script', 'xhr', 'fetch'].includes(request.resourceType()))\n      promises.push(request.response().then(r => r?.finished()).catch(() => {}));\n    else\n      promises.push(request.response().catch(() => {}));\n  }\n  const timeout = new Promise<void>(resolve => setTimeout(resolve, 5000));\n  await Promise.race([Promise.all(promises), timeout]);\n  if (requests.length)\n    await tab.waitForTimeout(500);\n\n  return result;\n}\n\nexport async function callOnPageNoTrace<T>(page: playwright.Page, callback: (page: playwright.Page) => Promise<T>): Promise<T> {\n  return await (page as any)._wrapApiCall(() => callback(page), { internal: true });\n}\n\nexport function dateAsFileName(extension: string): string {\n  const date = new Date();\n  return `page-${date.toISOString().replace(/[:.]/g, '-')}.${extension}`;\n}\n\nexport function eventWaiter<T>(page: playwright.Page, event: string, timeout: number): { promise: Promise<T | undefined>, abort: () => void } {\n  const disposables: (() => void)[] = [];\n\n  const eventPromise = new Promise<T | undefined>((resolve, reject) => {\n    page.on(event as any, resolve as any);\n    disposables.push(() => page.off(event as any, resolve as any));\n  });\n\n  let abort: () => void;\n  const abortPromise = new Promise<T | undefined>((resolve, reject) => {\n    abort = () => resolve(undefined);\n  });\n\n  const timeoutPromise = new Promise<T | undefined>(f => {\n    const timeoutId = setTimeout(() => f(undefined), timeout);\n    disposables.push(() => clearTimeout(timeoutId));\n  });\n\n  return {\n    promise: Promise.race([eventPromise, abortPromise, timeoutPromise]).finally(() => disposables.forEach(dispose => dispose())),\n    abort: abort!\n  };\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBA,eAAsB,kBAAqB,KAAU,UAAwC;AAC3F,QAAM,WAAiC,CAAC;AAExC,QAAM,kBAAkB,CAAC,YAAgC,SAAS,KAAK,OAAO;AAC9E,QAAM,mBAAmB,MAAM;AAC7B,QAAI,KAAK,IAAI,WAAW,eAAe;AAAA,EACzC;AACA,MAAI,KAAK,GAAG,WAAW,eAAe;AAEtC,MAAI;AACJ,MAAI;AACF,aAAS,MAAM,SAAS;AACxB,UAAM,IAAI,eAAe,GAAG;AAAA,EAC9B,UAAE;AACA,qBAAiB;AAAA,EACnB;AAEA,QAAM,sBAAsB,SAAS,KAAK,aAAW,QAAQ,oBAAoB,CAAC;AAClF,MAAI,qBAAqB;AACvB,UAAM,IAAI,KAAK,UAAU,EAAE,iBAAiB,QAAQ,EAAE,SAAS,IAAM,CAAC,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AACtF,WAAO;AAAA,EACT;AAEA,QAAM,WAA2B,CAAC;AAClC,aAAW,WAAW,UAAU;AAC9B,QAAI,CAAC,YAAY,cAAc,UAAU,OAAO,OAAO,EAAE,SAAS,QAAQ,aAAa,CAAC;AACtF,eAAS,KAAK,QAAQ,SAAS,EAAE,KAAK,OAAK,GAAG,SAAS,CAAC,EAAE,MAAM,MAAM;AAAA,MAAC,CAAC,CAAC;AAAA;AAEzE,eAAS,KAAK,QAAQ,SAAS,EAAE,MAAM,MAAM;AAAA,MAAC,CAAC,CAAC;AAAA,EACpD;AACA,QAAM,UAAU,IAAI,QAAc,aAAW,WAAW,SAAS,GAAI,CAAC;AACtE,QAAM,QAAQ,KAAK,CAAC,QAAQ,IAAI,QAAQ,GAAG,OAAO,CAAC;AACnD,MAAI,SAAS;AACX,UAAM,IAAI,eAAe,GAAG;AAE9B,SAAO;AACT;AAEA,eAAsB,kBAAqB,MAAuB,UAA6D;AAC7H,SAAO,MAAO,KAAa,aAAa,MAAM,SAAS,IAAI,GAAG,EAAE,UAAU,KAAK,CAAC;AAClF;AAEO,SAAS,eAAe,WAA2B;AACxD,QAAM,OAAO,oBAAI,KAAK;AACtB,SAAO,QAAQ,KAAK,YAAY,EAAE,QAAQ,SAAS,GAAG,CAAC,IAAI,SAAS;AACtE;AAEO,SAAS,YAAe,MAAuB,OAAe,SAAyE;AAC5I,QAAM,cAA8B,CAAC;AAErC,QAAM,eAAe,IAAI,QAAuB,CAAC,SAAS,WAAW;AACnE,SAAK,GAAG,OAAc,OAAc;AACpC,gBAAY,KAAK,MAAM,KAAK,IAAI,OAAc,OAAc,CAAC;AAAA,EAC/D,CAAC;AAED,MAAI;AACJ,QAAM,eAAe,IAAI,QAAuB,CAAC,SAAS,WAAW;AACnE,YAAQ,MAAM,QAAQ,MAAS;AAAA,EACjC,CAAC;AAED,QAAM,iBAAiB,IAAI,QAAuB,OAAK;AACrD,UAAM,YAAY,WAAW,MAAM,EAAE,MAAS,GAAG,OAAO;AACxD,gBAAY,KAAK,MAAM,aAAa,SAAS,CAAC;AAAA,EAChD,CAAC;AAED,SAAO;AAAA,IACL,SAAS,QAAQ,KAAK,CAAC,cAAc,cAAc,cAAc,CAAC,EAAE,QAAQ,MAAM,YAAY,QAAQ,aAAW,QAAQ,CAAC,CAAC;AAAA,IAC3H;AAAA,EACF;AACF;",
+  "names": []
+}