@playdrop/playdrop-cli 0.12.14 → 0.12.15

package/config/client-meta.json

@@ -1,6 +1,6 @@
 {
   "version": "0.12.8",
-  "build": 6,
+  "build": 7,
   "runtimeSdkVersion": "0.12.5",
   "runtimeSdkBuild": 2,
   "clients": {

package/dist/commands/worker/instrument-evidence.js

@@ -66,7 +66,7 @@ function extensionForMediaType(mediaType) {
 }
 function createWorkerInstrumentScreenshotCollector(workspaceDir) {
     const resolvedWorkspace = node_path_1.default.resolve(workspaceDir);
-    const parser = new types_1.ClaudeChromeScreenshotStreamParser((screenshot) => {
+    const store = (screenshot) => {
         const buffer = Buffer.from(screenshot.dataBase64, 'base64');
         if (buffer.length <= 0) {
             throw new Error(`invalid_claude_screenshot_payload:${screenshot.screenshotId}`);
@@ -89,10 +89,14 @@ function createWorkerInstrumentScreenshotCollector(workspaceDir) {
             height: screenshot.height,
         };
         writeJsonAtomic(screenshotIndexPath(resolvedWorkspace), index);
-    });
+    };
+    // Both parsers watch the same stream: their tool names and id namespaces are disjoint, so a
+    // session only ever populates the store through the browser integration it actually used.
+    const chromeParser = new types_1.ClaudeChromeScreenshotStreamParser(store);
+    const playwrightParser = new types_1.PlaywrightMcpScreenshotStreamParser(store);
     return {
-        push: (chunk) => parser.push(chunk),
-        finish: () => parser.finish(),
+        push: (chunk) => chromeParser.push(chunk) + playwrightParser.push(chunk),
+        finish: () => chromeParser.finish() + playwrightParser.finish(),
     };
 }
 function normalizeEvidenceName(value) {

package/dist/commands/worker/runtime.d.ts

@@ -68,10 +68,13 @@ export declare function buildClaudeExecArgs(input: {
     model: string;
     effort?: string | null;
     chrome?: boolean;
+    playwrightMcp?: boolean;
     workspaceDir?: string | null;
     denyReadRoots?: string[] | null;
     pluginDir?: string | null;
 }): string[];
+export declare const PLAYWRIGHT_MCP_VERSION = "0.0.78";
+export declare function buildPlaywrightMcpServerConfig(): Record<string, unknown>;
 export declare function buildClaudePermissionSettings(input?: {
     workspaceDir?: string | null;
     denyReadRoots?: string[];

package/dist/commands/worker/runtime.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_TRANSCRIPT_FLUSH_INTERVAL_MS = exports.DEFAULT_CODEX_LOG_TAIL_CHARS = exports.DEFAULT_WORKER_TOKEN_CAP = exports.DEFAULT_CODEX_TIMEOUT_MS = void 0;
+exports.PLAYWRIGHT_MCP_VERSION = exports.DEFAULT_TRANSCRIPT_FLUSH_INTERVAL_MS = exports.DEFAULT_CODEX_LOG_TAIL_CHARS = exports.DEFAULT_WORKER_TOKEN_CAP = exports.DEFAULT_CODEX_TIMEOUT_MS = void 0;
 exports.readPositiveEnvInt = readPositiveEnvInt;
 exports.readEnvBoolean = readEnvBoolean;
 exports.extractAgentTokenUsage = extractAgentTokenUsage;
@@ -16,6 +16,7 @@ exports.runLoggedProcess = runLoggedProcess;
 exports.buildCodexExecArgs = buildCodexExecArgs;
 exports.readCodexSandboxMode = readCodexSandboxMode;
 exports.buildClaudeExecArgs = buildClaudeExecArgs;
+exports.buildPlaywrightMcpServerConfig = buildPlaywrightMcpServerConfig;
 exports.buildClaudePermissionSettings = buildClaudePermissionSettings;
 exports.buildClaudeDeniedPermissionRules = buildClaudeDeniedPermissionRules;
 exports.buildWorkerChildEnv = buildWorkerChildEnv;
@@ -488,18 +489,23 @@ function buildClaudeExecArgs(input) {
     if (!model) {
         throw new Error('agent_task_assignment_model_missing');
     }
+    if (input.chrome && input.playwrightMcp) {
+        throw new Error('claude_exec_browser_mode_conflict');
+    }
     const permissionSettings = buildClaudePermissionSettings({
         workspaceDir: input.workspaceDir,
         denyReadRoots: input.denyReadRoots ?? [],
     });
-    const permissionMode = input.chrome ? 'bypassPermissions' : 'acceptEdits';
+    const permissionMode = input.chrome || input.playwrightMcp ? 'bypassPermissions' : 'acceptEdits';
     const tools = input.chrome
         ? [...CLAUDE_BASE_TOOL_NAMES, ...CLAUDE_CHROME_TOOL_NAMES].join(',')
         : CLAUDE_BASE_TOOL_NAMES.join(',');
     const allowedPermissionRules = buildClaudeAllowedPermissionRules(input.workspaceDir);
     const allowedTools = input.chrome
         ? [...allowedPermissionRules, ...CLAUDE_CHROME_TOOL_NAMES]
-        : allowedPermissionRules;
+        : input.playwrightMcp
+            ? [...allowedPermissionRules, PLAYWRIGHT_MCP_ALLOWED_TOOL_RULE]
+            : allowedPermissionRules;
     const args = [
         '-p',
         '--safe-mode',
@@ -525,6 +531,9 @@ function buildClaudeExecArgs(input) {
     if (input.chrome) {
         args.unshift('--chrome');
     }
+    if (input.playwrightMcp) {
+        args.push('--mcp-config', JSON.stringify(buildPlaywrightMcpServerConfig()));
+    }
     const pluginDir = typeof input.pluginDir === 'string' ? input.pluginDir.trim() : '';
     if (pluginDir) {
         args.push('--plugin-dir', pluginDir);
@@ -543,6 +552,20 @@ const CLAUDE_BASE_TOOL_NAMES = [
     'Glob',
     'Grep',
 ];
+// Pinned deliberately: agent-CLI and MCP versions on workers only change through releases,
+// never through @latest drift (see the 2026-07-13 auto-update incident).
+exports.PLAYWRIGHT_MCP_VERSION = '0.0.78';
+const PLAYWRIGHT_MCP_ALLOWED_TOOL_RULE = 'mcp__playwright';
+function buildPlaywrightMcpServerConfig() {
+    return {
+        mcpServers: {
+            playwright: {
+                command: 'npx',
+                args: ['-y', `@playwright/mcp@${exports.PLAYWRIGHT_MCP_VERSION}`, '--browser', 'chrome', '--isolated'],
+            },
+        },
+    };
+}
 const CLAUDE_CHROME_TOOL_NAMES = [
     'mcp__claude-in-chrome__browser_batch',
     'mcp__claude-in-chrome__computer',

package/dist/commands/worker.js

@@ -2102,7 +2102,7 @@ async function runClaude(input) {
         envName: input.envName,
     });
     const denyReadRoots = resolveClaudeDenyReadRoots(input.workspaceDir);
-    const screenshotCollector = input.enableChrome
+    const screenshotCollector = input.enableChrome || input.enablePlaywrightMcp
         ? (0, instrument_evidence_1.createWorkerInstrumentScreenshotCollector)(input.workspaceDir)
         : null;
     const result = await (0, runtime_1.runLoggedProcess)({
@@ -2113,6 +2113,7 @@ async function runClaude(input) {
             denyReadRoots,
             pluginDir: input.taskPluginRoot,
             chrome: input.enableChrome,
+            playwrightMcp: input.enablePlaywrightMcp,
         }),
         cwd: input.workspaceDir,
         env: (0, runtime_1.buildWorkerChildEnv)({
@@ -4090,7 +4091,8 @@ async function startWorker(options = {}) {
                             binDir,
                             eventDir,
                             prompt,
-                            enableChrome: task.kind === 'GAME_REVIEW' || task.kind === 'GAME_EVAL',
+                            enableChrome: false,
+                            enablePlaywrightMcp: task.kind === 'GAME_REVIEW' || task.kind === 'GAME_EVAL',
                             envName: env,
                             workerUsername: username,
                             taskId: task.id,

package/node_modules/@playdrop/config/client-meta.json

@@ -1,6 +1,6 @@
 {
   "version": "0.12.8",
-  "build": 6,
+  "build": 7,
   "runtimeSdkVersion": "0.12.5",
   "runtimeSdkBuild": 2,
   "clients": {

package/node_modules/@playdrop/types/dist/instrument-evidence.d.ts

@@ -26,6 +26,9 @@ export type InstrumentEvidenceManifest = {
     controlledTabId: number;
     captures: Partial<Record<InstrumentEvidenceName, InstrumentEvidenceCapture>>;
 };
+export declare const PLAYWRIGHT_MCP_SCREENSHOT_TOOL = "mcp__playwright__browser_take_screenshot";
+export declare const PLAYWRIGHT_MCP_CONTROLLED_TAB_ID = 1;
+export declare function isInstrumentScreenshotId(value: string): boolean;
 export declare class ClaudeChromeScreenshotStreamParser {
     private readonly onScreenshot;
     private buffer;
@@ -38,4 +41,17 @@ export declare class ClaudeChromeScreenshotStreamParser {
     private recordToolUse;
     private recordToolResults;
 }
+export declare class PlaywrightMcpScreenshotStreamParser {
+    private readonly onScreenshot;
+    private buffer;
+    private readonly pendingScreenshotToolUseIds;
+    private readonly handledToolUseIds;
+    private sequence;
+    constructor(onScreenshot: (screenshot: ClaudeChromeScreenshot) => void);
+    push(chunk: string): number;
+    finish(): number;
+    private processLine;
+    private recordToolUse;
+    private recordToolResults;
+}
 //# sourceMappingURL=instrument-evidence.d.ts.map

package/node_modules/@playdrop/types/dist/instrument-evidence.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"instrument-evidence.d.ts","sourceRoot":"","sources":["../src/instrument-evidence.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,iDAK5B,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhF,MAAM,MAAM,sBAAsB,GAAG;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,YAAY,GAAG,WAAW,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,sBAAsB,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,YAAY,GAAG,WAAW,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,EAAE,CAAC,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,CAAC,CAAC;CAC9E,CAAC;AAmDF,qBAAa,kCAAkC;IAKjC,OAAO,CAAC,QAAQ,CAAC,YAAY;IAJzC,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAA+B;IACzE,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAqB;gBAE7B,YAAY,EAAE,CAAC,UAAU,EAAE,sBAAsB,KAAK,IAAI;IAEvF,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAqB3B,MAAM,IAAI,MAAM;IAMhB,OAAO,CAAC,WAAW;IA0BnB,OAAO,CAAC,aAAa;IAkBrB,OAAO,CAAC,iBAAiB;CAiE1B"}
+{"version":3,"file":"instrument-evidence.d.ts","sourceRoot":"","sources":["../src/instrument-evidence.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,iDAK5B,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhF,MAAM,MAAM,sBAAsB,GAAG;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,YAAY,GAAG,WAAW,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,sBAAsB,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,YAAY,GAAG,WAAW,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,EAAE,CAAC,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,CAAC,CAAC;CAC9E,CAAC;AAMF,eAAO,MAAM,8BAA8B,6CAA6C,CAAC;AACzF,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAGlD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAE/D;AA+CD,qBAAa,kCAAkC;IAKjC,OAAO,CAAC,QAAQ,CAAC,YAAY;IAJzC,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAA+B;IACzE,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAqB;gBAE7B,YAAY,EAAE,CAAC,UAAU,EAAE,sBAAsB,KAAK,IAAI;IAEvF,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAqB3B,MAAM,IAAI,MAAM;IAMhB,OAAO,CAAC,WAAW;IA0BnB,OAAO,CAAC,aAAa;IAkBrB,OAAO,CAAC,iBAAiB;CAiE1B;AAMD,qBAAa,mCAAmC;IAMlC,OAAO,CAAC,QAAQ,CAAC,YAAY;IALzC,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,QAAQ,CAAC,2BAA2B,CAAqB;IACjE,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAqB;IACvD,OAAO,CAAC,QAAQ,CAAK;gBAEQ,YAAY,EAAE,CAAC,UAAU,EAAE,sBAAsB,KAAK,IAAI;IAEvF,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAqB3B,MAAM,IAAI,MAAM;IAMhB,OAAO,CAAC,WAAW;IA0BnB,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,iBAAiB;CA8C1B"}

package/node_modules/@playdrop/types/dist/instrument-evidence.js

@@ -18,7 +18,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var instrument_evidence_exports = {};
 __export(instrument_evidence_exports, {
   ClaudeChromeScreenshotStreamParser: () => ClaudeChromeScreenshotStreamParser,
-  INSTRUMENT_EVIDENCE_NAMES: () => INSTRUMENT_EVIDENCE_NAMES
+  INSTRUMENT_EVIDENCE_NAMES: () => INSTRUMENT_EVIDENCE_NAMES,
+  PLAYWRIGHT_MCP_CONTROLLED_TAB_ID: () => PLAYWRIGHT_MCP_CONTROLLED_TAB_ID,
+  PLAYWRIGHT_MCP_SCREENSHOT_TOOL: () => PLAYWRIGHT_MCP_SCREENSHOT_TOOL,
+  PlaywrightMcpScreenshotStreamParser: () => PlaywrightMcpScreenshotStreamParser,
+  isInstrumentScreenshotId: () => isInstrumentScreenshotId
 });
 module.exports = __toCommonJS(instrument_evidence_exports);
 const INSTRUMENT_EVIDENCE_NAMES = [
@@ -30,6 +34,12 @@ const INSTRUMENT_EVIDENCE_NAMES = [
 const SCREENSHOT_ID_PATTERN = /^ss_[A-Za-z0-9_-]+$/;
 const SCREENSHOT_ID_IN_TEXT_PATTERN = /\bID:\s*(ss_[A-Za-z0-9_-]+)\b/g;
 const MAX_STREAM_LINE_LENGTH = 20 * 1024 * 1024;
+const PLAYWRIGHT_MCP_SCREENSHOT_TOOL = "mcp__playwright__browser_take_screenshot";
+const PLAYWRIGHT_MCP_CONTROLLED_TAB_ID = 1;
+const PLAYWRIGHT_SCREENSHOT_ID_PATTERN = /^pw-[1-9][0-9]*$/;
+function isInstrumentScreenshotId(value) {
+  return SCREENSHOT_ID_PATTERN.test(value) || PLAYWRIGHT_SCREENSHOT_ID_PATTERN.test(value);
+}
 function asRecord(value) {
   return value && typeof value === "object" && !Array.isArray(value) ? value : null;
 }
@@ -208,8 +218,128 @@ class ClaudeChromeScreenshotStreamParser {
     return emitted;
   }
 }
+class PlaywrightMcpScreenshotStreamParser {
+  onScreenshot;
+  buffer = "";
+  pendingScreenshotToolUseIds = /* @__PURE__ */ new Set();
+  handledToolUseIds = /* @__PURE__ */ new Set();
+  sequence = 0;
+  constructor(onScreenshot) {
+    this.onScreenshot = onScreenshot;
+  }
+  push(chunk) {
+    if (!chunk) {
+      return 0;
+    }
+    this.buffer += chunk;
+    if (this.buffer.length > MAX_STREAM_LINE_LENGTH && !this.buffer.includes("\n")) {
+      throw new Error("claude_stream_json_line_too_large");
+    }
+    let emitted = 0;
+    for (; ; ) {
+      const newlineIndex = this.buffer.indexOf("\n");
+      if (newlineIndex < 0) {
+        break;
+      }
+      const line = this.buffer.slice(0, newlineIndex);
+      this.buffer = this.buffer.slice(newlineIndex + 1);
+      emitted += this.processLine(line);
+    }
+    return emitted;
+  }
+  finish() {
+    const line = this.buffer;
+    this.buffer = "";
+    return line.trim() ? this.processLine(line) : 0;
+  }
+  processLine(line) {
+    const trimmed = line.trim();
+    if (!trimmed) {
+      return 0;
+    }
+    let payload;
+    try {
+      const parsed = JSON.parse(trimmed);
+      const record = asRecord(parsed);
+      if (!record) {
+        throw new Error("invalid_claude_stream_json");
+      }
+      payload = record;
+    } catch (error) {
+      throw new Error(`invalid_claude_stream_json:${error instanceof Error ? error.message : String(error)}`);
+    }
+    if (payload["type"] === "assistant") {
+      this.recordToolUse(payload);
+      return 0;
+    }
+    if (payload["type"] === "user") {
+      return this.recordToolResults(payload);
+    }
+    return 0;
+  }
+  recordToolUse(payload) {
+    const message = asRecord(payload["message"]);
+    const content = Array.isArray(message?.["content"]) ? message["content"] : [];
+    for (const value of content) {
+      const item = asRecord(value);
+      const id = typeof item?.["id"] === "string" ? item["id"].trim() : "";
+      const name = typeof item?.["name"] === "string" ? item["name"].trim() : "";
+      if (item?.["type"] !== "tool_use" || !id || name !== PLAYWRIGHT_MCP_SCREENSHOT_TOOL) {
+        continue;
+      }
+      this.pendingScreenshotToolUseIds.add(id);
+    }
+  }
+  recordToolResults(payload) {
+    const message = asRecord(payload["message"]);
+    const content = Array.isArray(message?.["content"]) ? message["content"] : [];
+    let emitted = 0;
+    for (const value of content) {
+      const toolResult = asRecord(value);
+      if (toolResult?.["type"] !== "tool_result") {
+        continue;
+      }
+      const toolUseId = typeof toolResult["tool_use_id"] === "string" ? toolResult["tool_use_id"].trim() : "";
+      if (!this.pendingScreenshotToolUseIds.has(toolUseId) || this.handledToolUseIds.has(toolUseId)) {
+        continue;
+      }
+      this.handledToolUseIds.add(toolUseId);
+      this.pendingScreenshotToolUseIds.delete(toolUseId);
+      const resultContent = Array.isArray(toolResult["content"]) ? toolResult["content"] : [];
+      const images = resultContent.map(asRecord).filter((item) => item?.["type"] === "image");
+      if (images.length === 0) {
+        continue;
+      }
+      if (images.length > 1) {
+        throw new Error(`playwright_screenshot_multiple_images:${toolUseId}`);
+      }
+      const source = asRecord(images[0]?.["source"]);
+      const mediaType = source?.["media_type"];
+      const dataBase64 = typeof source?.["data"] === "string" ? source["data"] : "";
+      if (mediaType !== "image/jpeg" && mediaType !== "image/png" || !dataBase64) {
+        throw new Error(`invalid_playwright_screenshot_payload:${toolUseId}`);
+      }
+      this.sequence += 1;
+      this.onScreenshot({
+        screenshotId: `pw-${this.sequence}`,
+        tabId: PLAYWRIGHT_MCP_CONTROLLED_TAB_ID,
+        toolUseId,
+        mediaType,
+        dataBase64,
+        width: null,
+        height: null
+      });
+      emitted += 1;
+    }
+    return emitted;
+  }
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ClaudeChromeScreenshotStreamParser,
-  INSTRUMENT_EVIDENCE_NAMES
+  INSTRUMENT_EVIDENCE_NAMES,
+  PLAYWRIGHT_MCP_CONTROLLED_TAB_ID,
+  PLAYWRIGHT_MCP_SCREENSHOT_TOOL,
+  PlaywrightMcpScreenshotStreamParser,
+  isInstrumentScreenshotId
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@playdrop/playdrop-cli",
-  "version": "0.12.14",
+  "version": "0.12.15",
   "description": "Official Playdrop CLI for publishing browser games, creator apps, and AI-generated game assets on playdrop.ai",
   "homepage": "https://www.playdrop.ai",
   "repository": {