@matware/e2e-runner 1.1.0 → 1.1.1

package/README.md

@@ -37,18 +37,38 @@ JSON-driven E2E test runner. Define browser tests as simple JSON action arrays,
 
 ## Quick Start
 
+**One-liner** (requires Node.js >= 20 and Docker):
+
+```bash
+curl -fsSL https://raw.githubusercontent.com/fastslack/mtw-e2e-runner/main/scripts/quickstart.sh | bash
+```
+
+This checks prerequisites, installs the package, scaffolds the project, starts the Chrome pool, and runs the sample tests.
+
+**Step by step:**
+
 ```bash
-# Install
-npm install @matware/e2e-runner
+# 1. Install
+npm install --save-dev @matware/e2e-runner
 
-# Scaffold project structure
+# 2. Scaffold project structure
 npx e2e-runner init
 
-# Start Chrome pool (requires Docker)
+# 3. Start Chrome pool (requires Docker)
 npx e2e-runner pool start
 
-# Run all tests
+# 4. Run all tests
 npx e2e-runner run --all
+
+# 5. Open the dashboard
+npx e2e-runner dashboard
+```
+
+**Add to Claude Code** (once, available in all projects):
+
+```bash
+claude mcp add --transport stdio --scope user e2e-runner \
+  -- npx -y -p @matware/e2e-runner e2e-runner-mcp
 ```
 
 The `init` command creates:
@@ -436,7 +456,45 @@ e2e-runner dashboard                  # Start on default port 8484
 e2e-runner dashboard --port 9090      # Custom port
 ```
 
-Features: live test execution, screenshot viewer with copy-to-clipboard hashes (`ss:a3f2b1c9`), multi-project support via SQLite, run history with auto-pruning.
+### Live Execution
+
+Monitor tests in real-time as they run. Each test shows its steps with individual durations, pass/fail status, and active connection count.
+
+<p align="center">
+  <img src="https://raw.githubusercontent.com/fastslack/mtw-e2e-runner/main/docs/screenshots/blog-dashboard-live-running.png" alt="Dashboard - Live test execution" width="900" />
+</p>
+
+### Test Suites
+
+Browse all test suites across multiple projects. Run a single suite or all tests with one click.
+
+<p align="center">
+  <img src="https://raw.githubusercontent.com/fastslack/mtw-e2e-runner/main/docs/screenshots/blog-dashboard-suites.png" alt="Dashboard - Test suites grid" width="900" />
+</p>
+
+### Run History
+
+Track pass rate trends over time with the bar chart. Click any row to expand the full run detail with per-test results, screenshots, and console errors.
+
+<p align="center">
+  <img src="https://raw.githubusercontent.com/fastslack/mtw-e2e-runner/main/docs/screenshots/blog-dashboard-runs.png" alt="Dashboard - Run history with trend chart" width="900" />
+</p>
+
+### Run Detail
+
+Expanded view shows each test with PASS/FAIL badge, screenshot thumbnails with copyable hashes (`ss:77c28b5a`), and formatted console errors.
+
+<p align="center">
+  <img src="https://raw.githubusercontent.com/fastslack/mtw-e2e-runner/main/docs/screenshots/blog-dashboard-run-detail.png" alt="Dashboard - Run detail with screenshot hashes" width="900" />
+</p>
+
+### Screenshot Gallery
+
+Browse all captured screenshots per project. Includes both manual captures and error screenshots.
+
+<p align="center">
+  <img src="https://raw.githubusercontent.com/fastslack/mtw-e2e-runner/main/docs/screenshots/blog-dashboard-screenshots-gallery.png" alt="Dashboard - Screenshot gallery" width="900" />
+</p>
 
 ## Architecture
 

package/bin/cli.js

@@ -14,6 +14,7 @@
  *   e2e-runner pool status                Show pool status
  *   e2e-runner pool restart               Restart the pool
  *   e2e-runner dashboard                   Start the web dashboard
+ *   e2e-runner capture <url>              Capture a screenshot of any URL
  *   e2e-runner issue <url>                Fetch issue and show details
  *   e2e-runner issue <url> --generate     Generate test file via Claude API
  *   e2e-runner issue <url> --verify       Generate + run + report bug status
@@ -28,13 +29,14 @@ import path from 'path';
 import http from 'http';
 import { fileURLToPath } from 'url';
 import { loadConfig } from '../src/config.js';
-import { startPool, stopPool, restartPool, getPoolStatus, waitForPool } from '../src/pool.js';
+import { startPool, stopPool, restartPool, getPoolStatus, waitForPool, connectToPool } from '../src/pool.js';
 import { runTestsParallel, loadTestFile, loadTestSuite, loadAllSuites, listSuites } from '../src/runner.js';
 import { generateReport, saveReport, printReport, persistRun } from '../src/reporter.js';
 import { startDashboard } from '../src/dashboard.js';
 import { fetchIssue } from '../src/issues.js';
 import { buildPrompt, generateTests, hasApiKey } from '../src/ai-generate.js';
 import { verifyIssue } from '../src/verify.js';
+import { ensureProject, computeScreenshotHash, registerScreenshotHash } from '../src/db.js';
 import { log, colors as C } from '../src/logger.js';
 
 const __filename = fileURLToPath(import.meta.url);
@@ -72,6 +74,9 @@ function parseCLIConfig() {
   if (getFlag('--port')) cliArgs.dashboardPort = parseInt(getFlag('--port'));
   if (getFlag('--dashboard-port')) cliArgs.dashboardPort = parseInt(getFlag('--dashboard-port'));
   if (getFlag('--project-name')) cliArgs.projectName = getFlag('--project-name');
+  if (hasFlag('--fail-on-network-error')) cliArgs.failOnNetworkError = true;
+  if (getFlag('--auth-token')) cliArgs.authToken = getFlag('--auth-token');
+  if (getFlag('--auth-storage-key')) cliArgs.authStorageKey = getFlag('--auth-storage-key');
   return cliArgs;
 }
 
@@ -91,6 +96,12 @@ ${C.bold}Usage:${C.reset}
   e2e-runner dashboard                  Start the web dashboard
   e2e-runner dashboard --port <port>    Custom port (default: 8484)
 
+  e2e-runner capture <url>               Capture a screenshot of any URL
+  e2e-runner capture <url> --full-page  Capture full scrollable page
+  e2e-runner capture <url> --selector <sel>  Wait for selector before capture
+  e2e-runner capture <url> --delay <ms> Wait before capturing
+  e2e-runner capture <url> --filename <name> Custom filename
+
   e2e-runner issue <url>                Fetch issue and show details
   e2e-runner issue <url> --generate     Generate test file via Claude API
   e2e-runner issue <url> --verify       Generate + run + report bug status
@@ -118,6 +129,7 @@ ${C.bold}Options:${C.reset}
   --output <format>        Report format: json, junit, both (default: json)
   --env <name>             Environment profile from config (default: default)
   --project-name <name>    Project display name for dashboard (default: directory name)
+  --fail-on-network-error  Fail tests when network requests fail (e.g. ERR_CONNECTION_REFUSED)
 
 ${C.bold}Config:${C.reset}
   Looks for e2e.config.js or e2e.config.json in the current directory.
@@ -128,6 +140,7 @@ ${C.bold}Config:${C.reset}
 async function cmdRun() {
   const cliArgs = parseCLIConfig();
   const config = await loadConfig(cliArgs);
+  config.triggeredBy = 'cli';
   let tests = [];
   let hooks = {};
 
@@ -351,6 +364,69 @@ async function cmdDashboard() {
   process.on('SIGTERM', shutdown);
 }
 
+async function cmdCapture() {
+  const url = args[1];
+  if (!url || url.startsWith('--')) {
+    console.error(`${C.red}Usage: e2e-runner capture <url> [--filename <name>] [--full-page] [--selector <sel>] [--delay <ms>]${C.reset}`);
+    process.exit(1);
+  }
+
+  const cliArgs = parseCLIConfig();
+  const config = await loadConfig(cliArgs);
+
+  console.log(`\n${C.bold}${C.cyan}@matware/e2e-runner${C.reset} v${pkg.version}`);
+
+  log('🔌', 'Checking Chrome Pool...');
+  await waitForPool(config.poolUrl);
+
+  let browser;
+  try {
+    browser = await connectToPool(config.poolUrl);
+    const page = await browser.newPage();
+    await page.setViewport(config.viewport);
+
+    log('📸', `Navigating to ${C.cyan}${url}${C.reset}`);
+    await page.goto(url, { waitUntil: 'networkidle2', timeout: 30000 });
+
+    const selector = getFlag('--selector');
+    if (selector) {
+      log('⏳', `Waiting for selector: ${C.dim}${selector}${C.reset}`);
+      await page.waitForSelector(selector, { timeout: 10000 });
+    }
+
+    const delay = getFlag('--delay');
+    if (delay) {
+      await new Promise(r => setTimeout(r, parseInt(delay)));
+    }
+
+    // Build filename
+    let filename = getFlag('--filename') || `capture-${Date.now()}.png`;
+    filename = path.basename(filename);
+    if (!filename.endsWith('.png')) filename += '.png';
+
+    if (!fs.existsSync(config.screenshotsDir)) {
+      fs.mkdirSync(config.screenshotsDir, { recursive: true });
+    }
+
+    const screenshotPath = path.join(config.screenshotsDir, filename);
+    const fullPage = hasFlag('--full-page');
+    await page.screenshot({ path: screenshotPath, fullPage });
+
+    // Register hash in SQLite
+    const cwd = process.cwd();
+    const projectName = config.projectName || path.basename(cwd);
+    const projectId = ensureProject(cwd, projectName, config.screenshotsDir, config.testsDir);
+    const hash = computeScreenshotHash(screenshotPath);
+    registerScreenshotHash(hash, screenshotPath, projectId, null);
+
+    log('✅', `Saved: ${C.cyan}${screenshotPath}${C.reset}`);
+    log('🏷️', `Hash:  ${C.bold}ss:${hash}${C.reset}`);
+    console.log('');
+  } finally {
+    if (browser) browser.disconnect();
+  }
+}
+
 async function cmdIssue() {
   const url = args[1];
   if (!url || url.startsWith('--')) {
@@ -472,6 +548,10 @@ async function main() {
       await cmdDashboard();
       break;
 
+    case 'capture':
+      await cmdCapture();
+      break;
+
     case 'issue':
       await cmdIssue();
       break;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matware/e2e-runner",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "mcpName": "io.github.fastslack/e2e-runner",
   "description": "E2E test runner using Chrome Pool (browserless/chrome) with parallel execution",
   "type": "module",
@@ -33,7 +33,7 @@
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
-    "url": "https://github.com/fastslack/mtw-e2e-runner.git"
+    "url": "git+https://github.com/fastslack/mtw-e2e-runner.git"
   },
   "homepage": "https://github.com/fastslack/mtw-e2e-runner#readme",
   "dependencies": {

package/src/actions.js

@@ -162,10 +162,18 @@ export async function executeAction(page, action, config) {
       break;
     }
 
-    case 'evaluate':
+    case 'evaluate': {
       // Intentional: runs JS in browser page context (from test JSON files)
-      await page.evaluate(value);
-      break;
+      const evalResult = await page.evaluate(value);
+      // Check return value for failure signals
+      if (typeof evalResult === 'string' && /^(FAIL|ERROR|FAILED)[\s:]/i.test(evalResult)) {
+        throw new Error(`evaluate failed: ${evalResult}`);
+      }
+      if (evalResult === false) {
+        throw new Error('evaluate returned false');
+      }
+      return evalResult !== undefined && evalResult !== null ? { value: evalResult } : null;
+    }
 
     default:
       log('⚠️', `Unknown action: ${type}`);

package/src/ai-generate.js

@@ -7,6 +7,7 @@
  */
 
 import fs from 'fs';
+import path from 'path';
 import { listSuites } from './runner.js';
 
 const SYSTEM_PROMPT = `You are an E2E test generator for a JSON-driven browser test runner.
@@ -49,7 +50,23 @@ Rules:
 - For bug reports: write tests that assert the CORRECT behavior. If the test fails, the bug is confirmed
 - Keep test names descriptive and kebab-case
 - Prefer CSS selectors that are stable (data-testid, name, role) over fragile ones (nth-child, classes)
-- If the issue description is vague, create a reasonable test that covers the described scenario`;
+- If the issue description is vague, create a reasonable test that covers the described scenario
+- If project context is provided (from CLAUDE.md), use the REAL routes, selectors, and UI patterns described there — never invent routes or selectors`;
+
+/**
+ * Reads the project's CLAUDE.md for app context (routes, selectors, UI structure).
+ * Returns the content or empty string if not found.
+ */
+function loadProjectContext(cwd) {
+  if (!cwd) return '';
+  const claudeMdPath = path.join(cwd, 'CLAUDE.md');
+  if (!fs.existsSync(claudeMdPath)) return '';
+  try {
+    return fs.readFileSync(claudeMdPath, 'utf-8');
+  } catch {
+    return '';
+  }
+}
 
 /**
  * Returns a structured prompt + issue data for Claude Code to consume.
@@ -66,6 +83,11 @@ export function buildPrompt(issue, config) {
     existingSuites = listSuites(config.testsDir).map(s => s.name);
   } catch { /* no suites yet */ }
 
+  const projectContext = loadProjectContext(config._cwd);
+  const contextBlock = projectContext
+    ? `\n## Project Context (from CLAUDE.md)\nUse these REAL routes, selectors, and UI patterns — do NOT invent your own.\n\n${projectContext}\n`
+    : '';
+
   const prompt = `Based on the following issue, generate E2E test actions using the e2e_create_test tool.
 
 ## Issue: ${issue.title}
@@ -76,7 +98,7 @@ export function buildPrompt(issue, config) {
 
 ### Description
 ${issue.body || 'No description provided.'}
-
+${contextBlock}
 ## Instructions
 1. Analyze the issue and determine what user flows to test
 2. Create one or more tests that verify the expected behavior
@@ -128,6 +150,11 @@ export async function generateTests(issue, config) {
   const model = config.anthropicModel || 'claude-sonnet-4-5-20250929';
   const suiteName = `issue-${issue.number}`;
 
+  const projectContext = loadProjectContext(config._cwd);
+  const contextBlock = projectContext
+    ? `\n## Project Context (from CLAUDE.md)\nIMPORTANT: Use these REAL routes, selectors, and UI patterns — do NOT invent your own.\n\n${projectContext}\n`
+    : '';
+
   const userMessage = `Generate E2E tests for this issue:
 
 Title: ${issue.title}
@@ -137,7 +164,7 @@ State: ${issue.state}
 
 Description:
 ${issue.body || 'No description provided.'}
-
+${contextBlock}
 Base URL: ${config.baseUrl}
 
 Output a JSON array of test objects. Nothing else.`;
@@ -151,7 +178,7 @@ Output a JSON array of test objects. Nothing else.`;
     },
     body: JSON.stringify({
       model,
-      max_tokens: 4096,
+      max_tokens: 16384,
       system: SYSTEM_PROMPT,
       messages: [{ role: 'user', content: userMessage }],
     }),
@@ -168,6 +195,10 @@ Output a JSON array of test objects. Nothing else.`;
     throw new Error('Claude API returned empty response');
   }
 
+  if (result.stop_reason === 'max_tokens') {
+    throw new Error(`Claude API response was truncated (hit max_tokens). The issue may be too complex. Try simplifying the issue description or increasing anthropicMaxTokens.`);
+  }
+
   // Parse JSON — strip markdown fences if present
   const cleaned = text.replace(/^```(?:json)?\s*\n?/m, '').replace(/\n?```\s*$/m, '').trim();
   let tests;

package/src/config.js

@@ -33,8 +33,11 @@ const DEFAULTS = {
   dashboardPort: 8484,
   maxHistoryRuns: 100,
   projectName: null,
+  failOnNetworkError: false,
   anthropicApiKey: null,
   anthropicModel: 'claude-sonnet-4-5-20250929',
+  authToken: null,
+  authStorageKey: 'accessToken',
 };
 
 function loadEnvVars() {
@@ -53,8 +56,11 @@ function loadEnvVars() {
   if (process.env.OUTPUT_FORMAT) env.outputFormat = process.env.OUTPUT_FORMAT;
   if (process.env.E2E_ENV) env.env = process.env.E2E_ENV;
   if (process.env.PROJECT_NAME) env.projectName = process.env.PROJECT_NAME;
+  if (process.env.FAIL_ON_NETWORK_ERROR) env.failOnNetworkError = process.env.FAIL_ON_NETWORK_ERROR === 'true' || process.env.FAIL_ON_NETWORK_ERROR === '1';
   if (process.env.ANTHROPIC_API_KEY) env.anthropicApiKey = process.env.ANTHROPIC_API_KEY;
   if (process.env.ANTHROPIC_MODEL) env.anthropicModel = process.env.ANTHROPIC_MODEL;
+  if (process.env.AUTH_TOKEN) env.authToken = process.env.AUTH_TOKEN;
+  if (process.env.AUTH_STORAGE_KEY) env.authStorageKey = process.env.AUTH_STORAGE_KEY;
   return env;
 }
 
@@ -76,8 +82,32 @@ async function loadConfigFile(cwd) {
   return {};
 }
 
+/** Load .env file from cwd into process.env (no deps, KEY=VALUE format). */
+function loadDotEnv(cwd) {
+  const envPath = path.join(cwd, '.env');
+  if (!fs.existsSync(envPath)) return;
+  const lines = fs.readFileSync(envPath, 'utf-8').split('\n');
+  for (const line of lines) {
+    const trimmed = line.trim();
+    if (!trimmed || trimmed.startsWith('#')) continue;
+    const eqIdx = trimmed.indexOf('=');
+    if (eqIdx === -1) continue;
+    const key = trimmed.slice(0, eqIdx).trim();
+    let val = trimmed.slice(eqIdx + 1).trim();
+    // Strip surrounding quotes
+    if ((val.startsWith('"') && val.endsWith('"')) || (val.startsWith("'") && val.endsWith("'"))) {
+      val = val.slice(1, -1);
+    }
+    // Don't override existing env vars
+    if (!(key in process.env)) {
+      process.env[key] = val;
+    }
+  }
+}
+
 export async function loadConfig(cliArgs = {}, cwd = null) {
   cwd = cwd || process.cwd();
+  loadDotEnv(cwd);
   const fileConfig = await loadConfigFile(cwd);
   const envConfig = loadEnvVars();
 

package/src/dashboard.js

@@ -422,20 +422,31 @@ export async function startDashboard(config) {
   function bufferLiveEvent(data) {
     const rid = data.runId;
     if (!rid) return;
-    if (data.event === 'run:start') liveEventBuffers[rid] = [];
-    if (!liveEventBuffers[rid]) liveEventBuffers[rid] = [];
-    liveEventBuffers[rid].push(data);
+    if (data.event === 'run:start') liveEventBuffers[rid] = { events: [], ts: Date.now() };
+    if (!liveEventBuffers[rid]) liveEventBuffers[rid] = { events: [], ts: Date.now() };
+    liveEventBuffers[rid].events.push(data);
+    liveEventBuffers[rid].ts = Date.now();
     if (data.event === 'run:complete' || data.event === 'run:error') {
       setTimeout(() => { delete liveEventBuffers[rid]; }, 30000);
     }
   }
 
+  // Purge stale live event buffers (runs that never completed, max 5 min)
+  const bufferPurgeInterval = setInterval(() => {
+    const maxAge = 5 * 60 * 1000;
+    for (const rid of Object.keys(liveEventBuffers)) {
+      if (Date.now() - liveEventBuffers[rid].ts > maxAge) {
+        delete liveEventBuffers[rid];
+      }
+    }
+  }, 30000);
+
   const wss = createWebSocketServer(server, {
     allowedOrigins: [`http://localhost:${port}`, `http://127.0.0.1:${port}`],
     onConnect(socket) {
       // Replay live state for new/reconnected clients
       for (const rid of Object.keys(liveEventBuffers)) {
-        for (const evt of liveEventBuffers[rid]) {
+        for (const evt of liveEventBuffers[rid].events) {
           wss.sendTo(socket, JSON.stringify(evt));
         }
       }
@@ -479,6 +490,7 @@ export async function startDashboard(config) {
         runConfig = { ...config };
       }
 
+      runConfig.triggeredBy = 'dashboard';
       if (params.concurrency) runConfig.concurrency = params.concurrency;
       if (params.baseUrl) runConfig.baseUrl = params.baseUrl;
 
@@ -521,6 +533,7 @@ export async function startDashboard(config) {
         close() {
           clearInterval(pollInterval);
           clearInterval(dbPollInterval);
+          clearInterval(bufferPurgeInterval);
           wss.close();
           server.close();
           closeDb();

package/src/db.js

@@ -100,6 +100,20 @@ function migrate(db) {
     db.exec('ALTER TABLE test_results ADD COLUMN screenshots TEXT');
   }
 
+  // Add network_logs column if upgrading from older schema
+  try {
+    db.prepare('SELECT network_logs FROM test_results LIMIT 0').run();
+  } catch {
+    db.exec('ALTER TABLE test_results ADD COLUMN network_logs TEXT');
+  }
+
+  // Add triggered_by column if upgrading from older schema
+  try {
+    db.prepare('SELECT triggered_by FROM runs LIMIT 0').run();
+  } catch {
+    db.exec('ALTER TABLE runs ADD COLUMN triggered_by TEXT');
+  }
+
   // Screenshot hashes table
   db.exec(`
     CREATE TABLE IF NOT EXISTS screenshot_hashes (
@@ -182,18 +196,18 @@ export function getScreenshotHashes(filePaths) {
 }
 
 /** Save a run + its test results in a single transaction. Returns the run's DB id. */
-export function saveRun(projectId, report, runId, suiteName) {
+export function saveRun(projectId, report, runId, suiteName, triggeredBy) {
   const d = getDb();
   const { summary, results, generatedAt } = report;
 
   const insertRun = d.prepare(`
-    INSERT INTO runs (project_id, run_id, total, passed, failed, pass_rate, duration, generated_at, suite_name)
-    VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)
+    INSERT INTO runs (project_id, run_id, total, passed, failed, pass_rate, duration, generated_at, suite_name, triggered_by)
+    VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
   `);
 
   const insertTest = d.prepare(`
-    INSERT INTO test_results (run_id, name, success, error, start_time, end_time, duration_ms, attempt, max_attempts, error_screenshot, console_logs, network_errors, screenshots)
-    VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
+    INSERT INTO test_results (run_id, name, success, error, start_time, end_time, duration_ms, attempt, max_attempts, error_screenshot, console_logs, network_errors, screenshots, network_logs)
+    VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
   `);
 
   const insertHash = d.prepare('INSERT OR IGNORE INTO screenshot_hashes (hash, file_path, project_id, run_id) VALUES (?, ?, ?, ?)');
@@ -209,6 +223,7 @@ export function saveRun(projectId, report, runId, suiteName) {
       summary.duration,
       generatedAt,
       suiteName || null,
+      triggeredBy || null,
     );
     const runDbId = runInfo.lastInsertRowid;
 
@@ -236,6 +251,7 @@ export function saveRun(projectId, report, runId, suiteName) {
         r.consoleLogs ? JSON.stringify(r.consoleLogs) : null,
         r.networkErrors ? JSON.stringify(r.networkErrors) : null,
         screenshots.length ? JSON.stringify(screenshots) : null,
+        r.networkLogs?.length ? JSON.stringify(r.networkLogs) : null,
       );
 
       // Register screenshot hashes
@@ -245,6 +261,9 @@ export function saveRun(projectId, report, runId, suiteName) {
       if (r.errorScreenshot) {
         insertHash.run(computeScreenshotHash(r.errorScreenshot), r.errorScreenshot, projectId, runDbId);
       }
+      if (r.verificationScreenshot) {
+        insertHash.run(computeScreenshotHash(r.verificationScreenshot), r.verificationScreenshot, projectId, runDbId);
+      }
     }
 
     return runDbId;
@@ -273,7 +292,7 @@ export function listProjects() {
 export function getProjectRuns(projectId, limit = 50, offset = 0) {
   const d = getDb();
   return d.prepare(`
-    SELECT id, run_id, total, passed, failed, pass_rate, duration, generated_at, suite_name
+    SELECT id, run_id, total, passed, failed, pass_rate, duration, generated_at, suite_name, triggered_by
     FROM runs
     WHERE project_id = ?
     ORDER BY generated_at DESC
@@ -310,6 +329,7 @@ export function getRunDetail(runDbId) {
     },
     generatedAt: run.generated_at,
     suiteName: run.suite_name,
+    triggeredBy: run.triggered_by || null,
     results: tests.map(t => {
       const screenshots = t.screenshots ? JSON.parse(t.screenshots) : [];
       const testPaths = [...screenshots];
@@ -331,6 +351,7 @@ export function getRunDetail(runDbId) {
         screenshots,
         consoleLogs: t.console_logs ? JSON.parse(t.console_logs) : [],
         networkErrors: t.network_errors ? JSON.parse(t.network_errors) : [],
+        networkLogs: t.network_logs ? JSON.parse(t.network_logs) : [],
         screenshotHashes,
       };
     }),
@@ -342,7 +363,7 @@ export function getAllRuns(limit = 50, offset = 0) {
   const d = getDb();
   return d.prepare(`
     SELECT r.id, r.run_id, r.total, r.passed, r.failed, r.pass_rate, r.duration,
-           r.generated_at, r.suite_name, p.name AS project_name, p.id AS project_id
+           r.generated_at, r.suite_name, r.triggered_by, p.name AS project_name, p.id AS project_id
     FROM runs r
     JOIN projects p ON p.id = r.project_id
     ORDER BY r.generated_at DESC