stably 4.12.4 → 4.12.5

package/dist/node_modules/playwright/lib/cli/daemon/daemon.js

@@ -75,49 +75,6 @@ async function startMcpDaemonServer(config, contextFactory) {
     timestamp: Date.now()
   };
   const { browserContext, close } = await contextFactory.createContext(clientInfo, new AbortController().signal, {});
-  // For CDP connections: resize the browser window to show chrome (tabs, URL bar).
-  // Without this, the remote browser's viewport fills the entire window, hiding chrome.
-  if (config.browser.cdpEndpoint) {
-    try {
-      const pages = browserContext.pages();
-      const page = pages[0];
-      if (page) {
-        // Try to load viewport from the user's playwright.config (most authoritative source),
-        // then fall back to config.browser.contextOptions.viewport (which may just be the 1280x720 default).
-        let viewport = null;
-        if (config.playwrightConfigPath) {
-          try {
-            const { requireOrImport } = require("../../transform/transform");
-            let userConfig = await requireOrImport(config.playwrightConfigPath);
-            if (userConfig && typeof userConfig === "object" && "default" in userConfig)
-              userConfig = userConfig.default;
-            viewport = userConfig?.use?.viewport || userConfig?.projects?.[0]?.use?.viewport;
-            daemonDebug("extracted viewport from playwright config:", viewport);
-          } catch (e) {
-            daemonDebug("failed to load playwright config for viewport", e);
-          }
-        }
-        // Fall back to config viewport if playwright.config didn't provide one
-        if (!viewport) {
-          viewport = config.browser.contextOptions?.viewport;
-        }
-        if (viewport && viewport.width && viewport.height) {
-          await page.setViewportSize(viewport);
-        }
-        const cdpSession = await browserContext.newCDPSession(page);
-        const { windowId } = await cdpSession.send("Browser.getWindowForTarget");
-        const vp = viewport || { width: 1280, height: 720 };
-        const CHROME_HEADER_HEIGHT = 85;
-        await cdpSession.send("Browser.setWindowBounds", {
-          windowId,
-          bounds: { width: vp.width, height: vp.height + CHROME_HEADER_HEIGHT }
-        });
-        await cdpSession.detach();
-      }
-    } catch (e) {
-      daemonDebug("failed to resize window for CDP connection (best-effort)", e);
-    }
-  }
   browserContext.on("close", () => {
     daemonDebug("browser closed, shutting down daemon");
     shutdown(0);

package/dist/node_modules/playwright/lib/index.js

@@ -92,21 +92,6 @@ const playwrightFixtures = {
   browser: [async ({ playwright, browserName, _browserOptions, connectOptions }, use) => {
     if (!["chromium", "firefox", "webkit"].includes(browserName))
       throw new Error(`Unexpected browserName "${browserName}", must be one of "chromium", "firefox" or "webkit"`);
-    // CDP endpoint support via environment variable or connectOptions with /browser-cdp/ path
-    const cdpEndpoint = process.env.PLAYWRIGHT_CDP_ENDPOINT;
-    const connectWsEndpoint = connectOptions == null ? void 0 : connectOptions.wsEndpoint;
-    const isCdpWsEndpoint = typeof connectWsEndpoint === "string" && (connectWsEndpoint.includes("/browser-cdp/") || connectWsEndpoint.includes("/browser/cdp"));
-    if (cdpEndpoint || isCdpWsEndpoint) {
-      if (browserName !== "chromium")
-        throw new Error("CDP endpoint is only supported for Chromium browsers");
-      const endpoint = cdpEndpoint || connectWsEndpoint;
-      const cdpHeadersFromEnv = process.env.PLAYWRIGHT_CDP_HEADERS ? JSON.parse(process.env.PLAYWRIGHT_CDP_HEADERS) : void 0;
-      const browser2 = await playwright.chromium.connectOverCDP(endpoint, {
-        headers: cdpHeadersFromEnv || (connectOptions == null ? void 0 : connectOptions.headers)
-      });
-      await use(browser2);
-      return;
-    }
     if (connectOptions) {
       const browser2 = await playwright[browserName].connect({
         ...connectOptions,
@@ -350,13 +335,7 @@ const playwrightFixtures = {
           size: typeof video === "string" ? void 0 : video.size
         }
       } : {};
-      // When connected via CDP (run-test), reuse the default context instead of
-      // creating a new one. This preserves browser state (pages, cookies, etc.)
-      // after the test completes, allowing the daemon to interact with the result.
-      const isCdpSession = !!process.env.PLAYWRIGHT_CDP_ENDPOINT;
-      const context = isCdpSession && browser.contexts().length > 0
-        ? browser.contexts()[0]
-        : await browser.newContext({ ...videoOptions, ...options });
+      const context = await browser.newContext({ ...videoOptions, ...options });
       if (process.env.PW_CLOCK === "frozen") {
         await context._wrapApiCall(async () => {
           await context.clock.install({ time: 0 });
@@ -372,10 +351,6 @@ const playwrightFixtures = {
         if (closed)
           return;
         closed = true;
-        // Skip context.close() when connected via CDP — preserve browser state
-        // so the daemon can continue interacting with the test's pages.
-        if (isCdpSession)
-          return;
         const closeReason = testInfo.status === "timedOut" ? "Test timeout of " + testInfo.timeout + "ms exceeded." : "Test ended.";
         await context.close({ reason: closeReason });
         const testFailed = testInfo.status !== testInfo.expectedStatus;
@@ -428,12 +403,6 @@ const playwrightFixtures = {
     await browserImpl._wrapApiCall(() => browserImpl._disconnectFromReusedContext(closeReason), { internal: true });
   },
   page: async ({ context, _reuseContext }, use) => {
-    // When connected via CDP, reuse the existing page (the daemon's page)
-    // instead of creating a new one, so the daemon sees the test's navigation.
-    if (process.env.PLAYWRIGHT_CDP_ENDPOINT && context.pages().length > 0) {
-      await use(context.pages()[0]);
-      return;
-    }
     if (!_reuseContext) {
       await use(await context.newPage());
       return;

package/dist/node_modules/playwright/lib/mcp/browser/browserServerBackend.js

@@ -27,22 +27,6 @@ var import_response = require("./response");
 var import_sessionLog = require("./sessionLog");
 var import_tools = require("./tools");
 var import_tool = require("../sdk/tool");
-var import_net = require("net");
-function sendRecorderEvent(event) {
-  const port = process.env.CLAUDE_RECORDER_PORT;
-  if (!port)
-    return;
-  try {
-    const socket = import_net.createConnection({
-      port: Number(port),
-      host: process.env.CLAUDE_RECORDER_HOST || "127.0.0.1"
-    });
-    const payload = JSON.stringify(event) + "\n";
-    socket.on("error", () => socket.destroy());
-    socket.write(payload, () => socket.end());
-  } catch (error) {
-  }
-}
 class BrowserServerBackend {
   constructor(config, factory, options = {}) {
     this._config = config;
@@ -80,17 +64,6 @@ Tool "${name}" not found` }],
       await tool.handle(context, parsedArguments, response);
       responseObject = await response.serialize();
       this._sessionLog?.logResponse(name, parsedArguments, responseObject);
-      // Send recorder event for user action tracking
-      const parsed = (0, import_response.parseResponse)(responseObject);
-      if (parsed && parsed.code) {
-        sendRecorderEvent({
-          type: "user-action",
-          action: { name: name, args: parsedArguments },
-          code: parsed.code,
-          url: this._context?.currentTab()?.page?.url() || "",
-          timestamp: Date.now()
-        });
-      }
     } catch (error) {
       return {
         content: [{ type: "text", text: `### Error

package/dist/node_modules/playwright/lib/mcp/browser/context.js

@@ -40,55 +40,6 @@ var import_log = require("../log");
 var import_tab = require("./tab");
 var import_config = require("./config");
 const testDebug = (0, import_utilsBundle.debug)("pw:mcp:test");
-class InputRecorder {
-  constructor(context, browserContext) {
-    this._context = context;
-    this._browserContext = browserContext;
-  }
-  static async create(context, browserContext) {
-    const recorder = new InputRecorder(context, browserContext);
-    await recorder._initialize();
-    return recorder;
-  }
-  async _initialize() {
-    const sessionLog = this._context.sessionLog;
-    if (!sessionLog) return;
-    await this._browserContext._enableRecorder({
-      mode: "recording",
-      recorderMode: "api"
-    }, {
-      actionAdded: (page, data, code) => {
-        if (this._context.isRunningTool())
-          return;
-        const tab = import_tab.Tab.forPage(page);
-        if (tab)
-          sessionLog.logUserAction(data.action, tab, code, false);
-      },
-      actionUpdated: (page, data, code) => {
-        if (this._context.isRunningTool())
-          return;
-        const tab = import_tab.Tab.forPage(page);
-        if (tab)
-          sessionLog.logUserAction(data.action, tab, code, true);
-      },
-      signalAdded: (page, data) => {
-        if (this._context.isRunningTool())
-          return;
-        if (data.signal.name !== "navigation")
-          return;
-        const tab = import_tab.Tab.forPage(page);
-        const navigateAction = {
-          name: "navigate",
-          url: data.signal.url,
-          signals: []
-        };
-        if (tab)
-          sessionLog.logUserAction(navigateAction, tab, `await page.goto('${data.signal.url}');`, false);
-      }
-    });
-  }
-}
-
 class Context {
   constructor(options) {
     this._tabs = [];
@@ -300,9 +251,6 @@ class Context {
         _live: true
       });
     }
-    // Initialize InputRecorder for user action capture
-    if (this.sessionLog)
-      await InputRecorder.create(this, browserContext);
     return result;
   }
   lookupSecret(secretName) {

package/dist/node_modules/playwright/lib/mcp/browser/sessionLog.js

@@ -33,24 +33,8 @@ __export(sessionLog_exports, {
 module.exports = __toCommonJS(sessionLog_exports);
 var import_fs = __toESM(require("fs"));
 var import_path = __toESM(require("path"));
-var import_net = require("net");
 var import_config = require("./config");
 var import_response = require("./response");
-function sendRecorderEvent(event) {
-  const port = process.env.CLAUDE_RECORDER_PORT;
-  if (!port)
-    return;
-  try {
-    const socket = import_net.createConnection({
-      port: Number(port),
-      host: process.env.CLAUDE_RECORDER_HOST || "127.0.0.1"
-    });
-    const payload = JSON.stringify(event) + "\n";
-    socket.on("error", () => socket.destroy());
-    socket.write(payload, () => socket.end());
-  } catch (error) {
-  }
-}
 class SessionLog {
   constructor(sessionFolder) {
     this._sessionFileQueue = Promise.resolve();
@@ -84,40 +68,6 @@ class SessionLog {
     lines.push("");
     this._sessionFileQueue = this._sessionFileQueue.then(() => import_fs.default.promises.appendFile(this._file, lines.join("\n")));
   }
-  logUserAction(action, tab, code, isUpdate) {
-    code = code.trim();
-    // Send recorder event for user action tracking
-    const actionForLog = { ...action };
-    delete actionForLog.ariaSnapshot;
-    delete actionForLog.selector;
-    actionForLog.isUpdate = !!isUpdate;
-    sendRecorderEvent({
-      type: "user-action",
-      action: actionForLog,
-      code,
-      url: tab.page.url(),
-      timestamp: Date.now()
-    });
-    // Also log to session file
-    const lines = [""];
-    lines.push(
-      `### User action: ${action.name}`,
-      "- Args",
-      "```json",
-      JSON.stringify(actionForLog, null, 2),
-      "```"
-    );
-    if (code) {
-      lines.push(
-        "- Code",
-        "```js",
-        code,
-        "```"
-      );
-    }
-    lines.push("");
-    this._sessionFileQueue = this._sessionFileQueue.then(() => import_fs.default.promises.appendFile(this._file, lines.join("\n")));
-  }
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/node_modules/playwright/lib/mcp/test/browserBackend.js

@@ -32,14 +32,9 @@ function createCustomMessageHandler(testInfo, context) {
     if (data.initialize) {
       if (backend)
         throw new Error("MCP backend is already initialized");
-      backend = new import_browserServerBackend.BrowserServerBackend({ ...import_config.defaultConfig, capabilities: ["testing"], saveSession: true }, (0, import_browserContextFactory.identityBrowserContextFactory)(context));
+      backend = new import_browserServerBackend.BrowserServerBackend({ ...import_config.defaultConfig, capabilities: ["testing"] }, (0, import_browserContextFactory.identityBrowserContextFactory)(context));
       await backend.initialize(data.initialize.clientInfo);
       const pausedMessage = await generatePausedMessage(testInfo, context);
-      // Ensure recorder UI appears immediately by triggering a benign action that doesn't change page state.
-      try {
-        await backend.callTool("browser_tabs", { action: "list" });
-      } catch (e) {
-      }
       return { initialize: { pausedMessage } };
     }
     if (data.listTools) {

package/dist/stably-browser.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-// ../../app/node_modules/.pnpm/@stablyai-internal+playwright-cli@0.4.6/node_modules/@stablyai-internal/playwright-cli/playwright-cli.js
+// ../../app/node_modules/.pnpm/@stablyai-internal+playwright-cli@0.4.16/node_modules/@stablyai-internal/playwright-cli/playwright-cli.js
 var fs = require("fs");
 var path = require("path");
 var argv = process.argv.slice(2);
@@ -193,24 +193,51 @@ const test = realPw.test.extend({
 
   page: async ({ context }, use) => {
     const page = context.pages()[0] || await context.newPage();
-    // Apply viewport from user's playwright.config.ts if specified.
-    // The daemon's context was created with viewport: null (browser window size),
-    // so we need to explicitly set it to match the user's config.
+    // Resize the browser window to match the user's configured viewport.
+    // Strategy: resize the OS window via Browser.setWindowBounds when the viewport fits
+    // on screen (no device emulation needed). When it doesn't fit, maximize the window
+    // and use setViewportSize (device emulation) to force the exact dimensions \u2014 this is
+    // safe because the emulated viewport is larger than the window, so no white borders.
     const vp = process.env.PLAYWRIGHT_CLI_VIEWPORT;
     if (vp) {
       const [w, h] = vp.split(',').map(Number);
       if (w && h) {
-        await page.setViewportSize({ width: w, height: h });
-        // Also resize the actual browser window to match.
-        // setViewportSize only changes the CSS layout viewport via DeviceMetricsOverride,
-        // leaving the OS window at its original size (visible as dark gray dead space).
         try {
           const cdpSession = await context.newCDPSession(page);
           const { windowId } = await cdpSession.send('Browser.getWindowForTarget');
-          // Add offset for browser chrome (tab bar + address bar, ~85px on macOS)
-          await cdpSession.send('Browser.setWindowBounds', {
-            windowId, bounds: { width: w, height: h + 85 }
-          });
+          const { bounds: currentBounds } = await cdpSession.send('Browser.getWindowBounds', { windowId });
+          const screenSize = await page.evaluate(() => ({ width: screen.width, height: screen.height }));
+          // Quick check: if viewport won't fit with decorations (~100px width, ~200px height),
+          // skip measurement and go straight to maximize + device emulation.
+          // We can't reliably measure decorations when device emulation is active (from open)
+          // because window.innerWidth/Height returns the emulated dimensions, not real ones.
+          if (w + 100 > screenSize.width || h + 200 > screenSize.height) {
+            // Chrome requires fullscreen \u2192 normal \u2192 maximized (can't go directly).
+            if (currentBounds.windowState === 'fullscreen') {
+              await cdpSession.send('Browser.setWindowBounds', { windowId, bounds: { windowState: 'normal' } });
+            }
+            await cdpSession.send('Browser.setWindowBounds', { windowId, bounds: { windowState: 'maximized' } });
+            // Use Emulation.setDeviceMetricsOverride directly instead of page.setViewportSize()
+            // because setViewportSize also resizes the window, pushing it off-screen and hiding
+            // the tab bar and address bar.
+            await cdpSession.send('Emulation.setDeviceMetricsOverride', {
+              width: w, height: h, deviceScaleFactor: 0, mobile: false
+            });
+          } else {
+            // Viewport fits \u2014 un-maximize, measure decorations, resize window exactly.
+            if (currentBounds.windowState === 'maximized' || currentBounds.windowState === 'fullscreen') {
+              await cdpSession.send('Browser.setWindowBounds', { windowId, bounds: { windowState: 'normal' } });
+            }
+            // Clear any prior device emulation so innerWidth/Height reflect actual window size.
+            await cdpSession.send('Emulation.clearDeviceMetricsOverride').catch(() => {});
+            const { bounds: measuredBounds } = await cdpSession.send('Browser.getWindowBounds', { windowId });
+            const inner = await page.evaluate(() => ({ width: window.innerWidth, height: window.innerHeight }));
+            const decoW = measuredBounds.width - inner.width;
+            const decoH = measuredBounds.height - inner.height;
+            const targetW = w + decoW;
+            const targetH = h + decoH;
+            await cdpSession.send('Browser.setWindowBounds', { windowId, bounds: { width: targetW, height: targetH } });
+          }
           await cdpSession.detach();
         } catch (_) { /* best-effort \u2014 headed only, fails silently in headless */ }
       }
@@ -322,30 +349,28 @@ var _runArgs;
 var _ptPkg;
 var _ptCli;
 if (cmdIndex !== -1 && argv[cmdIndex] === "open") {
+  process.env.DEBUG = (process.env.DEBUG || "") + (process.env.DEBUG ? ",pw:daemon" : "pw:daemon");
   const cwd = process.cwd();
   for (const name of ["playwright.config.ts", "playwright.config.js", "playwright.config.mjs"]) {
     const configPath = path.join(cwd, name);
     if (fs.existsSync(configPath)) {
       try {
-        const { execSync } = require("child_process");
-        const isTS = name.endsWith(".ts");
-        const extractCode = [
-          `const m = require('${configPath.replace(/\\/g, "/").replace(/'/g, "\\'")}');`,
-          `const c = m.default || m;`,
-          `const vp = c.use?.viewport || (c.projects || [])[0]?.use?.viewport;`,
-          `if (vp && vp.width && vp.height) process.stdout.write(vp.width + 'x' + vp.height);`
-        ].join(" ");
-        const nodeArgs = isTS ? ["--require", "tsx/cjs"] : [];
-        const result = execSync(
-          [process.execPath, ...nodeArgs, "-e", extractCode].map((a) => `"${a}"`).join(" "),
-          {
-            cwd,
-            encoding: "utf-8",
-            timeout: 1e4,
-            stdio: ["pipe", "pipe", "pipe"],
-            env: { ...process.env, NODE_OPTIONS: "" }
-          }
-        ).trim();
+        const { execFileSync } = require("child_process");
+        const extractCode = `
+          const { requireOrImport } = require('playwright/lib/transform/transform');
+          requireOrImport('${configPath.replace(/\\/g, "/").replace(/'/g, "\\'")}').then(m => {
+            const c = m.default || m;
+            const vp = c.use?.viewport || (c.projects || [])[0]?.use?.viewport;
+            if (vp && vp.width && vp.height) process.stdout.write(vp.width + 'x' + vp.height);
+          }).catch(() => {});
+        `;
+        const result = execFileSync(process.execPath, ["-e", extractCode], {
+          cwd,
+          encoding: "utf-8",
+          timeout: 1e4,
+          stdio: ["pipe", "pipe", "pipe"],
+          env: { ...process.env, NODE_OPTIONS: "" }
+        }).trim();
         if (result && /^\d+x\d+$/.test(result)) {
           process.env.PLAYWRIGHT_MCP_VIEWPORT_SIZE = result;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stably",
-  "version": "4.12.4",
+  "version": "4.12.5",
   "packageManager": "pnpm@10.24.0",
   "description": "AI-powered E2E Playwright testing CLI. Stably can understand your codebase, edit/run tests, and handle complex test scenarios for you.",
   "main": "dist/index.mjs",
@@ -87,7 +87,7 @@
     "playwright": "1.59.0-alpha-1771104257000",
     "@stablyai/codegen-agent-constants": "workspace:*",
     "@stablyai-internal/api-client": "workspace:*",
-    "@stablyai-internal/playwright-cli": "0.4.6",
+    "@stablyai-internal/playwright-cli": "0.4.16",
     "@stablyai/agent-hooks": "workspace:*",
     "@stablyai/agent-schemas": "workspace:*",
     "@stablyai/agent-security-hooks": "workspace:*",

package/dist/node_modules/playwright/lib/mcp/browser/config.js.rej

@@ -1,11 +0,0 @@
---- lib/mcp/browser/config.js
-+++ lib/mcp/browser/config.js
-@@ -305,7 +305,7 @@
- function outputDir(config, clientInfo) {
-   if (config.outputDir)
-     return import_path.default.resolve(config.outputDir);
-   const rootPath = (0, import_server2.firstRootPath)(clientInfo);
-   if (rootPath)
--    return import_path.default.resolve(rootPath, config.skillMode ? ".playwright-cli" : ".playwright-mcp");
-+    return import_path.default.resolve(rootPath, config.skillMode ? ".stably-browser" : ".playwright-mcp");
-   const tmpDir = process.env.PW_TMPDIR_FOR_TEST ?? import_os.default.tmpdir();