@skyramp/mcp 0.2.9 → 0.2.10-rc.1

package/build/utils/sourceRouteExtractor.test.js

@@ -562,4 +562,177 @@ export default function App() {
         expect(routes[0].componentFile).toMatch(/src\/pages\/Cart\/index\.tsx$/);
         cleanup(repo);
     });
+    // ── Nested React Router routes ────────────────────────────────────────────
+    it("composes nested JSX <Route> child paths with their parent", () => {
+        // React Router v6 child paths are relative to the parent route. Without
+        // composition the extractor emits bare segments ("settings") that aren't
+        // navigable URLs.
+        const repo = makeTmpRepo([
+            {
+                path: "src/App.tsx",
+                content: `
+import { Routes, Route } from 'react-router-dom';
+import Dashboard from './pages/Dashboard';
+import Settings from './pages/Settings';
+import Users from './pages/Users';
+
+export default function App() {
+  return (
+    <Routes>
+      <Route path="/dashboard" element={<Dashboard />}>
+        <Route path="settings" element={<Settings />} />
+        <Route path="users" element={<Users />} />
+      </Route>
+    </Routes>
+  );
+}
+`,
+            },
+        ]);
+        const routes = extractSourceRoutes(repo);
+        expect(routes.map((r) => r.path).sort()).toEqual([
+            "/dashboard",
+            "/dashboard/settings",
+            "/dashboard/users",
+        ]);
+        cleanup(repo);
+    });
+    it("composes relative child paths under a root layout route", () => {
+        // Canonical RR v6 shape: a path-bearing parent that itself has children,
+        // with relative child paths. The parent must not count its own path twice.
+        const repo = makeTmpRepo([
+            {
+                path: "src/App.tsx",
+                content: `
+import { Routes, Route } from 'react-router-dom';
+import Layout from './Layout';
+import Dashboard from './pages/Dashboard';
+import Settings from './pages/Settings';
+
+export default function App() {
+  return (
+    <Routes>
+      <Route path="/" element={<Layout />}>
+        <Route path="dashboard" element={<Dashboard />}>
+          <Route path="settings" element={<Settings />} />
+        </Route>
+      </Route>
+    </Routes>
+  );
+}
+`,
+            },
+        ]);
+        const routes = extractSourceRoutes(repo);
+        expect(routes.find((r) => r.componentName === "Dashboard").path).toBe("/dashboard");
+        expect(routes.find((r) => r.componentName === "Settings").path).toBe("/dashboard/settings");
+        cleanup(repo);
+    });
+    it("resolves a JSX index route to its parent's path", () => {
+        // <Route index> has no path attribute; it renders at the parent's path.
+        const repo = makeTmpRepo([
+            {
+                path: "src/App.tsx",
+                content: `
+import { Routes, Route } from 'react-router-dom';
+import Dashboard from './pages/Dashboard';
+import DashboardHome from './pages/DashboardHome';
+
+export default function App() {
+  return (
+    <Routes>
+      <Route path="/dashboard" element={<Dashboard />}>
+        <Route index element={<DashboardHome />} />
+      </Route>
+    </Routes>
+  );
+}
+`,
+            },
+        ]);
+        const routes = extractSourceRoutes(repo);
+        const home = routes.find((r) => r.componentName === "DashboardHome");
+        expect(home).toBeDefined();
+        expect(home.path).toBe("/dashboard");
+        cleanup(repo);
+    });
+    it("extracts createBrowserRouter data-router routes with composed nested paths", () => {
+        // The data-router API uses object literals with `element:` (JSX) and nests
+        // via `children:` — neither the JSX-element path nor the Vue object path
+        // handled these, so the whole tree was missed (root-only fallback).
+        const repo = makeTmpRepo([
+            {
+                path: "src/router.tsx",
+                content: `
+import { createBrowserRouter } from 'react-router-dom';
+import Root from './Root';
+import Dashboard from './pages/Dashboard';
+import Settings from './pages/Settings';
+import Profile from './pages/Profile';
+
+export const router = createBrowserRouter([
+  {
+    path: '/',
+    element: <Root />,
+    children: [
+      { path: 'dashboard', element: <Dashboard /> },
+      {
+        path: 'settings',
+        element: <Settings />,
+        children: [
+          { path: 'profile', element: <Profile /> },
+        ],
+      },
+    ],
+  },
+]);
+`,
+            },
+        ]);
+        const routes = extractSourceRoutes(repo);
+        expect(routes.map((r) => r.path).sort()).toEqual([
+            "/",
+            "/dashboard",
+            "/settings",
+            "/settings/profile",
+        ]);
+        expect(routes.find((r) => r.path === "/settings/profile").componentName).toBe("Profile");
+        cleanup(repo);
+    });
+    it("extracts createStaticRouter (SSR) routes with composed nested paths", () => {
+        // SSR apps build routes with createStaticRouter — same route-array shape as
+        // createBrowserRouter, so nested composition must work identically.
+        const repo = makeTmpRepo([
+            {
+                path: "src/router.tsx",
+                content: `
+import { createStaticRouter } from 'react-router-dom/server';
+import Root from './Root';
+import Reports from './pages/Reports';
+import Detail from './pages/Detail';
+
+export const router = createStaticRouter([
+  {
+    path: '/',
+    element: <Root />,
+    children: [
+      { path: 'reports', element: <Reports />,
+        children: [
+          { path: ':id', element: <Detail /> },
+        ],
+      },
+    ],
+  },
+]);
+`,
+            },
+        ]);
+        const routes = extractSourceRoutes(repo);
+        expect(routes.map((r) => r.path).sort()).toEqual([
+            "/",
+            "/reports",
+            "/reports/:id",
+        ]);
+        cleanup(repo);
+    });
 });

package/build/utils/utils.d.ts

@@ -1,6 +1,17 @@
 import { CallToolResult, ReadResourceResult } from "@modelcontextprotocol/sdk/types.js";
 export declare function readDiffFile(diffFilePath: string | undefined): string | undefined;
 export declare function toolError(message: string): CallToolResult;
+/**
+ * Does `candidate` (an LLM- or caller-supplied name/path) identify `fullPath` (a known,
+ * absolute test file path)? Exact match first, then a real path-segment boundary match
+ * for a relative candidate (e.g. "tests/foo.py" against ".../repo/tests/foo.py") — never
+ * a bare substring/suffix check. Only falls back to basename equality when `candidate`
+ * carries no path info at all, since that's the one case where the caller genuinely gave
+ * us nothing more specific to disambiguate with (bare filenames can still collide across
+ * different directories that happen to share one — this is the caller's ambiguity, not
+ * something a smarter match here can resolve).
+ */
+export declare function testFileMatches(fullPath: string, candidate: string): boolean;
 /**
  * Happy-path counterpart to `toolError`. Wraps a single text payload in the
  * MCP tool-result shape so handlers don't have to construct

package/build/utils/utils.js

@@ -18,6 +18,25 @@ export function toolError(message) {
         isError: true,
     };
 }
+/**
+ * Does `candidate` (an LLM- or caller-supplied name/path) identify `fullPath` (a known,
+ * absolute test file path)? Exact match first, then a real path-segment boundary match
+ * for a relative candidate (e.g. "tests/foo.py" against ".../repo/tests/foo.py") — never
+ * a bare substring/suffix check. Only falls back to basename equality when `candidate`
+ * carries no path info at all, since that's the one case where the caller genuinely gave
+ * us nothing more specific to disambiguate with (bare filenames can still collide across
+ * different directories that happen to share one — this is the caller's ambiguity, not
+ * something a smarter match here can resolve).
+ */
+export function testFileMatches(fullPath, candidate) {
+    if (fullPath === candidate)
+        return true;
+    if (path.isAbsolute(candidate))
+        return false;
+    if (candidate.includes("/"))
+        return fullPath.endsWith("/" + candidate);
+    return path.basename(fullPath) === candidate;
+}
 /**
  * Happy-path counterpart to `toolError`. Wraps a single text payload in the
  * MCP tool-result shape so handlers don't have to construct

package/build/utils/utils.test.js

@@ -1,5 +1,27 @@
 // @ts-ignore
-import { validateParams, generateSkyrampHeader } from "./utils.js";
+import { validateParams, generateSkyrampHeader, testFileMatches } from "./utils.js";
+describe("testFileMatches", () => {
+    it("matches identical absolute paths", () => {
+        expect(testFileMatches("/repo/tests/orders_test.py", "/repo/tests/orders_test.py")).toBe(true);
+    });
+    it("does not match two different absolute paths, even with the same basename", () => {
+        expect(testFileMatches("/repo/frontend/tests/utils_test.py", "/repo/backend/tests/utils_test.py")).toBe(false);
+    });
+    it("matches a relative candidate against a real path-segment boundary", () => {
+        expect(testFileMatches("/repo/backend/tests/orders_test.py", "tests/orders_test.py")).toBe(true);
+    });
+    it("does not match a relative candidate that is only a substring, not a path-segment boundary", () => {
+        // "ers_test.py" is a suffix of the basename but not preceded by a path separator.
+        expect(testFileMatches("/repo/backend/tests/orders_test.py", "ers_test.py")).toBe(false);
+    });
+    it("falls back to basename equality only when the candidate has no path info at all", () => {
+        expect(testFileMatches("/repo/backend/tests/orders_test.py", "orders_test.py")).toBe(true);
+    });
+    it("bare-basename fallback is ambiguous across two files that share a basename (documented limitation)", () => {
+        expect(testFileMatches("/repo/frontend/tests/utils_test.py", "utils_test.py")).toBe(true);
+        expect(testFileMatches("/repo/backend/tests/utils_test.py", "utils_test.py")).toBe(true);
+    });
+});
 describe("validateParams", () => {
     it("should return null for valid comma-separated key=value pairs", () => {
         const result = validateParams("foo=bar,baz=qux", "testField");

package/build/utils/versions.d.ts

@@ -1,3 +1,3 @@
-export declare const SKYRAMP_IMAGE_VERSION = "v1.3.30";
-export declare const EXECUTOR_DOCKER_IMAGE = "skyramp/executor:v1.3.30";
-export declare const WORKER_DOCKER_IMAGE = "skyramp/worker:v1.3.30";
+export declare const SKYRAMP_IMAGE_VERSION = "v1.3.32";
+export declare const EXECUTOR_DOCKER_IMAGE = "skyramp/executor:v1.3.32";
+export declare const WORKER_DOCKER_IMAGE = "skyramp/worker:v1.3.32";

package/build/utils/versions.js

@@ -1,3 +1,3 @@
-export const SKYRAMP_IMAGE_VERSION = "v1.3.30";
+export const SKYRAMP_IMAGE_VERSION = "v1.3.32";
 export const EXECUTOR_DOCKER_IMAGE = `skyramp/executor:${SKYRAMP_IMAGE_VERSION}`;
 export const WORKER_DOCKER_IMAGE = `skyramp/worker:${SKYRAMP_IMAGE_VERSION}`;

package/node_modules/playwright/lib/mcp/browser/tools/files.js

@@ -61,9 +61,14 @@ const uploadFile = (0, import_tool.defineTool)({
     const files = params.paths ?? [];
     response.addCode(`await fileChooser.setFiles(${JSON.stringify(files)})`);
     tab.clearModalState(fileChooserModal);
-    await tab.waitForCompletion(async () => {
-      await fileChooserModal.fileChooser.setFiles(files);
-    });
+    try {
+      await tab.waitForCompletion(async () => {
+        await fileChooserModal.fileChooser.setFiles(files);
+      });
+    } catch (e) {
+      tab.setModalState(fileChooserModal);
+      throw e;
+    }
   }
 });
 var files_default = [

package/node_modules/playwright/lib/mcp/browser/tools/wait.js

@@ -30,7 +30,7 @@ const wait = (0, import_tool.defineTool)({
     title: "Wait for",
     description: 'Wait for text to appear, disappear, or a time to pass. REQUIRED after navigating to a folder where content was just created or renamed \u2014 file/item names update asynchronously and will not be present immediately. Always call with text: "<filename>" before attempting to hover or click a newly created item.',
     inputSchema: import_mcpBundle.z.object({
-      time: import_mcpBundle.z.number().optional().describe("The time to wait in seconds"),
+      time: import_mcpBundle.z.number().positive().max(30).optional().describe("The time to wait, in SECONDS (not milliseconds), max 30. e.g. 3 = three seconds. Prefer text/textGone waits over a fixed time."),
       text: import_mcpBundle.z.string().optional().describe("The text to wait for"),
       textGone: import_mcpBundle.z.string().optional().describe("The text to wait for to disappear")
     }),

package/node_modules/playwright/lib/mcp/skyramp/exportTool.js

@@ -54,6 +54,12 @@ const exportZipSchema = {
   }),
   type: "readOnly"
 };
+function summarizeDropped(dropped) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const d of dropped)
+    counts.set(d.toolName, (counts.get(d.toolName) ?? 0) + 1);
+  return [...counts.entries()].map(([tool, n]) => n > 1 ? `${tool} \xD7${n}` : tool).join(", ");
+}
 function createExportZipHandler(ctx) {
   return async (params) => {
     if (!ctx.trackedActions.length) {
@@ -86,6 +92,9 @@ Requested path: ${outputZip}` }],
     await (0, import_skyRampExport.writeSkyrampZip)(outputZip, jsonlContent, ctx.harPath);
     const skippedNote = skipped.length ? `
 Skipped (not exportable): ${[...new Set(skipped)].join(", ")}` : "";
+    const dropped = ctx.droppedActions ?? [];
+    const droppedNote = dropped.length ? `
+Failed & dropped (not recorded): ${summarizeDropped(dropped)}` : "";
     return {
       content: [{
         type: "text",
@@ -93,7 +102,7 @@ Skipped (not exportable): ${[...new Set(skipped)].join(", ")}` : "";
 Skyramp zip written to ${outputZip}
 
 Contains:
-- skyramp_playwright.txt (${actionCount} actions)${skippedNote}`
+- skyramp_playwright.txt (${actionCount} actions)${skippedNote}${droppedNote}`
       }]
     };
   };

package/node_modules/playwright/lib/mcp/skyramp/traceRecordingBackend.js

@@ -74,6 +74,7 @@ class TraceRecordingBackend {
   // per-type baseline filename counter
   constructor(options) {
     this._trackedActions = [];
+    this._droppedActions = [];
     this._initialized = false;
     this._pageCount = 0;
     // number of popup pages seen
@@ -92,6 +93,9 @@ class TraceRecordingBackend {
   get trackedActions() {
     return this._trackedActions;
   }
+  get droppedActions() {
+    return this._droppedActions;
+  }
   async initialize(clientInfo) {
     const userDataDir = this._options.userDataDir || process.env.PLAYWRIGHT_USER_DATA_DIR || void 0;
     const loadExtension = this._options.loadExtension ?? splitExtensionPaths(process.env.PLAYWRIGHT_LOAD_EXTENSION);
@@ -185,12 +189,14 @@ class TraceRecordingBackend {
       this._consumeRecorderSelectors();
       const handler = (0, import_exportTool.createExportZipHandler)({
         trackedActions: this._trackedActions,
+        droppedActions: this._droppedActions,
         harPath: this._harPath,
         outputDir: this._outputDir
       });
       const exportResult = await handler(parsed);
       if (!exportResult.isError) {
         this._trackedActions = [];
+        this._droppedActions = [];
         const ra = this._browserBackend.context?.recorderActions;
         if (ra)
           ra.length = 0;
@@ -1691,8 +1697,13 @@ Cell row ${params.row}, column ${params.column} has "${actual}", expected "${par
     };
   }
   _maybeTrackAction(toolName, args, result, timestamp, pageAliasBeforeAction) {
-    if (result.isError)
+    if (result.isError) {
+      const errParsed = (0, import_response.parseResponse)(result);
+      const errText = (errParsed?.error ?? errParsed?.text ?? "unknown error").replace(/\s+/g, " ").trim().slice(0, 300);
+      this._droppedActions.push({ toolName, error: errText });
+      traceDebug(`Dropped failed action: ${toolName} args=${JSON.stringify(args).slice(0, 200)} \u2014 ${errText} (dropped total: ${this._droppedActions.length})`);
       return;
+    }
     const parsed = (0, import_response.parseResponse)(result);
     const code = parsed?.code ?? "";
     if (code || import_types.ARGS_ONLY_TOOLS.has(toolName)) {
@@ -1771,15 +1782,28 @@ Cell row ${params.row}, column ${params.column} has "${actual}", expected "${par
     else
       traceDebug("Flutter placeholder clicked but semantics not confirmed active");
   }
-  /** Clean up temp directory and optionally recreate it for next session. */
-  _cleanupTempDir(recreate = false) {
+  /**
+   * Clean up temp files. When `reuse` is true (between recordings in the same
+   * session), the temp directory and `_harPath` are kept STABLE and only their
+   * contents are cleared; when false (session end), the directory is removed.
+   *
+   * SKYR-3830: `recordHar.path` is baked by value into the context factory's
+   * config at initialize(). Reassigning `_harPath` to a fresh temp dir here
+   * desynced it from that baked path, so every recording after the first wrote
+   * its HAR to the original (now-deleted) path while export read the new
+   * `_harPath` — yielding an empty HAR and zero `waitForResponse` anchors.
+   * Keeping the path stable lets the next context's recordHar overwrite the
+   * HAR in place on close, so subsequent exports capture network again.
+   */
+  _cleanupTempDir(reuse = false) {
     try {
-      import_fs.default.rmSync(this._tempDir, { recursive: true, force: true });
-      traceDebug(`Cleaned up temp directory: ${this._tempDir}`);
-      if (recreate) {
-        this._tempDir = import_fs.default.mkdtempSync(import_path.default.join(import_os.default.tmpdir(), "skyramp-trace-"));
-        this._harPath = import_path.default.join(this._tempDir, "skyramp_network.har");
-        traceDebug(`Created new temp directory: ${this._tempDir}`);
+      if (reuse) {
+        for (const entry of import_fs.default.readdirSync(this._tempDir))
+          import_fs.default.rmSync(import_path.default.join(this._tempDir, entry), { recursive: true, force: true });
+        traceDebug(`Cleared temp directory for reuse: ${this._tempDir}`);
+      } else {
+        import_fs.default.rmSync(this._tempDir, { recursive: true, force: true });
+        traceDebug(`Cleaned up temp directory: ${this._tempDir}`);
       }
     } catch (e) {
       traceDebug(`Failed to clean up temp directory ${this._tempDir}: ${e}`);

package/node_modules/playwright/lib/mcp/test/skyRampExport.js

@@ -251,7 +251,7 @@ function trackedActionToJsonl(action, pageGuid, timestamp) {
     if (textGone)
       return JSON.stringify({ name: "waitForSelector", selector: `text=${textGone}`, state: "hidden", ...base });
     if (typeof time === "number")
-      return JSON.stringify({ name: "waitForTimeout", duration: time * 1e3, ...base });
+      return JSON.stringify({ name: "waitForTimeout", duration: Math.min(3e4, time * 1e3), ...base });
     return null;
   }
   if (toolName === "browser_press_key")
@@ -261,6 +261,12 @@ function trackedActionToJsonl(action, pageGuid, timestamp) {
       return null;
     return JSON.stringify({ ...args, ...base });
   }
+  if (toolName === "browser_evaluate") {
+    const fn = typeof args.function === "string" ? args.function : "";
+    if (!fn || args.ref && args.element)
+      return null;
+    return JSON.stringify({ name: "evaluate", expression: fn, ...base });
+  }
   if (!code)
     return null;
   const extracted = extractLocatorFromCode(code);

package/node_modules/playwright/lib/mcp/test/skyRampExport.test.js

@@ -0,0 +1,44 @@
+"use strict";
+var import_vitest = require("vitest");
+var import_skyRampExport = require("./skyRampExport");
+function waitForTime(time) {
+  return { toolName: "browser_wait_for", args: { time }, code: "", timestamp: 1e3 };
+}
+function jsonlFor(action) {
+  const line = (0, import_skyRampExport.trackedActionToJsonl)(action, "guid-1", 1e3);
+  return line ? JSON.parse(line) : null;
+}
+(0, import_vitest.describe)("browser_wait_for \u2192 waitForTimeout duration", () => {
+  (0, import_vitest.it)("converts a within-cap seconds value to milliseconds", () => {
+    const entry = jsonlFor(waitForTime(3));
+    (0, import_vitest.expect)(entry.name).toBe("waitForTimeout");
+    (0, import_vitest.expect)(entry.duration).toBe(3e3);
+  });
+  (0, import_vitest.it)("preserves fractional seconds", () => {
+    (0, import_vitest.expect)(jsonlFor(waitForTime(1.5)).duration).toBe(1500);
+  });
+  (0, import_vitest.it)("clamps a seconds value above the 30s live cap to 30000", () => {
+    (0, import_vitest.expect)(jsonlFor(waitForTime(45)).duration).toBe(3e4);
+  });
+  (0, import_vitest.it)("clamps a millisecond value mistakenly passed into the seconds param", () => {
+    (0, import_vitest.expect)(jsonlFor(waitForTime(1500)).duration).toBe(3e4);
+    (0, import_vitest.expect)(jsonlFor(waitForTime(3e3)).duration).toBe(3e4);
+  });
+  (0, import_vitest.it)("exactly at the cap is unchanged", () => {
+    (0, import_vitest.expect)(jsonlFor(waitForTime(30)).duration).toBe(3e4);
+  });
+});
+(0, import_vitest.describe)("browser_wait_for \u2192 text / textGone (unaffected by the clamp)", () => {
+  (0, import_vitest.it)("emits waitForSelector for text", () => {
+    const entry = jsonlFor({ toolName: "browser_wait_for", args: { text: "Report.pdf" }, code: "", timestamp: 1e3 });
+    (0, import_vitest.expect)(entry.name).toBe("waitForSelector");
+    (0, import_vitest.expect)(entry.selector).toBe("text=Report.pdf");
+    (0, import_vitest.expect)(entry.duration).toBeUndefined();
+  });
+  (0, import_vitest.it)("emits hidden-state waitForSelector for textGone", () => {
+    const entry = jsonlFor({ toolName: "browser_wait_for", args: { textGone: "Loading" }, code: "", timestamp: 1e3 });
+    (0, import_vitest.expect)(entry.name).toBe("waitForSelector");
+    (0, import_vitest.expect)(entry.selector).toBe("text=Loading");
+    (0, import_vitest.expect)(entry.state).toBe("hidden");
+  });
+});

package/node_modules/playwright/node_modules/playwright-core/lib/vite/traceViewer/{index.B_7ywgmr.js → index.d4gkVSou.js}

@@ -1,2 +1,2 @@
-import{T as x,r,a as C,W as F,j as e,D as z,b as I,c as P,d as A,e as O,f as V}from"./assets/defaultSettingsView-CYf9adZh.js";const $=()=>{const[o,c]=r.useState(!1),[n,l]=r.useState(),[h,u]=r.useState(),[p,b]=r.useState(N),[f,j]=r.useState({done:0,total:0}),[k,v]=r.useState(!1),[y,m]=r.useState(null),[T,R]=r.useState(null),[U,E]=r.useState(!1),g=r.useCallback(t=>{const s=new URL(window.location.href);if(!t.length)return;const i=t.item(0),a=URL.createObjectURL(i);s.searchParams.append("trace",a);const d=s.toString();window.history.pushState({},"",d),l(a),u(i.name),v(!1),m(null)},[]);r.useEffect(()=>{const t=async s=>{var a;if(!((a=s.clipboardData)!=null&&a.files.length))return;const i=["application/zip","application/x-zip-compressed"];for(const d of s.clipboardData.files)if(!i.includes(d.type))return;s.preventDefault(),g(s.clipboardData.files)};return document.addEventListener("paste",t),()=>document.removeEventListener("paste",t)}),r.useEffect(()=>{const t=s=>{const{method:i,params:a}=s.data;if(i!=="load"||!((a==null?void 0:a.trace)instanceof Blob))return;const d=new File([a.trace],"trace.zip",{type:"application/zip"}),w=new DataTransfer;w.items.add(d),g(w.files)};return window.addEventListener("message",t),()=>window.removeEventListener("message",t)});const W=r.useCallback(t=>{t.preventDefault(),g(t.dataTransfer.files)},[g]),M=r.useCallback(t=>{t.preventDefault(),t.target.files&&g(t.target.files)},[g]);r.useEffect(()=>{const t=new URL(window.location.href).searchParams,s=t.get("trace");if(c(t.has("isServer")),s!=null&&s.startsWith("file:")){R(s||null);return}if(t.has("isServer")){const i=new URLSearchParams(window.location.search).get("ws"),a=new URL(`../${i}`,window.location.toString());a.protocol=window.location.protocol==="https:"?"wss:":"ws:";const d=new C(new F(a));d.onLoadTraceRequested(async w=>{l(w.traceUrl),v(!1),m(null)}),d.initialize({}).catch(()=>{})}else s&&!s.startsWith("blob:")&&l(s)},[]);const S=r.useCallback(async t=>{const s=new URLSearchParams;s.set("trace",t);const i=await fetch(`contexts?${s.toString()}`);if(!i.ok){const{error:w}=await i.json();return m(w),w}const a=await i.json(),d=new x(t,a);j({done:0,total:0}),m(null),b(d)},[]);r.useEffect(()=>{(async()=>{if(!n){b(N);return}const t=s=>{s.data.method==="progress"&&j(s.data.params)};try{navigator.serviceWorker.addEventListener("message",t),j({done:0,total:1});let s=await S(n);s!=null&&s.includes("please grant permission for Local Network Access")&&(await fetch(n,{method:"HEAD",headers:{"x-pw-serviceworker":"skip"}}),s=await S(n)),s&&(o||l(void 0))}finally{navigator.serviceWorker.removeEventListener("message",t)}})()},[o,n,h,S]);const D=f.done!==f.total&&f.total!==0&&!y;r.useEffect(()=>{if(D){const t=setTimeout(()=>{E(!0)},200);return()=>clearTimeout(t)}else E(!1)},[D]);const L=!!(!o&&!k&&!T&&(!n||y));return e.jsxs("div",{className:"vbox workbench-loader",onDragOver:t=>{t.preventDefault(),t.dataTransfer.types.includes("Files")&&v(!0)},children:[e.jsxs("div",{className:"hbox header",...L?{inert:!0}:{},children:[e.jsx("div",{className:"logo",children:e.jsx("img",{src:"playwright-logo.svg",alt:"Playwright logo"})}),e.jsx("div",{className:"product",children:"Playwright"}),p.title&&e.jsx("div",{className:"title",children:p.title}),e.jsx("div",{className:"spacer"}),e.jsx(z,{icon:"settings-gear",title:"Settings",dialogDataTestId:"settings-toolbar-dialog",children:e.jsx(I,{location:"trace-viewer"})})]}),e.jsx(P,{model:p,inert:L}),T&&e.jsxs("div",{className:"drop-target",children:[e.jsx("div",{children:"Trace Viewer uses Service Workers to show traces. To view trace:"}),e.jsxs("div",{style:{paddingTop:20},children:[e.jsxs("div",{children:["1. Click ",e.jsx("a",{href:T,children:"here"})," to put your trace into the download shelf"]}),e.jsxs("div",{children:["2. Go to ",e.jsx("a",{href:"https://trace.playwright.dev",children:"trace.playwright.dev"})]}),e.jsx("div",{children:"3. Drop the trace from the download shelf into the page"})]})]}),e.jsx(A,{open:U,isModal:!0,className:"progress-dialog",children:e.jsxs("div",{className:"progress-content",children:[e.jsx("div",{className:"title",role:"heading","aria-level":1,children:"Loading Playwright Trace..."}),e.jsx("div",{className:"progress-wrapper",children:e.jsx("div",{className:"inner-progress",style:{width:f.total?100*f.done/f.total+"%":0}})})]})}),L&&e.jsxs("div",{className:"drop-target",children:[e.jsx("div",{className:"processing-error",role:"alert",children:y}),e.jsx("div",{className:"title",role:"heading","aria-level":1,children:"Drop Playwright Trace to load"}),e.jsx("div",{children:"or"}),e.jsx("button",{onClick:()=>{const t=document.createElement("input");t.type="file",t.click(),t.addEventListener("change",s=>M(s))},type:"button",children:"Select file"}),e.jsx("div",{className:"info",children:"Playwright Trace Viewer is a Progressive Web App, it does not send your trace anywhere, it opens it locally."}),e.jsxs("div",{className:"version",children:["Playwright v","1.58.2-skyramp.8.9.7"]})]}),o&&!n&&e.jsx("div",{className:"drop-target",children:e.jsx("div",{className:"title",children:"Select test to see the trace"})}),k&&e.jsx("div",{className:"drop-target",onDragLeave:()=>{v(!1)},onDrop:t=>W(t),children:e.jsx("div",{className:"title",children:"Release to analyse the Playwright Trace"})})]})},N=new x("",[]),q=({traceJson:o})=>{const[c,n]=r.useState(void 0),[l,h]=r.useState(0),u=r.useRef(null);return r.useEffect(()=>(u.current&&clearTimeout(u.current),u.current=setTimeout(async()=>{try{const p=await B(o);n(p)}catch{const p=new x("",[]);n(p)}finally{h(l+1)}},500),()=>{u.current&&clearTimeout(u.current)}),[o,l]),e.jsx(P,{isLive:!0,model:c})};async function B(o){const c=new URLSearchParams;c.set("trace",o);const l=await(await fetch(`contexts?${c.toString()}`)).json();return new x(o,l)}(async()=>{const o=new URLSearchParams(window.location.search);if(O(),window.location.protocol!=="file:"){if(o.get("isUnderTest")==="true"&&await new Promise(h=>setTimeout(h,1e3)),!navigator.serviceWorker)throw new Error(`Service workers are not supported.
+import{T as x,r,a as C,W as F,j as e,D as z,b as I,c as P,d as A,e as O,f as V}from"./assets/defaultSettingsView-CYf9adZh.js";const $=()=>{const[o,c]=r.useState(!1),[n,l]=r.useState(),[h,u]=r.useState(),[p,b]=r.useState(N),[f,j]=r.useState({done:0,total:0}),[k,v]=r.useState(!1),[y,m]=r.useState(null),[T,R]=r.useState(null),[U,E]=r.useState(!1),g=r.useCallback(t=>{const s=new URL(window.location.href);if(!t.length)return;const i=t.item(0),a=URL.createObjectURL(i);s.searchParams.append("trace",a);const d=s.toString();window.history.pushState({},"",d),l(a),u(i.name),v(!1),m(null)},[]);r.useEffect(()=>{const t=async s=>{var a;if(!((a=s.clipboardData)!=null&&a.files.length))return;const i=["application/zip","application/x-zip-compressed"];for(const d of s.clipboardData.files)if(!i.includes(d.type))return;s.preventDefault(),g(s.clipboardData.files)};return document.addEventListener("paste",t),()=>document.removeEventListener("paste",t)}),r.useEffect(()=>{const t=s=>{const{method:i,params:a}=s.data;if(i!=="load"||!((a==null?void 0:a.trace)instanceof Blob))return;const d=new File([a.trace],"trace.zip",{type:"application/zip"}),w=new DataTransfer;w.items.add(d),g(w.files)};return window.addEventListener("message",t),()=>window.removeEventListener("message",t)});const W=r.useCallback(t=>{t.preventDefault(),g(t.dataTransfer.files)},[g]),M=r.useCallback(t=>{t.preventDefault(),t.target.files&&g(t.target.files)},[g]);r.useEffect(()=>{const t=new URL(window.location.href).searchParams,s=t.get("trace");if(c(t.has("isServer")),s!=null&&s.startsWith("file:")){R(s||null);return}if(t.has("isServer")){const i=new URLSearchParams(window.location.search).get("ws"),a=new URL(`../${i}`,window.location.toString());a.protocol=window.location.protocol==="https:"?"wss:":"ws:";const d=new C(new F(a));d.onLoadTraceRequested(async w=>{l(w.traceUrl),v(!1),m(null)}),d.initialize({}).catch(()=>{})}else s&&!s.startsWith("blob:")&&l(s)},[]);const S=r.useCallback(async t=>{const s=new URLSearchParams;s.set("trace",t);const i=await fetch(`contexts?${s.toString()}`);if(!i.ok){const{error:w}=await i.json();return m(w),w}const a=await i.json(),d=new x(t,a);j({done:0,total:0}),m(null),b(d)},[]);r.useEffect(()=>{(async()=>{if(!n){b(N);return}const t=s=>{s.data.method==="progress"&&j(s.data.params)};try{navigator.serviceWorker.addEventListener("message",t),j({done:0,total:1});let s=await S(n);s!=null&&s.includes("please grant permission for Local Network Access")&&(await fetch(n,{method:"HEAD",headers:{"x-pw-serviceworker":"skip"}}),s=await S(n)),s&&(o||l(void 0))}finally{navigator.serviceWorker.removeEventListener("message",t)}})()},[o,n,h,S]);const D=f.done!==f.total&&f.total!==0&&!y;r.useEffect(()=>{if(D){const t=setTimeout(()=>{E(!0)},200);return()=>clearTimeout(t)}else E(!1)},[D]);const L=!!(!o&&!k&&!T&&(!n||y));return e.jsxs("div",{className:"vbox workbench-loader",onDragOver:t=>{t.preventDefault(),t.dataTransfer.types.includes("Files")&&v(!0)},children:[e.jsxs("div",{className:"hbox header",...L?{inert:!0}:{},children:[e.jsx("div",{className:"logo",children:e.jsx("img",{src:"playwright-logo.svg",alt:"Playwright logo"})}),e.jsx("div",{className:"product",children:"Playwright"}),p.title&&e.jsx("div",{className:"title",children:p.title}),e.jsx("div",{className:"spacer"}),e.jsx(z,{icon:"settings-gear",title:"Settings",dialogDataTestId:"settings-toolbar-dialog",children:e.jsx(I,{location:"trace-viewer"})})]}),e.jsx(P,{model:p,inert:L}),T&&e.jsxs("div",{className:"drop-target",children:[e.jsx("div",{children:"Trace Viewer uses Service Workers to show traces. To view trace:"}),e.jsxs("div",{style:{paddingTop:20},children:[e.jsxs("div",{children:["1. Click ",e.jsx("a",{href:T,children:"here"})," to put your trace into the download shelf"]}),e.jsxs("div",{children:["2. Go to ",e.jsx("a",{href:"https://trace.playwright.dev",children:"trace.playwright.dev"})]}),e.jsx("div",{children:"3. Drop the trace from the download shelf into the page"})]})]}),e.jsx(A,{open:U,isModal:!0,className:"progress-dialog",children:e.jsxs("div",{className:"progress-content",children:[e.jsx("div",{className:"title",role:"heading","aria-level":1,children:"Loading Playwright Trace..."}),e.jsx("div",{className:"progress-wrapper",children:e.jsx("div",{className:"inner-progress",style:{width:f.total?100*f.done/f.total+"%":0}})})]})}),L&&e.jsxs("div",{className:"drop-target",children:[e.jsx("div",{className:"processing-error",role:"alert",children:y}),e.jsx("div",{className:"title",role:"heading","aria-level":1,children:"Drop Playwright Trace to load"}),e.jsx("div",{children:"or"}),e.jsx("button",{onClick:()=>{const t=document.createElement("input");t.type="file",t.click(),t.addEventListener("change",s=>M(s))},type:"button",children:"Select file"}),e.jsx("div",{className:"info",children:"Playwright Trace Viewer is a Progressive Web App, it does not send your trace anywhere, it opens it locally."}),e.jsxs("div",{className:"version",children:["Playwright v","1.58.2-skyramp.8.11.0"]})]}),o&&!n&&e.jsx("div",{className:"drop-target",children:e.jsx("div",{className:"title",children:"Select test to see the trace"})}),k&&e.jsx("div",{className:"drop-target",onDragLeave:()=>{v(!1)},onDrop:t=>W(t),children:e.jsx("div",{className:"title",children:"Release to analyse the Playwright Trace"})})]})},N=new x("",[]),q=({traceJson:o})=>{const[c,n]=r.useState(void 0),[l,h]=r.useState(0),u=r.useRef(null);return r.useEffect(()=>(u.current&&clearTimeout(u.current),u.current=setTimeout(async()=>{try{const p=await B(o);n(p)}catch{const p=new x("",[]);n(p)}finally{h(l+1)}},500),()=>{u.current&&clearTimeout(u.current)}),[o,l]),e.jsx(P,{isLive:!0,model:c})};async function B(o){const c=new URLSearchParams;c.set("trace",o);const l=await(await fetch(`contexts?${c.toString()}`)).json();return new x(o,l)}(async()=>{const o=new URLSearchParams(window.location.search);if(O(),window.location.protocol!=="file:"){if(o.get("isUnderTest")==="true"&&await new Promise(h=>setTimeout(h,1e3)),!navigator.serviceWorker)throw new Error(`Service workers are not supported.
 Make sure to serve the Trace Viewer (${window.location}) via HTTPS or localhost.`);navigator.serviceWorker.register("sw.bundle.js"),navigator.serviceWorker.controller||await new Promise(h=>{navigator.serviceWorker.oncontrollerchange=()=>h()}),setInterval(function(){fetch("ping")},1e4)}const c=o.get("trace"),l=(c==null?void 0:c.endsWith(".json"))?e.jsx(q,{traceJson:c}):e.jsx($,{});V.createRoot(document.querySelector("#root")).render(l)})();

package/node_modules/playwright/node_modules/playwright-core/lib/vite/traceViewer/index.html

@@ -7,7 +7,7 @@
     <link rel="icon" href="./playwright-logo.svg" type="image/svg+xml">
     <link rel="manifest" href="./manifest.webmanifest">
     <title>Playwright Trace Viewer</title>
-    <script type="module" crossorigin src="./index.B_7ywgmr.js"></script>
+    <script type="module" crossorigin src="./index.d4gkVSou.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/defaultSettingsView-CYf9adZh.js">
     <link rel="stylesheet" crossorigin href="./defaultSettingsView.7ch9cixO.css">
     <link rel="stylesheet" crossorigin href="./index.BVu7tZDe.css">

package/node_modules/playwright/node_modules/playwright-core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "playwright-core",
-  "version": "1.58.2-skyramp.8.10.0",
+  "version": "1.58.2-skyramp.8.11.0",
   "description": "A high-level API to automate web browsers",
   "repository": {
     "type": "git",

package/node_modules/playwright/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyramp/playwright",
-  "version": "1.58.2-skyramp.8.10.0",
+  "version": "1.58.2-skyramp.8.11.0",
   "description": "Skyramp's fork of Playwright with trace recording for UI test generation",
   "publishConfig": {
     "access": "public"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyramp/mcp",
-  "version": "0.2.9",
+  "version": "0.2.10-rc.1",
   "main": "build/index.js",
   "exports": {
     ".": "./build/index.js",
@@ -67,11 +67,11 @@
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.24.3",
     "@playwright/test": "^1.55.0",
-    "@skyramp/skyramp": "1.3.30",
+    "@skyramp/skyramp": "1.3.32",
     "dockerode": "^5.0.0",
     "fast-glob": "^3.3.3",
     "js-yaml": "^4.1.1",
-    "playwright": "file:vendor/skyramp-playwright-1.58.2-skyramp.8.10.0.tgz",
+    "playwright": "file:vendor/skyramp-playwright-1.58.2-skyramp.8.11.0.tgz",
     "simple-git": "^3.30.0",
     "typescript": "^5.8.3",
     "zod": "^3.25.3"