ptywright 0.6.3 → 0.6.5

package/dist/agent.mjs

@@ -1,2 +1,2 @@
-import { a as formatAgentLaunchPlan, i as runAgentSpecPath, n as replayAgentRecordPath, r as runAgentSpec, t as defaultSpecNameForPath } from "./runner-RhWYhus1.mjs";
+import { a as formatAgentLaunchPlan, i as runAgentSpecPath, n as replayAgentRecordPath, r as runAgentSpec, t as defaultSpecNameForPath } from "./runner-CB8OirHU.mjs";
 export { defaultSpecNameForPath, formatAgentLaunchPlan, replayAgentRecordPath, runAgentSpec, runAgentSpecPath };

package/dist/bin/ptywright.mjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env bun
-import { t as main } from "../cli-uj8xaanE.mjs";
+import { t as main } from "../cli-lwZjxEqE.mjs";
 //#region src/bin/ptywright.ts
 await main();
 //#endregion

package/dist/{cli-uj8xaanE.mjs → cli-lwZjxEqE.mjs}

@@ -1,9 +1,9 @@
 import { n as loadPtywrightConfig } from "./config-bGg636EW.mjs";
-import { C as writeAgentManifestPath, D as escapeHtml, E as escapeAttribute, O as normalizeAgentFlowSpec, S as validateAgentManifestFiles, T as readAgentCassettePath, _ as formatArgv, b as isAgentManifestLike, c as launchAgentBrowser, d as AGENT_RUN_RECORD_SCHEMA_URL, f as agentRunModeSchema, g as writeAgentRunRecordPath, h as readAgentRunRecordPath, i as runAgentSpecPath, k as sanitizeArtifactName, l as createAgentTemplateSpec, m as isAgentRunRecordLike, n as replayAgentRecordPath, o as resolveAgentLaunchTarget, p as formatAgentArgv, s as normalizeAgentFlowSpecWithConfig, u as loadAgentSpec, v as AGENT_MANIFEST_FILE_NAME, w as isAgentCassetteLike, x as readAgentManifestPath, y as agentManifestPath } from "./runner-RhWYhus1.mjs";
+import { A as sanitizeArtifactName, C as validateAgentManifestFiles, D as escapeAttribute, E as readAgentCassettePath, O as escapeHtml, S as readAgentManifestPath, T as isAgentCassetteLike, _ as writeAgentRunRecordPath, b as agentManifestPath, c as launchAgentBrowser, d as loadAgentSpec, f as AGENT_RUN_RECORD_SCHEMA_URL, g as readAgentRunRecordPath, h as isAgentRunRecordLike, i as runAgentSpecPath, k as normalizeAgentFlowSpec, l as renderReportThemeCss, m as formatAgentArgv, n as replayAgentRecordPath, o as resolveAgentLaunchTarget, p as agentRunModeSchema, s as normalizeAgentFlowSpecWithConfig, u as createAgentTemplateSpec, v as formatArgv, w as writeAgentManifestPath, x as isAgentManifestLike, y as AGENT_MANIFEST_FILE_NAME } from "./runner-CB8OirHU.mjs";
 import { a as sameArgv, i as diffCommandMaps, r as formatZodIssues } from "./manifest_files-DW80c1H7.mjs";
 import { i as portableCliPath, n as mergeProcessEnv, o as relativeHref, s as samePath } from "./env-DPYHo-zH.mjs";
 import { d as resolvePtyBackend, u as createDefaultPtyAdapter } from "./runner-BHXXwxYp.mjs";
-import { a as resolveScriptManifestPath, c as relocateScriptManifestCommands, d as resolveScriptRunSummaryPath, f as runScriptPath, i as readScriptManifestPath, l as resolveManifestPrimaryPath$1, n as runAllScripts, o as validateScriptManifest, r as findScriptSummaryManifest, t as createPtywrightServer, u as readScriptRunSummaryPath } from "./server-B4Bbuluz.mjs";
+import { a as resolveScriptManifestPath, c as relocateScriptManifestCommands, d as resolveScriptRunSummaryPath, f as runScriptPath, i as readScriptManifestPath, l as resolveManifestPrimaryPath$1, n as runAllScripts, o as validateScriptManifest, r as findScriptSummaryManifest, t as createPtywrightServer, u as readScriptRunSummaryPath } from "./server-Bt7CXCz8.mjs";
 import { c as createPtyCassetteReplay, i as formatPtyCassetteInspectLines, l as readPtyCassettePath, o as inspectPtyCassettePath, r as createPtyCassetteRecorder, t as wrapPtyLike, v as validatePtyCassette } from "./pty_like-DWIlWGgA.mjs";
 import { existsSync, mkdirSync, readFileSync, readdirSync, statSync, writeFileSync } from "node:fs";
 import { basename, dirname, extname, isAbsolute, join, relative, resolve } from "node:path";
@@ -1598,128 +1598,275 @@ function renderFailedEntryReport(result) {
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>${escapeHtml(result.name)} failed replay</title>
     <style>
-      :root { color-scheme: light; font-family: ui-sans-serif, system-ui, sans-serif; }
-      body { margin: 0; padding: 32px; background: oklch(97.5% 0.008 210); color: oklch(19% 0.018 230); }
-      main { display: grid; gap: 16px; max-width: 960px; }
-      pre { overflow: auto; border-radius: 8px; background: oklch(20% 0.015 230); color: oklch(92% 0.012 230); padding: 14px; }
+${renderReportThemeCss()}
+
+    .hero {
+      margin-bottom: 24px;
+    }
+    .hero h1 {
+      margin-bottom: 12px;
+    }
+    .error-block {
+      margin-top: 20px;
+    }
+    .error-block h2 {
+      margin-bottom: 10px;
+      color: var(--fail);
+    }
     </style>
   </head>
   <body>
-    <main>
-      <h1>${escapeHtml(result.name)}</h1>
-      <p>Replay failed before the agent runner could start.</p>
-      <pre>${escapeHtml(result.errors.join("\n"))}</pre>
-    </main>
+    <div class="rail fail"></div>
+    <div class="shell">
+      <div class="hero">
+        <div class="statusline fail">
+          <span class="dot"></span>
+          <span>FAILED</span>
+        </div>
+        <h1>${escapeHtml(result.name)}</h1>
+        <p style="color: var(--muted); margin: 8px 0 0;">Replay failed before the agent runner could start.</p>
+      </div>
+      <div class="panel error-block">
+        <h2>Error Details</h2>
+        <div class="codeblock">
+          <pre>${escapeHtml(result.errors.join("\n"))}</pre>
+        </div>
+      </div>
+    </div>
   </body>
 </html>`;
 }
 function writeReplayAllReport(path, args) {
 	mkdirSync(dirname(path), { recursive: true });
-	const rows = args.entries.map((entry) => renderEntry(entry, path)).join("\n");
+	const rows = [...args.entries].sort((a, b) => {
+		if (a.result.ok !== b.result.ok) return a.result.ok ? 1 : -1;
+		return a.result.name.localeCompare(b.result.name);
+	}).map((entry) => renderEntry(entry, path)).join("\n");
 	const ok = args.entries.every((entry) => entry.result.ok);
+	const passCount = args.entries.filter((e) => e.result.ok).length;
+	const failCount = args.entries.length - passCount;
+	const passRate = args.entries.length > 0 ? passCount / args.entries.length * 100 : 0;
 	writeFileSync(path, `<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>ptywright agent replay report</title>
+    <title>Agent Replay Report · ${ok ? "Passed" : "Failed"}</title>
     <style>
-      :root {
-        color-scheme: light;
-        --bg: oklch(97.5% 0.008 210);
-        --ink: oklch(19% 0.018 230);
-        --muted: oklch(48% 0.02 230);
-        --line: oklch(86% 0.018 230);
-        --panel: oklch(99% 0.006 210);
-        --good: oklch(55% 0.15 155);
-        --bad: oklch(58% 0.19 25);
-        --focus: oklch(55% 0.14 235);
-        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-      }
-      * { box-sizing: border-box; }
-      body { margin: 0; background: var(--bg); color: var(--ink); }
-      main {
-        display: grid;
-        gap: 22px;
-        width: min(1180px, calc(100vw - 32px));
-        margin: 0 auto;
-        padding: 32px 0 48px;
-      }
-      header {
-        display: grid;
-        gap: 10px;
-        border-bottom: 1px solid var(--line);
-        padding-bottom: 20px;
-      }
-      h1 { margin: 0; font-size: 28px; line-height: 1.15; letter-spacing: 0; }
-      .meta { display: flex; flex-wrap: wrap; gap: 8px; }
-      .pill {
-        display: inline-flex;
-        min-height: 32px;
-        align-items: center;
-        border: 1px solid var(--line);
-        border-radius: 999px;
-        padding: 0 12px;
-        color: var(--muted);
-        font-size: 13px;
-      }
-      .pill.pass { color: var(--good); border-color: color-mix(in oklch, var(--good) 42%, var(--line)); }
-      .pill.fail { color: var(--bad); border-color: color-mix(in oklch, var(--bad) 42%, var(--line)); }
-      .entries { display: grid; gap: 10px; }
-      .entry {
-        display: grid;
-        grid-template-columns: 92px minmax(0, 1fr) auto;
-        gap: 14px;
-        align-items: center;
-        border: 1px solid var(--line);
-        border-radius: 8px;
-        background: var(--panel);
-        padding: 12px;
-      }
-      .badge {
-        justify-self: start;
-        border-radius: 999px;
-        padding: 5px 9px;
-        background: color-mix(in oklch, var(--line) 52%, transparent);
-        color: var(--muted);
-        font-size: 12px;
-        font-weight: 700;
-      }
-      .badge.pass { background: color-mix(in oklch, var(--good) 12%, var(--panel)); color: var(--good); }
-      .badge.fail { background: color-mix(in oklch, var(--bad) 12%, var(--panel)); color: var(--bad); }
-      a { color: var(--focus); font-weight: 700; text-decoration: none; }
-      code { color: var(--muted); overflow-wrap: anywhere; }
-      .commands {
-        display: grid;
-        gap: 4px;
-        margin-top: 8px;
-      }
-      .commands code {
-        display: block;
-      }
-      @media (max-width: 720px) {
-        main { width: min(100vw - 20px, 1180px); padding-top: 18px; }
-        .entry { grid-template-columns: 1fr; }
-      }
+${renderReportThemeCss()}
+
+    /* Hero section with pass-rate visualization */
+    .hero {
+      margin-bottom: 28px;
+    }
+    .hero-title {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 16px;
+      margin-bottom: 18px;
+      flex-wrap: wrap;
+    }
+    .hero-stats {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+      gap: 12px;
+      margin-bottom: 16px;
+    }
+    .hero-stat {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+    .hero-stat-value {
+      font-size: 32px;
+      font-weight: 700;
+      line-height: 1;
+      font-variant-numeric: tabular-nums;
+      letter-spacing: -0.02em;
+    }
+    .hero-stat-value.pass { color: var(--pass); }
+    .hero-stat-value.fail { color: var(--fail); }
+    .hero-stat-label {
+      font-size: 12px;
+      color: var(--muted);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      font-weight: 600;
+    }
+    .meter-wrapper {
+      margin-bottom: 20px;
+    }
+    .meter-label {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 8px;
+      font-size: 13px;
+      color: var(--muted);
+    }
+    .meter-label strong {
+      color: var(--ink);
+      font-weight: 660;
+    }
+
+    /* Entry list */
+    .entries {
+      display: grid;
+      gap: 12px;
+    }
+    .entry {
+      border: 1px solid var(--line);
+      border-radius: var(--radius);
+      background: var(--panel);
+      padding: 16px;
+      box-shadow: var(--shadow);
+      transition: border-color 0.15s ease;
+    }
+    .entry:hover {
+      border-color: var(--line-strong);
+    }
+    .entry-header {
+      display: flex;
+      align-items: flex-start;
+      gap: 12px;
+      margin-bottom: 12px;
+    }
+    .entry-title {
+      flex: 1;
+      min-width: 0;
+    }
+    .entry-title a {
+      font-size: 15px;
+      font-weight: 640;
+      color: var(--ink);
+    }
+    .entry-title a:hover {
+      color: var(--accent);
+    }
+    .entry-meta {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      margin-top: 10px;
+      font-size: 12px;
+      color: var(--muted);
+      font-family: var(--font-mono);
+    }
+    .entry-meta > span {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+    .entry-paths {
+      margin-top: 8px;
+      padding-top: 12px;
+      border-top: 1px solid var(--line);
+    }
+    .entry-path {
+      font-size: 12px;
+      color: var(--faint);
+      font-family: var(--font-mono);
+      margin-bottom: 4px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .entry-commands {
+      margin-top: 12px;
+      padding: 10px;
+      background: var(--canvas);
+      border-radius: var(--radius-xs);
+      font-size: 11.5px;
+      font-family: var(--font-mono);
+      color: var(--muted);
+    }
+    .entry-commands > div {
+      margin-bottom: 3px;
+    }
+    .entry-commands > div:last-child {
+      margin-bottom: 0;
+    }
+    .entry-failed-artifacts {
+      margin-top: 12px;
+      padding: 10px;
+      background: var(--fail-soft);
+      border-radius: var(--radius-xs);
+      border: 1px solid color-mix(in oklab, var(--fail) 25%, var(--line));
+    }
+    .entry-failed-artifacts > div {
+      margin-bottom: 6px;
+      font-size: 12px;
+    }
+    .entry-failed-artifacts > div:last-child {
+      margin-bottom: 0;
+    }
+    .entry-errors {
+      margin-top: 12px;
+      padding: 10px;
+      background: var(--fail-soft);
+      border-radius: var(--radius-xs);
+      border: 1px solid color-mix(in oklab, var(--fail) 25%, var(--line));
+      color: var(--fail);
+      font-size: 12px;
+      font-family: var(--font-mono);
+    }
     </style>
   </head>
   <body>
-    <main>
-      <header>
-        <h1>ptywright agent replay report</h1>
-        <div class="meta">
-          <span class="pill ${ok ? "pass" : "fail"}">${ok ? "passed" : "failed"}</span>
-          <span class="pill">${args.entries.length} entries</span>
-          <span class="pill">${args.updateSnapshots ? "update snapshots" : "compare snapshots"}</span>
-          <span class="pill">${args.durationMs}ms</span>
-          <span class="pill">${escapeHtml(args.dir)}</span>
-          <a class="pill" href="${escapeAttribute(relativeHref(path, args.summaryPath))}">agent-replay.summary.json</a>
+    <div class="rail ${ok ? "pass" : "fail"}"></div>
+    <div class="shell">
+      <div class="hero">
+        <div class="hero-title">
+          <h1>Agent Replay Report</h1>
+          <div class="statusline ${ok ? "pass" : "fail"}">
+            <span class="dot"></span>
+            <span>${ok ? "PASSED" : "FAILED"}</span>
+          </div>
+        </div>
+
+        <div class="hero-stats">
+          <div class="hero-stat">
+            <div class="hero-stat-value">${args.entries.length}</div>
+            <div class="hero-stat-label">Total Entries</div>
+          </div>
+          <div class="hero-stat">
+            <div class="hero-stat-value pass">${passCount}</div>
+            <div class="hero-stat-label">Passed</div>
+          </div>
+          <div class="hero-stat">
+            <div class="hero-stat-value fail">${failCount}</div>
+            <div class="hero-stat-label">Failed</div>
+          </div>
+          <div class="hero-stat">
+            <div class="hero-stat-value">${passRate.toFixed(1)}%</div>
+            <div class="hero-stat-label">Pass Rate</div>
+          </div>
         </div>
-      </header>
+
+        <div class="meter-wrapper">
+          <div class="meter-label">
+            <span><strong>${passCount}</strong> passed</span>
+            <span><strong>${failCount}</strong> failed</span>
+          </div>
+          <div class="meter ${failCount > 0 ? "has-fail" : ""}">
+            <i style="width: ${passRate}%"></i>
+          </div>
+        </div>
+
+        <div class="chip-row">
+          <span class="chip mono">${escapeHtml(args.dir)}</span>
+          <span class="chip">${args.updateSnapshots ? "Update Snapshots" : "Compare Snapshots"}</span>
+          <span class="chip">${args.durationMs}ms</span>
+          <a class="chip" href="${escapeAttribute(relativeHref(path, args.summaryPath))}">
+            📄 summary.json
+          </a>
+        </div>
+      </div>
+
       <section class="entries">
-        ${rows || "<p>No replay artifacts were found.</p>"}
+        ${rows || "<div class=\"panel\"><p style=\"color: var(--muted); margin: 0;\">No replay artifacts were found.</p></div>"}
       </section>
-    </main>
+    </div>
   </body>
 </html>`, "utf8");
 }
@@ -1728,33 +1875,62 @@ function renderEntry(entry, reportPath) {
 	const source = entry.result.replaySourceCassettePath ?? entry.result.cassettePath;
 	const failedArtifacts = entry.result.artifacts.filter((artifact) => !artifact.ok);
 	return `<article class="entry">
-    <span class="badge ${state}">${state}</span>
-    <div>
-      <a href="${escapeAttribute(relativeHref(reportPath, entry.result.reportPath))}">${escapeHtml(entry.result.name)}</a>
-      <div><code>${escapeHtml(entry.filePath)}</code></div>
-      <div><code>${escapeHtml(source)}</code></div>
-      <div class="commands">
-        <code>replay ${escapeHtml(formatAgentArgv(entry.result.commands.replay.argv))}</code>
-        <code>update ${escapeHtml(formatAgentArgv(entry.result.commands.updateSnapshots.argv))}</code>
-        <code>commands ${escapeHtml(formatAgentArgv([
+    <div class="entry-header">
+      <span class="dot-sm ${state}"></span>
+      <div class="entry-title">
+        <a href="${escapeAttribute(relativeHref(reportPath, entry.result.reportPath))}">${escapeHtml(entry.result.name)}</a>
+        <div class="entry-meta">
+          <span>📊 ${entry.result.mode}</span>
+          <span>🎞️ ${entry.result.cassetteFrameCount} frames</span>
+          <span>⏱️ ${entry.durationMs}ms</span>
+        </div>
+      </div>
+      <div class="statusline ${state}">
+        <span class="dot"></span>
+        <span>${state.toUpperCase()}</span>
+      </div>
+    </div>
+
+    <div class="entry-paths">
+      <div class="entry-path" title="${escapeAttribute(entry.filePath)}">📁 ${escapeHtml(entry.filePath)}</div>
+      <div class="entry-path" title="${escapeAttribute(source)}">🎬 ${escapeHtml(source)}</div>
+    </div>
+
+    ${failedArtifacts.length > 0 ? `<div class="entry-failed-artifacts">
+      <strong style="display: block; margin-bottom: 8px; color: var(--fail);">⚠️ Failed Artifacts (${failedArtifacts.length})</strong>
+      ${failedArtifacts.map((artifact) => renderFailedArtifact(artifact, reportPath)).join("")}
+    </div>` : ""}
+
+    ${entry.result.errors.length > 0 ? `<div class="entry-errors">
+      <strong style="display: block; margin-bottom: 6px;">❌ Errors</strong>
+      ${entry.result.errors.map((error) => `<div>${escapeHtml(error)}</div>`).join("")}
+    </div>` : ""}
+
+    <details class="entry-commands">
+      <summary style="cursor: pointer; font-weight: 600; color: var(--ink); margin-bottom: 8px;">🔧 Commands</summary>
+      <div><strong>Replay:</strong> ${escapeHtml(formatAgentArgv(entry.result.commands.replay.argv))}</div>
+      <div><strong>Update:</strong> ${escapeHtml(formatAgentArgv(entry.result.commands.updateSnapshots.argv))}</div>
+      <div><strong>Commands:</strong> ${escapeHtml(formatAgentArgv([
 		"ptywright",
 		"agent",
 		"commands",
 		entry.result.recordPath,
 		"--json"
-	]))}</code>
-      </div>
-      ${failedArtifacts.map((artifact) => renderFailedArtifact(artifact, reportPath)).join("")}
-      ${entry.result.errors.map((error) => `<div><code>${escapeHtml(error)}</code></div>`).join("")}
-    </div>
-    <code>${entry.result.mode} / ${entry.result.cassetteFrameCount} frames / ${entry.durationMs}ms</code>
+	]))}</div>
+    </details>
   </article>`;
 }
 function renderFailedArtifact(artifact, reportPath) {
-	const diffLink = artifact.diffPath ? `<a href="${escapeAttribute(relativeHref(reportPath, artifact.diffPath))}">diff</a>` : "";
-	return `<div>
-    ${`<a href="${escapeAttribute(relativeHref(reportPath, artifact.path))}">${escapeHtml(artifact.kind)}</a>`}${diffLink ? ` ${diffLink}` : ""}
-    <code>${escapeHtml(artifact.viewport)} / ${escapeHtml(artifact.name)}${artifact.error ? ` / ${artifact.error}` : ""}</code>
+	const diffLink = artifact.diffPath ? ` · <a href="${escapeAttribute(relativeHref(reportPath, artifact.diffPath))}" style="color: var(--changed);">view diff</a>` : "";
+	const artifactLink = `<a href="${escapeAttribute(relativeHref(reportPath, artifact.path))}">${escapeHtml(artifact.kind)}</a>`;
+	const errorMsg = artifact.error ? ` <span style="color: var(--fail);">· ${escapeHtml(artifact.error)}</span>` : "";
+	return `<div style="padding: 6px 0; border-bottom: 1px solid var(--line); font-size: 12px;">
+    <div style="margin-bottom: 3px;">
+      ${artifactLink}${diffLink}
+    </div>
+    <div style="color: var(--muted); font-family: var(--font-mono); font-size: 11px;">
+      ${escapeHtml(artifact.viewport)} · ${escapeHtml(artifact.name)}${errorMsg}
+    </div>
   </div>`;
 }
 //#endregion

package/dist/cli.mjs

@@ -1,2 +1,2 @@
-import { t as main } from "./cli-uj8xaanE.mjs";
+import { t as main } from "./cli-lwZjxEqE.mjs";
 export { main };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { t as createPtywrightServer } from "./server-B4Bbuluz.mjs";
+import { t as createPtywrightServer } from "./server-Bt7CXCz8.mjs";
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
 //#region src/index.ts
 const { server, sessions } = createPtywrightServer();

package/dist/mcp.mjs

@@ -1,2 +1,2 @@
-import { t as createPtywrightServer } from "./server-B4Bbuluz.mjs";
+import { t as createPtywrightServer } from "./server-Bt7CXCz8.mjs";
 export { createPtywrightServer };