@ai-qa/workflow 2.0.0

package/qa-dashboard/routes/stories.js

@@ -0,0 +1,101 @@
+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 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 stories = bridge.listUserStories().map(s => {
+    const baseName = s.replace(/\.md$/i, '');
+    const plans = bridge.listTestPlans();
+    const specs = bridge.listTestSpecs();
+    return {
+      name: s,
+      content: bridge.getStoryContent(s),
+      hasPlan: plans.some(p => p.toLowerCase().includes(baseName.toLowerCase())),
+      planName: plans.find(p => p.toLowerCase().includes(baseName.toLowerCase())),
+      hasSpec: specs.some(sp => sp.toLowerCase().includes(baseName.toLowerCase())),
+    };
+  });
+
+  res.render('stories', { project, stories });
+});
+
+router.get('/:storyName', (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 content = bridge.getStoryContent(req.params.storyName);
+  if (!content) return res.status(404).render('error', { message: 'Story not found' });
+
+  const baseName = req.params.storyName.replace(/\.md$/i, '');
+  const plans = bridge.listTestPlans();
+  const specs = bridge.listTestSpecs();
+  const planName = plans.find(p => p.toLowerCase().includes(baseName.toLowerCase()));
+  const specName = specs.find(sp => sp.toLowerCase().includes(baseName.toLowerCase()));
+
+  const plan = planName ? bridge.getPlanContent(planName) : null;
+  const spec = specName ? bridge.getSpecContent(specName) : null;
+
+  res.render('story', { project, story: { name: req.params.storyName, content, plan, planName, spec, specName } });
+});
+
+router.post('/:storyName/plan', (req, res) => {
+  const projectId = req.query.project;
+  const project = projectId ? pm.get(projectId) : pm.getAll()[0];
+  if (!project) return res.status(404).json({ error: 'Project not found' });
+
+  const bridge = pm.getBridge(project.id);
+  const result = bridge.plan(req.params.storyName);
+  res.json({ success: result.success, output: result.output, error: result.error });
+});
+
+router.post('/:storyName/generate', (req, res) => {
+  const projectId = req.query.project;
+  const project = projectId ? pm.get(projectId) : pm.getAll()[0];
+  if (!project) return res.status(404).json({ error: 'Project not found' });
+
+  const bridge = pm.getBridge(project.id);
+  const baseName = req.params.storyName.replace(/\.md$/i, '');
+  const plans = bridge.listTestPlans();
+  const planName = plans.find(p => p.toLowerCase().includes(baseName.toLowerCase()));
+  if (!planName) return res.json({ success: false, error: 'No test plan found. Run plan first.' });
+
+  const result = bridge.generate(planName);
+  res.json({ success: result.success, output: result.output, error: result.error });
+});
+
+router.post('/:storyName/execute', (req, res) => {
+  const projectId = req.query.project;
+  const project = projectId ? pm.get(projectId) : pm.getAll()[0];
+  if (!project) return res.status(404).json({ error: 'Project not found' });
+
+  const bridge = pm.getBridge(project.id);
+  const baseName = req.params.storyName.replace(/\.md$/i, '');
+  const specs = bridge.listTestSpecs();
+  const specName = specs.find(sp => sp.toLowerCase().includes(baseName.toLowerCase()));
+  if (!specName) return res.json({ success: false, error: `No test spec found for "${req.params.storyName}". Generate one first.` });
+
+  const testName = specName.replace(/\.spec\.ts$/i, '');
+  const result = bridge.execute(testName);
+  res.json({ success: result.success, output: result.output, error: result.error });
+});
+
+router.post('/:storyName/full-pipeline', (req, res) => {
+  const projectId = req.query.project;
+  const project = projectId ? pm.get(projectId) : pm.getAll()[0];
+  if (!project) return res.status(404).json({ error: 'Project not found' });
+
+  const bridge = pm.getBridge(project.id);
+  const result = bridge.runFull(req.params.storyName);
+  res.json({ success: result.success, output: result.output, error: result.error });
+});
+
+module.exports = router;

package/qa-dashboard/routes/test-data.js

@@ -0,0 +1,82 @@
+const express = require('express');
+const router = express.Router();
+const pm = require('../services/project-manager');
+const fs = require('fs');
+const path = require('path');
+
+const DATA_DIR = path.join(__dirname, '..', 'data');
+
+function ensureDir(dir) {
+  if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });
+}
+
+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);
+
+  const dataFiles = [];
+  if (fs.existsSync(DATA_DIR)) {
+    fs.readdirSync(DATA_DIR).forEach(f => {
+      const fp = path.join(DATA_DIR, f);
+      dataFiles.push({ name: f, size: fs.statSync(fp).size, modified: fs.statSync(fp).mtime });
+    });
+  }
+
+  res.render('test-data', { project, projects, dataFiles });
+});
+
+router.post('/generate', (req, res) => {
+  const { type, count } = req.body;
+  const num = parseInt(count) || 5;
+
+  ensureDir(DATA_DIR);
+
+  if (type === 'users') {
+    const users = [];
+    for (let i = 0; i < num; i++) {
+      users.push({
+        id: `user_${i + 1}`,
+        name: `Test User ${i + 1}`,
+        email: `testuser${i + 1}@test.com`,
+        phone: `060000${String(i + 1).padStart(4, '0')}`,
+        role: i % 2 === 0 ? 'admin' : 'user',
+        createdAt: new Date().toISOString(),
+      });
+    }
+    const filePath = path.join(DATA_DIR, `test-users-${Date.now()}.json`);
+    fs.writeFileSync(filePath, JSON.stringify(users, null, 2));
+    res.json({ success: true, file: path.basename(filePath), count: num });
+  } else if (type === 'transactions') {
+    const txns = [];
+    const amounts = [25, 50, 75, 100, 150, 200];
+    for (let i = 0; i < num; i++) {
+      txns.push({
+        id: `TXN${String(i + 1).padStart(6, '0')}`,
+        amount: amounts[Math.floor(Math.random() * amounts.length)],
+        currency: 'EUR',
+        status: ['completed', 'pending', 'failed'][Math.floor(Math.random() * 3)],
+        sender: `user_${Math.floor(Math.random() * 10) + 1}`,
+        recipient: `user_${Math.floor(Math.random() * 10) + 11}`,
+        timestamp: new Date(Date.now() - Math.random() * 86400000 * 30).toISOString(),
+      });
+    }
+    const filePath = path.join(DATA_DIR, `test-transactions-${Date.now()}.json`);
+    fs.writeFileSync(filePath, JSON.stringify(txns, null, 2));
+    res.json({ success: true, file: path.basename(filePath), count: num });
+  } else {
+    res.json({ success: false, error: 'Unknown data type. Use: users, transactions' });
+  }
+});
+
+router.delete('/:file', (req, res) => {
+  const filePath = path.join(DATA_DIR, req.params.file);
+  if (fs.existsSync(filePath)) {
+    fs.unlinkSync(filePath);
+    res.json({ success: true });
+  } else {
+    res.json({ success: false, error: 'File not found' });
+  }
+});
+
+module.exports = router;

package/qa-dashboard/services/cli-bridge.js

@@ -0,0 +1,143 @@
+const { execSync } = require('child_process');
+const path = require('path');
+const fs = require('fs');
+
+class CliBridge {
+  constructor(projectPath) {
+    this.projectPath = projectPath;
+  }
+
+  _run(command) {
+    try {
+      const output = execSync(command, {
+        cwd: this.projectPath,
+        encoding: 'utf-8',
+        timeout: 300000,
+        maxBuffer: 10 * 1024 * 1024,
+        stdio: ['pipe', 'pipe', 'pipe'],
+      });
+      return { success: true, output, error: null };
+    } catch (err) {
+      return {
+        success: false,
+        output: err.stdout || '',
+        error: err.message,
+        stderr: err.stderr || '',
+      };
+    }
+  }
+
+  status() {
+    return this._run('node ai-qa-workflow.js status');
+  }
+
+  plan(storyName) {
+    return this._run(`node ai-qa-workflow.js plan "${storyName}"`);
+  }
+
+  generate(planName) {
+    return this._run(`node ai-qa-workflow.js generate "${planName}"`);
+  }
+
+  execute(testName) {
+    return this._run(`node ai-qa-workflow.js execute ${testName}`);
+  }
+
+  heal(runId) {
+    return this._run(`node ai-qa-workflow.js heal ${runId || ''}`);
+  }
+
+  report(runId) {
+    return this._run(`node ai-qa-workflow.js report ${runId || ''}`);
+  }
+
+  runFull(storyName) {
+    return this._run(`node ai-qa-workflow.js run "${storyName}"`);
+  }
+
+  _readDir(subDir, extension) {
+    const dirPath = path.join(this.projectPath, subDir);
+    if (!fs.existsSync(dirPath)) return [];
+    return fs.readdirSync(dirPath)
+      .filter(f => f.endsWith(extension))
+      .sort();
+  }
+
+  listUserStories() {
+    return this._readDir('user-story', '.md');
+  }
+
+  listTestPlans() {
+    return this._readDir('specs', '.md');
+  }
+
+  listTestSpecs() {
+    return this._readDir('tests', '.spec.ts');
+  }
+
+  listAll() {
+    return {
+      stories: this.listUserStories(),
+      plans: this.listTestPlans(),
+      specs: this.listTestSpecs(),
+    };
+  }
+
+  getStoryContent(storyName) {
+    const storyPath = path.join(this.projectPath, 'user-story', storyName);
+    if (!fs.existsSync(storyPath)) return null;
+    return fs.readFileSync(storyPath, 'utf-8');
+  }
+
+  getPlanContent(planName) {
+    const planPath = path.join(this.projectPath, 'specs', planName);
+    if (!fs.existsSync(planPath)) return null;
+    return fs.readFileSync(planPath, 'utf-8');
+  }
+
+  getSpecContent(specName) {
+    const specPath = path.join(this.projectPath, 'tests', specName);
+    if (!fs.existsSync(specPath)) return null;
+    return fs.readFileSync(specPath, 'utf-8');
+  }
+
+  getRunDirs() {
+    const resultsDir = path.join(this.projectPath, 'test-results');
+    if (!fs.existsSync(resultsDir)) return [];
+    const dirs = fs.readdirSync(resultsDir)
+      .map(d => ({ name: d, path: path.join(resultsDir, d) }))
+      .filter(d => fs.statSync(d.path).isDirectory())
+      .sort((a, b) => fs.statSync(b.path).mtimeMs - fs.statSync(a.path).mtimeMs);
+    return dirs;
+  }
+
+  getRunResult(runDirName) {
+    const resultPath = path.join(this.projectPath, 'test-results', runDirName, 'execution-result.json');
+    if (!fs.existsSync(resultPath)) return null;
+    return JSON.parse(fs.readFileSync(resultPath, 'utf-8'));
+  }
+
+  getHealingReport(runDirName) {
+    const reportPath = path.join(this.projectPath, 'test-results', runDirName, 'healing-report.json');
+    if (!fs.existsSync(reportPath)) return null;
+    return JSON.parse(fs.readFileSync(reportPath, 'utf-8'));
+  }
+
+  getFinalReport(runDirName) {
+    const reportPath = path.join(this.projectPath, 'test-results', runDirName, 'final-test-report.md');
+    if (!fs.existsSync(reportPath)) return null;
+    return fs.readFileSync(reportPath, 'utf-8');
+  }
+
+  hasAllureReport() {
+    return fs.existsSync(path.join(this.projectPath, 'allure-report', 'index.html'));
+  }
+
+  getAllureResultsDir() {
+    const dir = path.join(this.projectPath, 'allure-results');
+    if (!fs.existsSync(dir)) return null;
+    return dir;
+  }
+}
+
+module.exports = CliBridge;

package/qa-dashboard/services/project-manager.js

@@ -0,0 +1,61 @@
+const fs = require('fs');
+const path = require('path');
+const CliBridge = require('./cli-bridge');
+
+const DATA_FILE = path.join(__dirname, '..', 'data', 'projects.json');
+
+class ProjectManager {
+  constructor() {
+    this.projects = [];
+    this._load();
+  }
+
+  _load() {
+    if (fs.existsSync(DATA_FILE)) {
+      try {
+        this.projects = JSON.parse(fs.readFileSync(DATA_FILE, 'utf-8'));
+      } catch { this.projects = []; }
+    }
+  }
+
+  _save() {
+    fs.writeFileSync(DATA_FILE, JSON.stringify(this.projects, null, 2), 'utf-8');
+  }
+
+  getAll() {
+    return this.projects;
+  }
+
+  get(id) {
+    return this.projects.find(p => p.id === id);
+  }
+
+  add(name, path) {
+    const id = name.toLowerCase().replace(/[^a-z0-9]+/g, '-');
+    const existing = this.projects.find(p => p.id === id);
+    if (existing) {
+      existing.name = name;
+      existing.path = path;
+      existing.updatedAt = new Date().toISOString();
+      this._save();
+      return existing;
+    }
+    const project = { id, name, path, createdAt: new Date().toISOString(), updatedAt: new Date().toISOString() };
+    this.projects.push(project);
+    this._save();
+    return project;
+  }
+
+  remove(id) {
+    this.projects = this.projects.filter(p => p.id !== id);
+    this._save();
+  }
+
+  getBridge(id) {
+    const project = this.get(id);
+    if (!project) return null;
+    return new CliBridge(project.path);
+  }
+}
+
+module.exports = new ProjectManager();

package/qa-dashboard/views/analytics.ejs

@@ -0,0 +1,188 @@
+<% layout = 'layouts/main' %>
+<% title = project ? 'Analytics - ' + project.name : 'Analytics Dashboard' %>
+
+<div class="page-header">
+  <h1>Analytics Dashboard</h1>
+  <div class="header-actions">
+    <% if (typeof projects !== 'undefined' && projects.length > 1) { %>
+    <select id="project-select" class="form-input" style="width:auto;" onchange="window.location='/analytics?project='+this.value">
+      <% projects.forEach(p => { %>
+      <option value="<%= p.id %>" <%= project && project.id === p.id ? 'selected' : '' %>><%= p.name %></option>
+      <% }) %>
+    </select>
+    <% } %>
+    <% if (project) { %>
+    <a href="/projects/<%= project.id %>" class="btn">Back to Project</a>
+    <% } %>
+  </div>
+</div>
+
+<% if (!project) { %>
+<div class="empty-state">
+  <h3>No project selected</h3>
+  <p>Add a project first or select one from the dropdown</p>
+</div>
+<% } else if (stats.totalRuns === 0) { %>
+<div class="empty-state">
+  <h3>No runs for <%= project.name %></h3>
+  <p>Execute the pipeline to see analytics</p>
+  <a href="/projects/<%= project.id %>" class="btn btn-primary">Go to Project</a>
+</div>
+<% } else { %>
+
+<div class="row">
+  <div class="col">
+    <div class="card stat-card">
+      <div class="stat-number"><%= stats.totalRuns %></div>
+      <div class="stat-label">Total Runs</div>
+    </div>
+  </div>
+  <div class="col">
+    <div class="card stat-card">
+      <div class="stat-number <%= stats.passRate > 80 ? 'text-success' : stats.passRate > 50 ? 'text-warning' : 'text-danger' %>"><%= stats.passRate %>%</div>
+      <div class="stat-label">Pass Rate</div>
+    </div>
+  </div>
+  <div class="col">
+    <div class="card stat-card">
+      <div class="stat-number"><%= stats.totalHealed %></div>
+      <div class="stat-label">Tests Healed</div>
+    </div>
+  </div>
+  <div class="col">
+    <div class="card stat-card">
+      <div class="stat-number"><%= stats.healRate %>%</div>
+      <div class="stat-label">Heal Rate</div>
+    </div>
+  </div>
+  <div class="col">
+    <div class="card stat-card">
+      <div class="stat-number"><%= stats.totalDefects %></div>
+      <div class="stat-label">Defects Found</div>
+    </div>
+  </div>
+  <div class="col">
+    <div class="card stat-card">
+      <div class="stat-number"><%= stats.avgDuration > 0 ? (stats.avgDuration / 1000).toFixed(1) + 's' : 'N/A' %></div>
+      <div class="stat-label">Avg Duration</div>
+    </div>
+  </div>
+</div>
+
+<div class="row">
+  <div class="col-60">
+    <div class="card">
+      <h3>Pass Rate Trend</h3>
+      <canvas id="passRateChart" height="200"></canvas>
+    </div>
+  </div>
+  <div class="col-40">
+    <div class="card">
+      <h3>Failure Breakdown</h3>
+      <canvas id="failureChart" height="200"></canvas>
+    </div>
+  </div>
+</div>
+
+<div class="row">
+  <div class="col-50">
+    <div class="card">
+      <h3>Duration Trend</h3>
+      <canvas id="durationChart" height="150"></canvas>
+    </div>
+  </div>
+  <div class="col-50">
+    <div class="card">
+      <h3>Healing vs Defects</h3>
+      <canvas id="healingChart" height="150"></canvas>
+    </div>
+  </div>
+</div>
+
+<div class="card">
+  <h3>Run History</h3>
+  <table class="info-table">
+    <tr>
+      <th>Run</th><th>Test</th><th>Status</th><th>Duration</th><th>Failures</th><th>Healed</th><th>Defects</th><th>Export</th>
+    </tr>
+    <% runs.forEach(r => { %>
+    <tr>
+      <td><code><%= r.id.substring(0, 20) %>...</code></td>
+      <td><%= r.testName %></td>
+      <td><span class="badge <%= r.success ? 'badge-pass' : 'badge-fail' %>"><%= r.success ? 'PASS' : 'FAIL' %></span></td>
+      <td><%= r.duration ? (r.duration / 1000).toFixed(1) + 's' : 'N/A' %></td>
+      <td><%= r.failures %></td>
+      <td><%= r.healed %></td>
+      <td><%= r.defects %></td>
+      <td>
+        <a href="/export/report/<%= r.id %>?project=<%= project.id %>" class="btn btn-sm">HTML</a>
+        <a href="/export/pdf/<%= r.id %>?project=<%= project.id %>" class="btn btn-sm">TXT</a>
+      </td>
+    </tr>
+    <% }) %>
+  </table>
+</div>
+
+<script>
+const runLabels = <%= JSON.stringify(runs.map(r => r.id.substring(0, 10))) %>;
+const passRates = <%= JSON.stringify(runs.map(r => r.total > 0 ? ((r.total - r.failures) / r.total * 100).toFixed(1) : 0)) %>;
+const failures = <%= JSON.stringify(runs.map(r => r.failures)) %>;
+const durations = <%= JSON.stringify(runs.map(r => r.duration ? (r.duration / 1000).toFixed(1) : 0)) %>;
+const healed = <%= JSON.stringify(runs.map(r => r.healed)) %>;
+const defects = <%= JSON.stringify(runs.map(r => r.defects)) %>;
+
+new Chart(document.getElementById('passRateChart'), {
+  type: 'line',
+  data: {
+    labels: runLabels,
+    datasets: [{
+      label: 'Pass Rate %',
+      data: passRates,
+      borderColor: '#22c55e',
+      backgroundColor: 'rgba(34,197,94,0.1)',
+      fill: true,
+      tension: 0.4,
+    }]
+  },
+  options: { responsive: true, plugins: { legend: { labels: { color: '#e4e6f0' } } }, scales: { x: { ticks: { color: '#8b8fa3' } }, y: { ticks: { color: '#8b8fa3' }, min: 0, max: 100 } } }
+});
+
+new Chart(document.getElementById('failureChart'), {
+  type: 'pie',
+  data: {
+    labels: ['Passed', 'Healed', 'Defects'],
+    datasets: [{
+      data: [<%= stats.passedRuns %>, <%= stats.totalHealed %>, <%= stats.totalDefects %>],
+      backgroundColor: ['#22c55e', '#f59e0b', '#ef4444'],
+    }]
+  },
+  options: { responsive: true, plugins: { legend: { labels: { color: '#e4e6f0' } } } }
+});
+
+new Chart(document.getElementById('durationChart'), {
+  type: 'bar',
+  data: {
+    labels: runLabels,
+    datasets: [{
+      label: 'Duration (s)',
+      data: durations,
+      backgroundColor: '#6366f1',
+    }]
+  },
+  options: { responsive: true, plugins: { legend: { labels: { color: '#e4e6f0' } } }, scales: { x: { ticks: { color: '#8b8fa3' } }, y: { ticks: { color: '#8b8fa3' } } } }
+});
+
+new Chart(document.getElementById('healingChart'), {
+  type: 'bar',
+  data: {
+    labels: runLabels,
+    datasets: [
+      { label: 'Healed', data: healed, backgroundColor: '#f59e0b' },
+      { label: 'Defects', data: defects, backgroundColor: '#ef4444' }
+    ]
+  },
+  options: { responsive: true, plugins: { legend: { labels: { color: '#e4e6f0' } } }, scales: { x: { ticks: { color: '#8b8fa3' } }, y: { ticks: { color: '#8b8fa3' } } } }
+});
+</script>
+
+<% } %>

package/qa-dashboard/views/error.ejs

@@ -0,0 +1,8 @@
+<% layout = 'layouts/main' %>
+<% title = 'Error' %>
+
+<div class="empty-state">
+  <h3>Error</h3>
+  <p><%= message %></p>
+  <a href="/" class="btn btn-primary">Home</a>
+</div>

package/qa-dashboard/views/index.ejs

@@ -0,0 +1,83 @@
+<% layout = 'layouts/main' %>
+<% title = 'Dashboard' %>
+
+<div class="hero">
+  <h1>AI QA Pipeline</h1>
+  <p>User Story → Test Plan → Test Generation → Execution → Self-Healing → Report</p>
+</div>
+
+<div class="stats-row">
+  <div class="stat-card">
+    <div class="stat-number"><%= projects.length %></div>
+    <div class="stat-label">Projects</div>
+  </div>
+  <div class="stat-card">
+    <div class="stat-number">5</div>
+    <div class="stat-label">Pipeline Steps</div>
+  </div>
+  <div class="stat-card">
+    <div class="stat-number">AI</div>
+    <div class="stat-label">Agentic QA</div>
+  </div>
+</div>
+
+<div class="pipeline-flow">
+  <h2>Pipeline</h2>
+  <div class="flow-steps">
+    <div class="flow-step">
+      <div class="step-icon">📝</div>
+      <div class="step-name">User Story</div>
+      <div class="step-desc">Input business requirement</div>
+    </div>
+    <div class="flow-arrow">→</div>
+    <div class="flow-step">
+      <div class="step-icon">📋</div>
+      <div class="step-name">Plan</div>
+      <div class="step-desc">AI generates test plan</div>
+    </div>
+    <div class="flow-arrow">→</div>
+    <div class="flow-step">
+      <div class="step-icon">🧪</div>
+      <div class="step-name">Generate</div>
+      <div class="step-desc">AI writes test code</div>
+    </div>
+    <div class="flow-arrow">→</div>
+    <div class="flow-step">
+      <div class="step-icon">⚡</div>
+      <div class="step-name">Execute</div>
+      <div class="step-desc">Playwright runs tests</div>
+    </div>
+    <div class="flow-arrow">→</div>
+    <div class="flow-step">
+      <div class="step-icon">🛠️</div>
+      <div class="step-name">Heal</div>
+      <div class="step-desc">Auto-fix failures</div>
+    </div>
+    <div class="flow-arrow">→</div>
+    <div class="flow-step">
+      <div class="step-icon">📊</div>
+      <div class="step-name">Report</div>
+      <div class="step-desc">Comprehensive results</div>
+    </div>
+  </div>
+</div>
+
+<% if (projects.length > 0) { %>
+<div class="section">
+  <h2>Projects</h2>
+  <div class="project-grid">
+    <% projects.forEach(p => { %>
+    <a href="/projects/<%= p.id %>" class="project-card">
+      <div class="project-name"><%= p.name %></div>
+      <div class="project-path"><%= p.path %></div>
+    </a>
+    <% }) %>
+  </div>
+</div>
+<% } else { %>
+<div class="empty-state">
+  <h3>No projects configured</h3>
+  <p>Add your test project to get started</p>
+  <a href="/projects/add" class="btn btn-primary">Add Project</a>
+</div>
+<% } %>