@ai-qa/workflow 2.0.0

package/qa-dashboard/public/css/style.css

@@ -0,0 +1,266 @@
+* { margin: 0; padding: 0; box-sizing: border-box; }
+:root {
+  --bg: #0f1117;
+  --surface: #1a1d27;
+  --surface2: #232734;
+  --border: #2d3140;
+  --text: #e4e6f0;
+  --text-muted: #8b8fa3;
+  --primary: #6366f1;
+  --primary-hover: #818cf8;
+  --success: #22c55e;
+  --danger: #ef4444;
+  --warning: #f59e0b;
+  --radius: 8px;
+}
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  background: var(--bg);
+  color: var(--text);
+  line-height: 1.6;
+}
+.container { max-width: 1200px; margin: 0 auto; padding: 1.5rem; }
+
+/* Navbar */
+.navbar {
+  background: var(--surface);
+  border-bottom: 1px solid var(--border);
+  padding: 0 1.5rem;
+  position: sticky; top: 0; z-index: 100;
+}
+.nav-inner {
+  max-width: 1200px; margin: 0 auto;
+  display: flex; align-items: center; justify-content: space-between;
+  height: 56px;
+}
+.nav-brand {
+  font-size: 1.2rem; font-weight: 700;
+  color: var(--primary); text-decoration: none;
+}
+.nav-links { display: flex; gap: 1.5rem; }
+.nav-links a {
+  color: var(--text-muted); text-decoration: none;
+  font-size: 0.9rem; transition: color 0.2s;
+}
+.nav-links a:hover { color: var(--text); }
+
+/* Hero */
+.hero {
+  text-align: center; padding: 3rem 0 2rem;
+}
+.hero h1 { font-size: 2.5rem; font-weight: 800; margin-bottom: 0.5rem; }
+.hero p { color: var(--text-muted); font-size: 1.1rem; }
+
+/* Stats */
+.stats-row { display: flex; gap: 1rem; justify-content: center; margin: 2rem 0; }
+.stat-card {
+  background: var(--surface); border: 1px solid var(--border);
+  border-radius: var(--radius); padding: 1.5rem 2rem; text-align: center;
+  min-width: 150px;
+}
+.stat-number { font-size: 2rem; font-weight: 700; color: var(--primary); }
+.stat-label { color: var(--text-muted); font-size: 0.85rem; margin-top: 0.25rem; }
+
+/* Cards */
+.card {
+  background: var(--surface); border: 1px solid var(--border);
+  border-radius: var(--radius); padding: 1.5rem;
+  margin-bottom: 1rem;
+}
+.card h3 { margin-bottom: 1rem; font-size: 1.1rem; color: var(--primary); }
+
+/* Pipeline Flow */
+.pipeline-flow { margin: 2rem 0; }
+.pipeline-flow h2 { margin-bottom: 1rem; }
+.flow-steps {
+  display: flex; align-items: center; gap: 0.75rem;
+  flex-wrap: wrap; justify-content: center;
+}
+.flow-step {
+  background: var(--surface2); border: 1px solid var(--border);
+  border-radius: var(--radius); padding: 1rem 1.25rem;
+  text-align: center; min-width: 110px;
+}
+.step-icon { font-size: 1.5rem; margin-bottom: 0.25rem; }
+.step-name { font-weight: 600; font-size: 0.85rem; }
+.step-desc { color: var(--text-muted); font-size: 0.75rem; }
+.flow-arrow { color: var(--text-muted); font-size: 1.25rem; }
+
+/* Grid */
+.project-grid, .row { display: flex; gap: 1rem; flex-wrap: wrap; }
+.col { flex: 1; min-width: 200px; }
+.col-30 { flex: 0 0 30%; }
+.col-40 { flex: 0 0 38%; }
+.col-60 { flex: 0 0 58%; }
+.col-70 { flex: 0 0 68%; }
+
+/* Project Card */
+.project-card {
+  background: var(--surface); border: 1px solid var(--border);
+  border-radius: var(--radius); padding: 1.25rem;
+  text-decoration: none; color: var(--text);
+  display: block; transition: border-color 0.2s;
+  min-width: 250px; flex: 1;
+}
+.project-card:hover { border-color: var(--primary); }
+.project-name { font-weight: 600; font-size: 1.1rem; }
+.project-path { color: var(--text-muted); font-size: 0.8rem; word-break: break-all; }
+.project-meta { color: var(--text-muted); font-size: 0.8rem; margin-top: 0.5rem; }
+.project-actions { margin-top: 0.75rem; display: flex; gap: 0.5rem; }
+
+/* Page Header */
+.page-header {
+  display: flex; align-items: center; justify-content: space-between;
+  margin-bottom: 1.5rem; flex-wrap: wrap; gap: 0.75rem;
+}
+.page-header h1 { font-size: 1.5rem; }
+.header-actions { display: flex; gap: 0.5rem; }
+
+/* Buttons */
+.btn {
+  display: inline-block; padding: 0.5rem 1rem;
+  border-radius: var(--radius); border: 1px solid var(--border);
+  background: var(--surface2); color: var(--text);
+  font-size: 0.85rem; cursor: pointer; text-decoration: none;
+  transition: all 0.2s;
+}
+.btn:hover { border-color: var(--primary); color: var(--primary); }
+.btn-primary { background: var(--primary); border-color: var(--primary); color: #fff; }
+.btn-primary:hover { background: var(--primary-hover); color: #fff; }
+.btn-sm { padding: 0.35rem 0.75rem; font-size: 0.8rem; }
+.btn-danger { border-color: var(--danger); color: var(--danger); }
+.btn-danger:hover { background: var(--danger); color: #fff; }
+
+/* Forms */
+.form { max-width: 500px; }
+.form-group { margin-bottom: 1rem; }
+.form-group label { display: block; margin-bottom: 0.35rem; font-size: 0.9rem; }
+.form-group small { color: var(--text-muted); font-size: 0.8rem; }
+.form-input, .form input[type="text"], .form select {
+  width: 100%; padding: 0.6rem 0.75rem;
+  background: var(--surface2); border: 1px solid var(--border);
+  border-radius: var(--radius); color: var(--text); font-size: 0.9rem;
+}
+
+/* Badges */
+.badge {
+  display: inline-block; padding: 0.2rem 0.6rem;
+  border-radius: 100px; font-size: 0.75rem; font-weight: 600;
+}
+.badge-project { background: var(--surface2); color: var(--text-muted); border: 1px solid var(--border); }
+.badge-plan { background: #1e3a5f; color: #60a5fa; }
+.badge-spec { background: #14532d; color: #4ade80; }
+.badge-draft { background: #422006; color: #fbbf24; }
+.badge-pass { background: #14532d; color: #4ade80; }
+.badge-fail { background: #450a0a; color: #f87171; }
+
+/* Stories */
+.story-list { display: flex; flex-direction: column; gap: 1rem; }
+.story-card {
+  background: var(--surface); border: 1px solid var(--border);
+  border-radius: var(--radius); padding: 1.25rem;
+}
+.story-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
+.story-title { font-weight: 600; color: var(--primary); text-decoration: none; font-size: 1.05rem; }
+.story-title:hover { text-decoration: underline; }
+.story-badges { display: flex; gap: 0.35rem; }
+.story-preview { color: var(--text-muted); font-size: 0.85rem; }
+.story-preview p { margin: 0.15rem 0; }
+.story-actions { margin-top: 0.75rem; }
+.story-action-output { margin-left: 0.5rem; font-size: 0.85rem; }
+
+/* Runs */
+.run-list { display: flex; flex-direction: column; gap: 0.75rem; }
+.run-card {
+  display: flex; align-items: center; gap: 1rem;
+  background: var(--surface); border: 1px solid var(--border);
+  border-radius: var(--radius); padding: 1rem 1.25rem;
+  text-decoration: none; color: var(--text); transition: border-color 0.2s;
+}
+.run-card:hover { border-color: var(--primary); }
+.run-passed { border-left: 3px solid var(--success); }
+.run-failed { border-left: 3px solid var(--danger); }
+.run-icon { font-size: 1.25rem; }
+.run-name { font-weight: 600; font-size: 0.9rem; }
+.run-test { color: var(--text-muted); font-size: 0.8rem; }
+.run-meta { color: var(--text-muted); font-size: 0.75rem; margin-top: 0.2rem; }
+
+/* Output */
+.output-box {
+  margin-top: 0.75rem; padding: 0.75rem;
+  border-radius: var(--radius); font-size: 0.8rem;
+  max-height: 300px; overflow-y: auto; white-space: pre-wrap;
+  font-family: 'Consolas', 'Courier New', monospace;
+}
+.output-running { background: #1e1b4b; color: #a5b4fc; border: 1px solid #3730a3; }
+.output-success { background: #052e16; color: #86efac; border: 1px solid #166534; }
+.output-error { background: #450a0a; color: #fca5a5; border: 1px solid #991b1b; }
+
+/* Action buttons */
+.action-buttons { display: flex; gap: 0.5rem; flex-wrap: wrap; }
+.action-buttons-vertical { display: flex; flex-direction: column; gap: 0.5rem; }
+
+/* Info table */
+.info-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
+.info-table td { padding: 0.5rem 0.25rem; border-bottom: 1px solid var(--border); }
+.info-table td:first-child { color: var(--text-muted); width: 40%; }
+
+/* Code */
+.code-block {
+  background: #0d0f16; border: 1px solid var(--border);
+  border-radius: var(--radius); padding: 1rem;
+  font-size: 0.78rem; overflow-x: auto; max-height: 400px;
+  font-family: 'Consolas', 'Courier New', monospace;
+  line-height: 1.5;
+}
+
+/* Markdown */
+.markdown-content { font-size: 0.85rem; line-height: 1.6; }
+.markdown-content br { margin-bottom: 0.25rem; }
+
+/* Heal */
+.heal-attempt {
+  background: var(--surface2); border: 1px solid var(--border);
+  border-radius: var(--radius); padding: 0.5rem 0.75rem;
+  margin: 0.35rem 0; font-size: 0.8rem;
+}
+
+/* Fail list */
+.fail-list { list-style: none; }
+.fail-list li {
+  background: #450a0a; border: 1px solid #991b1b;
+  border-radius: var(--radius); padding: 0.75rem;
+  margin-bottom: 0.5rem; font-size: 0.85rem;
+}
+
+/* Big number */
+.big-number { font-size: 2.5rem; font-weight: 700; color: var(--primary); margin-bottom: 0.5rem; }
+
+/* Empty state */
+.empty-state { text-align: center; padding: 4rem 1rem; }
+.empty-state h3 { margin-bottom: 0.5rem; }
+.empty-state p { color: var(--text-muted); margin-bottom: 1rem; }
+
+/* Alert */
+.alert { padding: 0.75rem 1rem; border-radius: var(--radius); margin-bottom: 1rem; font-size: 0.85rem; }
+.alert-error { background: #450a0a; border: 1px solid #991b1b; color: #fca5a5; }
+
+/* Text colors */
+.text-success { color: var(--success); }
+.text-warning { color: var(--warning); }
+.text-danger { color: var(--danger); }
+
+/* Column helpers */
+.col-50 { flex: 0 0 48%; }
+.col-60 { flex: 0 0 58%; }
+.col-40 { flex: 0 0 38%; }
+@media (max-width: 768px) {
+  .col-50, .col-60, .col-40 { flex: 0 0 100%; }
+}
+
+/* Table header styling */
+.info-table th { color: var(--text-muted); font-weight: 600; font-size: 0.75rem; text-transform: uppercase; padding: 0.5rem 0.25rem; border-bottom: 2px solid var(--border); text-align: left; }
+
+/* Refresh spinner */
+.spinner { display: inline-block; width: 16px; height: 16px; border: 2px solid var(--border); border-top-color: var(--primary); border-radius: 50%; animation: spin 0.6s linear infinite; }
+@keyframes spin { to { transform: rotate(360deg); } }

package/qa-dashboard/public/js/main.js

@@ -0,0 +1,6 @@
+document.addEventListener('DOMContentLoaded', () => {
+  document.querySelectorAll('.auto-refresh').forEach(el => {
+    const interval = el.dataset.interval || 10000;
+    setInterval(() => { location.reload(); }, interval);
+  });
+});

package/qa-dashboard/routes/analytics.js

@@ -0,0 +1,52 @@
+const express = require('express');
+const router = express.Router();
+const pm = require('../services/project-manager');
+const fs = require('fs');
+const path = require('path');
+
+router.get('/', (req, res) => {
+  const projects = pm.getAll();
+  const projectId = req.query.project || (projects.length > 0 ? projects[0].id : null);
+  const project = projects.find(p => p.id === projectId);
+
+  if (!project || !pm.getBridge(projectId)) {
+    return res.render('analytics', { project: null, projects, runs: [], stats: { totalRuns: 0, passedRuns: 0, totalFailures: 0, totalHealed: 0, totalDefects: 0, avgDuration: 0, passRate: 0, healRate: 0 } });
+  }
+
+  const bridge = pm.getBridge(project.id);
+  const runDirs = bridge.getRunDirs();
+
+  const runs = runDirs.map(d => {
+    const result = bridge.getRunResult(d.name);
+    const healing = bridge.getHealingReport(d.name);
+    return {
+      id: d.name,
+      timestamp: d.name.replace('run-', '').replace(/-/g, ':').slice(0, 19),
+      success: result ? result.success : null,
+      duration: result ? result.duration : null,
+      total: result && result.failedTests ? result.failedTests.length + (result.passedTests ? result.passedTests.length : 0) : 0,
+      failures: result && result.failedTests ? result.failedTests.length : 0,
+      healed: healing ? healing.totalHealed || 0 : 0,
+      defects: healing && healing.defects ? healing.defects.length : 0,
+      testName: result ? result.test : 'N/A',
+    };
+  });
+
+  const totalRuns = runs.length;
+  const passedRuns = runs.filter(r => r.success).length;
+  const totalFailures = runs.reduce((s, r) => s + r.failures, 0);
+  const totalHealed = runs.reduce((s, r) => s + r.healed, 0);
+  const totalDefects = runs.reduce((s, r) => s + r.defects, 0);
+  const avgDuration = runs.length > 0 ? (runs.reduce((s, r) => s + (r.duration || 0), 0) / runs.length) : 0;
+  const passRate = totalRuns > 0 ? ((passedRuns / totalRuns) * 100).toFixed(1) : 0;
+  const healRate = totalFailures > 0 ? ((totalHealed / totalFailures) * 100).toFixed(1) : 0;
+
+  res.render('analytics', {
+    project,
+    projects,
+    runs: runs.reverse(),
+    stats: { totalRuns, passedRuns, totalFailures, totalHealed, totalDefects, avgDuration, passRate, healRate },
+  });
+});
+
+module.exports = router;

package/qa-dashboard/routes/export.js

@@ -0,0 +1,153 @@
+const express = require('express');
+const router = express.Router();
+const pm = require('../services/project-manager');
+const path = require('path');
+const fs = require('fs');
+
+function resolveProject(req) {
+  const projects = pm.getAll();
+  const projectId = req.query.project || (projects.length > 0 ? projects[0].id : null);
+  return projects.find(p => p.id === projectId);
+}
+
+function resolveRunId(runId, bridge) {
+  if (runId === 'latest') {
+    const dirs = bridge.getRunDirs();
+    return dirs.length > 0 ? dirs[0].name : null;
+  }
+  return runId;
+}
+
+router.get('/report/:runId', (req, res) => {
+  const project = resolveProject(req);
+  if (!project) return res.status(404).send('Project not found');
+
+  const bridge = pm.getBridge(project.id);
+  const runId = resolveRunId(req.params.runId, bridge);
+  if (!runId) return res.status(404).send('No runs found');
+
+  const report = bridge.getFinalReport(runId);
+  const result = bridge.getRunResult(runId);
+  const healing = bridge.getHealingReport(runId);
+
+  if (!result) return res.status(404).send('Run not found');
+
+  const html = `<!DOCTYPE html>
+<html><head><meta charset="UTF-8"><title>QA Report - ${runId}</title>
+<style>
+  body { font-family: Arial; max-width: 800px; margin: 2rem auto; padding: 1rem; color: #333; }
+  h1 { color: #6366f1; border-bottom: 2px solid #6366f1; padding-bottom: 0.5rem; }
+  .badge { display: inline-block; padding: 4px 12px; border-radius: 12px; font-size: 14px; font-weight: bold; }
+  .pass { background: #dcfce7; color: #166534; }
+  .fail { background: #fecaca; color: #991b1b; }
+  table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
+  td, th { border: 1px solid #ddd; padding: 8px; text-align: left; }
+  th { background: #f4f4f5; }
+  .section { margin: 2rem 0; }
+  .stats { display: flex; gap: 1rem; flex-wrap: wrap; }
+  .stat-card { border: 1px solid #ddd; border-radius: 8px; padding: 1rem; min-width: 120px; text-align: center; }
+  .stat-num { font-size: 24px; font-weight: bold; color: #6366f1; }
+  .stat-label { font-size: 12px; color: #666; }
+  .footer { margin-top: 2rem; font-size: 12px; color: #999; border-top: 1px solid #eee; padding-top: 1rem; }
+</style></head><body>
+  <h1>AI QA Execution Report</h1>
+  <p>Run: ${runId} | ${new Date().toLocaleDateString()}</p>
+  <span class="badge ${result.success ? 'pass' : 'fail'}">${result.success ? 'PASSED' : 'FAILED'}</span>
+
+  <div class="section">
+    <h2>Summary</h2>
+    <div class="stats">
+      <div class="stat-card"><div class="stat-num">${result.failedTests ? result.failedTests.length : 0}</div><div class="stat-label">Failures</div></div>
+      <div class="stat-card"><div class="stat-num">${healing ? healing.totalHealed || 0 : 0}</div><div class="stat-label">Healed</div></div>
+      <div class="stat-card"><div class="stat-num">${healing && healing.defects ? healing.defects.length : 0}</div><div class="stat-label">Defects</div></div>
+      <div class="stat-card"><div class="stat-num">${result.duration ? (result.duration / 1000).toFixed(1) + 's' : 'N/A'}</div><div class="stat-label">Duration</div></div>
+    </div>
+  </div>
+
+  ${healing && healing.defects && healing.defects.length > 0 ? `
+  <div class="section">
+    <h2>Defects</h2>
+    <table><tr><th>Test</th><th>Type</th><th>Verdict</th></tr>
+    ${healing.defects.map(d => `<tr><td>${d.test}</td><td>${d.classification}</td><td>${d.verdict}</td></tr>`).join('')}
+    </table>
+  </div>` : ''}
+
+  <div class="section">
+    <h2>Full Report</h2>
+    <pre style="background:#f4f4f5;padding:1rem;border-radius:8px;font-size:12px;max-height:400px;overflow:auto;">${(report || result.output || 'No detailed report').substring(0, 5000)}</pre>
+  </div>
+
+  <div class="footer">
+    Generated by AI QA Pipeline | ${new Date().toISOString()}
+  </div>
+</body></html>`;
+
+  res.setHeader('Content-Type', 'text/html; charset=utf-8');
+  res.setHeader('Content-Disposition', 'inline');
+  res.send(html);
+});
+
+router.get('/pdf/:runId', (req, res) => {
+  const project = resolveProject(req);
+  if (!project) return res.status(404).send('Project not found');
+
+  const bridge = pm.getBridge(project.id);
+  const runId = resolveRunId(req.params.runId, bridge);
+  if (!runId) return res.status(404).send('No runs found');
+
+  const result = bridge.getRunResult(runId);
+  if (!result) return res.status(404).send('Run not found');
+
+  const report = bridge.getFinalReport(runId);
+  const healing = bridge.getHealingReport(runId);
+
+  const lines = [];
+  lines.push('='.repeat(60));
+  lines.push('AI QA EXECUTION REPORT');
+  lines.push('='.repeat(60));
+  lines.push('');
+  lines.push(`Run ID: ${runId}`);
+  lines.push(`Date: ${new Date().toLocaleDateString()}`);
+  lines.push(`Status: ${result.success ? 'PASSED' : 'FAILED'}`);
+  lines.push(`Duration: ${result.duration ? (result.duration / 1000).toFixed(1) + 's' : 'N/A'}`);
+  lines.push('');
+  lines.push('-'.repeat(60));
+  lines.push('RESULTS');
+  lines.push('-'.repeat(60));
+  lines.push(`Failures: ${result.failedTests ? result.failedTests.length : 0}`);
+  lines.push(`Healed: ${healing ? healing.totalHealed || 0 : 0}`);
+  lines.push(`Defects: ${healing && healing.defects ? healing.defects.length : 0}`);
+  lines.push('');
+
+  if (healing && healing.defects && healing.defects.length > 0) {
+    lines.push('-'.repeat(60));
+    lines.push('DEFECTS');
+    lines.push('-'.repeat(60));
+    healing.defects.forEach(d => {
+      lines.push(`  [${d.verdict}] ${d.test}`);
+      lines.push(`  Type: ${d.classification}`);
+      lines.push(`  ${d.error ? d.error.substring(0, 150) : ''}`);
+      if (d.screenshot) lines.push(`  Screenshot: ${d.screenshot}`);
+      lines.push('');
+    });
+  }
+
+  if (report) {
+    lines.push('-'.repeat(60));
+    lines.push('FULL REPORT');
+    lines.push('-'.repeat(60));
+    lines.push(report.substring(0, 3000));
+  }
+
+  lines.push('');
+  lines.push('='.repeat(60));
+  lines.push(`Generated: ${new Date().toISOString()}`);
+  lines.push('='.repeat(60));
+
+  res.setHeader('Content-Type', 'text/plain; charset=utf-8');
+  res.setHeader('Content-Disposition', `attachment; filename="qa-report-${runId}.txt"`);
+  res.setHeader('Content-Description', 'AI QA Test Report');
+  res.send(lines.join('\n'));
+});
+
+module.exports = router;

package/qa-dashboard/routes/index.js

@@ -0,0 +1,10 @@
+const express = require('express');
+const router = express.Router();
+const pm = require('../services/project-manager');
+
+router.get('/', (req, res) => {
+  const projects = pm.getAll();
+  res.render('index', { projects });
+});
+
+module.exports = router;

package/qa-dashboard/routes/projects.js

@@ -0,0 +1,92 @@
+const express = require('express');
+const router = express.Router();
+const pm = require('../services/project-manager');
+const fs = require('fs');
+
+router.get('/', (req, res) => {
+  const projects = pm.getAll();
+  res.render('projects', { projects });
+});
+
+router.get('/add', (req, res) => {
+  res.render('project-add');
+});
+
+router.post('/add', (req, res) => {
+  const { name, path } = req.body;
+  if (!name || !path || !fs.existsSync(path)) {
+    return res.render('project-add', { error: 'Invalid project path or name' });
+  }
+  const project = pm.add(name, path);
+  res.redirect(`/projects/${project.id}`);
+});
+
+router.get('/:id', (req, res) => {
+  const project = pm.get(req.params.id);
+  if (!project) return res.status(404).render('error', { message: 'Project not found' });
+
+  const bridge = pm.getBridge(req.params.id);
+  const statusResult = bridge.status();
+  const list = bridge.listAll();
+
+  res.render('project', { project, status: statusResult, list });
+});
+
+router.post('/:id/remove', (req, res) => {
+  pm.remove(req.params.id);
+  res.redirect('/projects');
+});
+
+router.post('/:id/run-pipeline', (req, res) => {
+  const project = pm.get(req.params.id);
+  if (!project) return res.status(404).json({ error: 'Project not found' });
+
+  const bridge = pm.getBridge(req.params.id);
+  const { storyName } = req.body;
+
+  let result;
+  if (storyName) {
+    result = bridge.runFull(storyName);
+  } else {
+    result = bridge.status();
+  }
+
+  res.json({ success: result.success, output: result.output, error: result.error });
+});
+
+router.post('/:id/execute', (req, res) => {
+  const project = pm.get(req.params.id);
+  if (!project) return res.status(404).json({ error: 'Project not found' });
+
+  const bridge = pm.getBridge(req.params.id);
+  const { testName } = req.body;
+  const result = bridge.execute(testName);
+  res.json({ success: result.success, output: result.output, error: result.error, runId: extractRunId(result.output) });
+});
+
+router.post('/:id/heal', (req, res) => {
+  const project = pm.get(req.params.id);
+  if (!project) return res.status(404).json({ error: 'Project not found' });
+
+  const bridge = pm.getBridge(req.params.id);
+  const { runId } = req.body;
+  const result = bridge.heal(runId);
+  res.json({ success: result.success, output: result.output, error: result.error });
+});
+
+router.post('/:id/report', (req, res) => {
+  const project = pm.get(req.params.id);
+  if (!project) return res.status(404).json({ error: 'Project not found' });
+
+  const bridge = pm.getBridge(req.params.id);
+  const { runId } = req.body;
+  const result = bridge.report(runId);
+  res.json({ success: result.success, output: result.output, error: result.error });
+});
+
+function extractRunId(output) {
+  const match = output.match(/run-[\d-T-]+/);
+  return match ? match[0] : null;
+}
+
+module.exports = router;

package/qa-dashboard/routes/runs.js

@@ -0,0 +1,66 @@
+const express = require('express');
+const router = express.Router();
+const pm = require('../services/project-manager');
+
+router.get('/', (req, res) => {
+  const projectId = req.query.project;
+  const project = projectId ? pm.get(projectId) : pm.getAll()[0];
+  if (!project) return res.redirect('/projects');
+
+  const bridge = pm.getBridge(project.id);
+  const runDirs = bridge.getRunDirs();
+
+  const hasAllure = bridge.hasAllureReport();
+  const runs = runDirs.map(d => {
+    const result = bridge.getRunResult(d.name);
+    const healing = bridge.getHealingReport(d.name);
+    return {
+      id: d.name,
+      timestamp: d.name.replace('run-', '').replace(/-/g, ':').slice(0, 19),
+      success: result ? result.success : null,
+      duration: result ? result.duration : null,
+      failedCount: result && result.failedTests ? result.failedTests.length : 0,
+      passedCount: result && result.passedTests ? result.passedTests.length : 0,
+      healedCount: healing ? healing.totalHealed || 0 : 0,
+      hasReport: !!bridge.getFinalReport(d.name),
+      hasAllure,
+      testName: result ? result.test : 'Unknown',
+    };
+  });
+
+  res.render('runs', { project, runs });
+});
+
+router.get('/:runId', (req, res) => {
+  const projectId = req.query.project;
+  const project = projectId ? pm.get(projectId) : pm.getAll()[0];
+  if (!project) return res.redirect('/projects');
+
+  const bridge = pm.getBridge(project.id);
+  const result = bridge.getRunResult(req.params.runId);
+  if (!result) return res.status(404).render('error', { message: 'Run not found' });
+
+  const healing = bridge.getHealingReport(req.params.runId);
+  const report = bridge.getFinalReport(req.params.runId);
+  const hasAllure = bridge.hasAllureReport();
+
+  res.render('run', { project, run: { id: req.params.runId, result, healing, report, hasAllure } });
+});
+
+router.get('/:runId/compare/:otherRunId', (req, res) => {
+  const projectId = req.query.project;
+  const project = projectId ? pm.get(projectId) : pm.getAll()[0];
+  if (!project) return res.redirect('/projects');
+
+  const bridge = pm.getBridge(project.id);
+  const result1 = bridge.getRunResult(req.params.runId);
+  const result2 = bridge.getRunResult(req.params.otherRunId);
+  if (!result1 || !result2) return res.status(404).render('error', { message: 'Run not found' });
+
+  res.render('runs', { project, runs: [
+    { id: req.params.runId, success: result1.success, duration: result1.duration, testName: result1.test, failedCount: result1.failedTests ? result1.failedTests.length : 0, healedCount: 0, hasReport: !!bridge.getFinalReport(req.params.runId), timestamp: '' },
+    { id: req.params.otherRunId, success: result2.success, duration: result2.duration, testName: result2.test, failedCount: result2.failedTests ? result2.failedTests.length : 0, healedCount: 0, hasReport: !!bridge.getFinalReport(req.params.otherRunId), timestamp: '' },
+  ] });
+});
+
+module.exports = router;