icdev 0.0.3__py3-none-any.whl

tools/dashboard/templates/golden_path.html

@@ -0,0 +1,175 @@
+{% extends "base.html" %}
+{% block title %}{{ app_name }} — Golden Path Scaffolder{% endblock %}
+{% block content %}
+
+<h1>Golden Path Scaffolder — Compliant Project Templates</h1>
+
+<div class="intro-panel">
+    <h2>Start Right, Stay Right</h2>
+    <p>Scaffold new projects from pre-approved templates with built-in compliance, security, and CI/CD pipelines. Every project starts on the golden path to ATO.</p>
+    <div class="intro-steps">
+        <div class="intro-step"><span class="step-num">1</span><span class="step-text">Pick Template</span></div>
+        <div class="intro-step"><span class="step-num">2</span><span class="step-text">Scaffold</span></div>
+        <div class="intro-step"><span class="step-num">3</span><span class="step-text">Ship Compliant</span></div>
+    </div>
+</div>
+
+<div class="stat-grid">
+    <div class="stat-card">
+        <div class="label">Templates Available</div>
+        <div class="value blue" id="gp-templates">0</div>
+    </div>
+    <div class="stat-card">
+        <div class="label">Projects Created</div>
+        <div class="value green" id="gp-created">0</div>
+    </div>
+    <div class="stat-card">
+        <div class="label">Compliance Ready</div>
+        <div class="value purple" id="gp-compliance">0</div>
+    </div>
+    <div class="stat-card">
+        <div class="label">Avg Setup Time</div>
+        <div class="value orange" id="gp-avg-time">—</div>
+    </div>
+</div>
+
+<!-- Template Browser -->
+<div class="section-card">
+    <h2>Available Templates</h2>
+    <div id="gp-templates-grid" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px;">
+        <div style="text-align:center; color: #888; grid-column: 1/-1;">Loading templates...</div>
+    </div>
+</div>
+
+<!-- Scaffold Form -->
+<div class="section-card">
+    <h2>Scaffold New Project</h2>
+    <form id="gp-scaffold-form" style="display: grid; gap: 12px; max-width: 600px;">
+        <div><label>Template</label>
+            <select id="gp-template-select" class="input-field" style="width:100%">
+                <option value="">— Select a template —</option>
+            </select>
+        </div>
+        <div><label>Project Name</label><input type="text" id="gp-project-name" placeholder="my-new-project" class="input-field" style="width:100%"></div>
+        <div><label>Impact Level</label>
+            <select id="gp-impact-level" class="input-field" style="width:100%">
+                <option value="IL2">IL2</option>
+                <option value="IL4" selected>IL4</option>
+                <option value="IL5">IL5</option>
+            </select>
+        </div>
+        <button type="submit" class="btn btn-primary">Scaffold Project</button>
+    </form>
+    <div id="gp-scaffold-result" style="margin-top: 12px;"></div>
+</div>
+
+<!-- Run History -->
+<div class="section-card">
+    <h2>Scaffold History</h2>
+    <table class="data-table">
+        <thead>
+            <tr>
+                <th>Run ID</th>
+                <th>Template</th>
+                <th>Project Name</th>
+                <th>Impact Level</th>
+                <th>Status</th>
+                <th>Created</th>
+            </tr>
+        </thead>
+        <tbody id="gp-history-body">
+            <tr><td colspan="6" style="text-align:center; color: #888;">No scaffold runs yet.</td></tr>
+        </tbody>
+    </table>
+</div>
+
+<script>
+const PROJECT_ID = 'sparkpilot';
+
+async function loadTemplates() {
+    try {
+        const templates = await fetch('/api/golden-path/templates').then(r => r.json());
+        const list = templates.templates || templates || [];
+        document.getElementById('gp-templates').textContent = list.length;
+        document.getElementById('gp-compliance').textContent = list.filter(t => t.compliance_ready !== false).length;
+
+        const grid = document.getElementById('gp-templates-grid');
+        const select = document.getElementById('gp-template-select');
+
+        if (list.length > 0) {
+            grid.innerHTML = list.map(t => `<div class="stat-card">
+                <div class="label" style="font-size:14px; font-weight:600;">${t.name}</div>
+                <div style="font-size:0.85rem; color:#888; margin:4px 0;">${t.description || ''}</div>
+                <div style="display:flex; gap:6px; flex-wrap:wrap; margin-top:6px;">
+                    ${t.language ? '<span class="badge badge-blue">' + t.language + '</span>' : ''}
+                    ${t.framework ? '<span class="badge badge-blue">' + t.framework + '</span>' : ''}
+                    ${t.compliance_ready !== false ? '<span class="badge badge-green">Compliance Ready</span>' : ''}
+                    ${(t.impact_levels || []).map(il => '<span class="badge badge-orange">' + il + '</span>').join('')}
+                </div>
+            </div>`).join('');
+
+            select.innerHTML = '<option value="">— Select a template —</option>' +
+                list.map(t => '<option value="' + (t.template_id || t.id || t.name) + '">' + t.name + '</option>').join('');
+        } else {
+            grid.innerHTML = '<div style="text-align:center; color:#888; grid-column:1/-1;">No templates available.</div>';
+        }
+    } catch (err) {
+        console.error('Templates load error:', err);
+    }
+}
+
+async function loadHistory() {
+    try {
+        const data = await fetch(`/api/golden-path/runs/${PROJECT_ID}`).then(r => r.json());
+        const runs = data.runs || data || [];
+        document.getElementById('gp-created').textContent = runs.length;
+        if (runs.length > 0) {
+            const totalTime = runs.reduce((s, r) => s + (r.duration_seconds || 0), 0);
+            document.getElementById('gp-avg-time').textContent = runs[0].duration_seconds ? (totalTime / runs.length).toFixed(0) + 's' : '—';
+
+            document.getElementById('gp-history-body').innerHTML = runs.map(r => `<tr>
+                <td><code>${r.run_id || r.id}</code></td>
+                <td>${r.template_name || r.template_id || '—'}</td>
+                <td>${r.project_name || '—'}</td>
+                <td>${r.impact_level || '—'}</td>
+                <td><span class="badge badge-${r.status === 'completed' ? 'green' : r.status === 'failed' ? 'red' : 'blue'}">${r.status}</span></td>
+                <td>${r.created_at || '—'}</td>
+            </tr>`).join('');
+        }
+    } catch (err) {
+        console.error('History load error:', err);
+    }
+}
+
+document.getElementById('gp-scaffold-form').addEventListener('submit', async (e) => {
+    e.preventDefault();
+    const result = document.getElementById('gp-scaffold-result');
+    result.innerHTML = '<em>Scaffolding project...</em>';
+    try {
+        const resp = await fetch('/api/golden-path/scaffold', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({
+                project_id: PROJECT_ID,
+                template_id: document.getElementById('gp-template-select').value,
+                project_name: document.getElementById('gp-project-name').value,
+                impact_level: document.getElementById('gp-impact-level').value,
+            }),
+        });
+        const data = await resp.json();
+        if (data.run_id || data.status === 'ok') {
+            result.innerHTML = `<div class="alert alert-success">Project scaffolded successfully — Run: ${data.run_id || 'done'}</div>`;
+            loadHistory();
+        } else {
+            result.innerHTML = `<div class="alert alert-error">Error: ${JSON.stringify(data.errors || data.error)}</div>`;
+        }
+    } catch (err) {
+        result.innerHTML = `<div class="alert alert-error">${err.message}</div>`;
+    }
+});
+
+loadTemplates();
+loadHistory();
+</script>
+
+{% endblock %}

tools/dashboard/templates/govcon.html

@@ -0,0 +1,280 @@
+{% extends "base.html" %}
+{% block title %}{{ app_name }} — GovCon Intelligence{% endblock %}
+{% block content %}
+<div style="display: flex; justify-content: space-between; align-items: center;">
+    <h1>GovCon Intelligence</h1>
+    <div style="display: flex; gap: 8px;">
+        {% if module_enabled('proposalai') %}
+        <a href="/govcon/knowledge-base" class="btn" style="font-size: 13px; background: #065f46; color: #6ee7b7;">Knowledge Base</a>
+        {% endif %}
+        <a href="/govcon/proposals" class="btn btn-primary" style="font-size: 13px;">View Proposals</a>
+    </div>
+</div>
+
+<div class="intro-panel">
+    <h2>SAM.gov Competitive Landscape</h2>
+    <p>Contract award data from SAM.gov and FPDS (USASpending.gov) — who is winning, how much, and in which domains.
+       Use the scan buttons to pull fresh data. Click an opportunity below to start a proposal response.</p>
+</div>
+
+<!-- Stat Grid -->
+<div class="stat-grid">
+    <div class="stat-card">
+        <div class="label">Opportunities</div>
+        <div class="value blue">{{ stats.total_opportunities }}</div>
+    </div>
+    <div class="stat-card">
+        <div class="label">SAM Awards</div>
+        <div class="value purple">{{ stats.total_awards }}</div>
+    </div>
+    <div class="stat-card">
+        <div class="label">FPDS Wins</div>
+        <div class="value blue">{{ stats.fpds_wins }}</div>
+    </div>
+    <div class="stat-card">
+        <div class="label">Competitors</div>
+        <div class="value orange">{{ stats.unique_competitors }}</div>
+    </div>
+    <div class="stat-card">
+        <div class="label">Total Award Value</div>
+        <div class="value green">${{ "{:,.0f}".format(stats.total_award_value) }}</div>
+    </div>
+    <div class="stat-card">
+        <div class="label">FPDS Total Value</div>
+        <div class="value green">${{ "{:,.0f}".format(stats.fpds_total_value) }}</div>
+    </div>
+</div>
+
+<!-- Scan Controls -->
+<div class="card" style="margin-bottom: 16px;">
+    <div class="card-header">
+        <h2>Scan Controls</h2>
+        <div style="display: flex; gap: 8px; flex-wrap: wrap;">
+            <button class="btn btn-primary" onclick="runScan('scan')">Scan Opportunities</button>
+            <button class="btn btn-success" onclick="runScan('awards')">Scan Awards</button>
+            <button class="btn" style="background:#6366f1;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;" onclick="runScan('fpds')">Scan FPDS</button>
+        </div>
+    </div>
+    <div id="scan-status" style="display:none; padding: 8px 0; font-size: 14px;"></div>
+</div>
+
+<!-- Active Competitors -->
+<div class="card">
+    <h2>Active Competitors</h2>
+    {% if active_competitors %}
+    <div class="table-container">
+    <table>
+        <thead>
+            <tr>
+                <th>#</th>
+                <th>Competitor</th>
+                <th>SAM Awards</th>
+                <th>FPDS Wins</th>
+                <th>Combined Value</th>
+                <th>Domains (NAICS)</th>
+                <th>Top Agency</th>
+                <th>Status</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for c in active_competitors %}
+            <tr>
+                <td>{{ loop.index }}</td>
+                <td><strong>{{ c.name }}</strong></td>
+                <td>{{ c.sam_awards }}</td>
+                <td>{{ c.fpds_wins }}</td>
+                <td>${{ "{:,.0f}".format(c.combined_value) }}</td>
+                <td>{{ c.naics_codes or '—' }}</td>
+                <td title="{{ c.top_agency or '' }}">{{ (c.top_agency or '—')[:30] }}{% if c.top_agency and c.top_agency|length > 30 %}...{% endif %}</td>
+                <td>
+                    {% if c.status == 'confirmed' %}
+                    <span class="badge badge-green">Confirmed</span>
+                    {% elif c.status == 'discovered' %}
+                    <span class="badge badge-orange">Discovered</span>
+                    {% else %}
+                    <span class="badge badge-gray">{{ c.status }}</span>
+                    {% endif %}
+                </td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+    </div>
+    {% else %}
+    <div class="empty">No competitor data yet. Run an award or FPDS scan to discover competitors.</div>
+    {% endif %}
+</div>
+
+<!-- Recent Competitor Wins (FPDS) -->
+<div class="card">
+    <h2>Recent Competitor Wins (FPDS)</h2>
+    {% if fpds_wins %}
+    <div class="table-container">
+    <table>
+        <thead>
+            <tr>
+                <th>Date</th>
+                <th>Award ID</th>
+                <th>Recipient</th>
+                <th>Amount</th>
+                <th>Agency</th>
+                <th>NAICS</th>
+                <th>Description</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for w in fpds_wins %}
+            <tr>
+                <td>{{ w.start_date or '—' }}</td>
+                <td title="{{ w.award_id }}">{{ w.award_id[:20] }}{% if w.award_id|length > 20 %}...{% endif %}</td>
+                <td><strong>{{ w.recipient_name }}</strong></td>
+                <td>${{ "{:,.0f}".format(w.award_amount or 0) }}</td>
+                <td title="{{ w.awarding_agency or '' }}">{{ (w.awarding_agency or '—')[:25] }}{% if w.awarding_agency and w.awarding_agency|length > 25 %}...{% endif %}</td>
+                <td>{{ w.naics_code or '—' }}</td>
+                <td title="{{ w.description or '' }}">{{ (w.description or '—')[:40] }}{% if w.description and w.description|length > 40 %}...{% endif %}</td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+    </div>
+    {% else %}
+    <div class="empty">No FPDS data yet. Run an FPDS scan to pull contract wins from USASpending.gov.</div>
+    {% endif %}
+</div>
+
+<!-- NAICS Distribution Chart -->
+{% if naics_distribution %}
+<div class="card">
+    <h2>Awards by NAICS Code</h2>
+    <svg width="100%" height="{{ naics_distribution|length * 44 + 20 }}"
+         role="img" aria-label="NAICS code award distribution">
+        {% for item in naics_distribution %}
+        <g transform="translate(0, {{ loop.index0 * 44 + 10 }})">
+            <text x="80" y="18" fill="#94a3b8" font-size="13" text-anchor="end"
+                  font-family="-apple-system, system-ui, sans-serif">{{ item.naics_code }}</text>
+            <rect x="90" y="4" width="{{ (item.pct * 4)|round|int }}%" height="22"
+                  rx="4" fill="#3b82f6" opacity="0.8"/>
+            <text x="{{ 90 + (item.pct * 4)|round|int + 10 }}%" y="20" fill="#e2e8f0"
+                  font-size="12" font-family="-apple-system, system-ui, sans-serif">
+                {{ item.count }} awards — ${{ "{:,.0f}".format(item.total_value) }}
+            </text>
+        </g>
+        {% endfor %}
+    </svg>
+</div>
+{% endif %}
+
+<!-- Recent SAM.gov Awards Table -->
+<div class="card">
+    <h2>Recent SAM.gov Awards</h2>
+    {% if recent_awards %}
+    <div class="table-container">
+    <table>
+        <thead>
+            <tr>
+                <th>Date</th>
+                <th>Title</th>
+                <th>Agency</th>
+                <th>Awardee</th>
+                <th>Amount</th>
+                <th>NAICS</th>
+                <th>Set-Aside</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for a in recent_awards %}
+            <tr>
+                <td>{{ a.award_date or '—' }}</td>
+                <td title="{{ a.title }}">{{ a.title[:50] }}{% if a.title|length > 50 %}...{% endif %}</td>
+                <td title="{{ a.agency }}">{{ a.agency[:25] }}{% if a.agency|length > 25 %}...{% endif %}</td>
+                <td><strong>{{ a.awardee_name }}</strong></td>
+                <td>${{ "{:,.0f}".format(a.award_amount or 0) }}</td>
+                <td>{{ a.naics_code or '—' }}</td>
+                <td>{{ a.set_aside_type[:20] if a.set_aside_type else '—' }}</td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+    </div>
+    {% else %}
+    <div class="empty">No awards recorded yet. Run an award scan to populate data.</div>
+    {% endif %}
+</div>
+
+<script>
+async function runScan(type) {
+    const status = document.getElementById('scan-status');
+    status.style.display = 'block';
+    status.style.color = '#3b82f6';
+    const label = type === 'fpds' ? 'USASpending.gov (FPDS)' : 'SAM.gov';
+    status.textContent = `Scanning ${label}... this may take a minute.`;
+
+    try {
+        const resp = await fetch('/api/govcon/' + type, { method: 'POST' });
+        const data = await resp.json();
+        if (data.status === 'ok') {
+            status.style.color = '#22c55e';
+            if (type === 'scan') {
+                status.textContent = `Scan complete: ${data.opportunities_scanned} scanned, ${data.new} new, ${data.updated} updated.`;
+            } else if (type === 'awards') {
+                status.textContent = `Award scan complete: ${data.new_awards} new awards, ${data.new_competitors} new competitors.`;
+            } else if (type === 'fpds') {
+                status.textContent = `FPDS scan complete: ${data.new_wins} new wins, ${data.new_competitors} new competitors.`;
+            }
+            setTimeout(() => location.reload(), 2000);
+        } else {
+            status.style.color = '#ef4444';
+            status.textContent = 'Error: ' + (data.message || 'Unknown error');
+        }
+    } catch (e) {
+        status.style.color = '#ef4444';
+        status.textContent = 'Network error: ' + e.message;
+    }
+}
+</script>
+
+<!-- SAM.gov Opportunities Browse -->
+{% if sam_opportunities %}
+<div class="card">
+    <h2>SAM.gov Opportunities (Recent)</h2>
+    <div class="table-container">
+    <table>
+        <thead>
+            <tr>
+                <th>Posted</th>
+                <th>Solicitation</th>
+                <th>Title</th>
+                <th>Agency</th>
+                <th>NAICS</th>
+                <th>Deadline</th>
+                <th>Action</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for opp in sam_opportunities %}
+            <tr>
+                <td style="white-space: nowrap;">{{ opp.posted_date or '—' }}</td>
+                <td style="font-size: 11px;">{{ opp.solicitation_number[:20] }}{% if opp.solicitation_number|length > 20 %}...{% endif %}</td>
+                <td>
+                    <a href="/govcon/sam/{{ opp.id }}" style="color: #60a5fa; text-decoration: none;">
+                        {{ opp.title[:60] }}{% if opp.title|length > 60 %}...{% endif %}
+                    </a>
+                </td>
+                <td title="{{ opp.agency }}">{{ (opp.agency or '—')[:25] }}{% if opp.agency and opp.agency|length > 25 %}...{% endif %}</td>
+                <td>{{ opp.naics_code or '—' }}</td>
+                <td style="color: #fbbf24; white-space: nowrap;">{{ (opp.response_deadline or 'TBD')[:10] }}</td>
+                <td>
+                    {% if opp.proposal_opportunity_id %}
+                    <a href="/govcon/proposals/{{ opp.proposal_opportunity_id }}" class="btn" style="font-size: 11px; padding: 3px 8px; background: #065f46; color: #6ee7b7;">View Proposal</a>
+                    {% else %}
+                    <a href="/govcon/sam/{{ opp.id }}" class="btn" style="font-size: 11px; padding: 3px 8px; background: #1e3a5f; color: #93c5fd;">Respond</a>
+                    {% endif %}
+                </td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+    </div>
+</div>
+{% endif %}
+{% endblock %}

tools/dashboard/templates/harness.html

@@ -0,0 +1,148 @@
+{% extends "base.html" %}
+{% block title %}{{ app_name }} — Harness Engineering{% endblock %}
+{% block content %}
+
+<h1>Harness Engineering — AI Agent Maturity Dashboard</h1>
+
+<div class="intro-panel">
+    <h2>Measure and Improve Agent Reliability</h2>
+    <p>Assess your project's harness maturity across 6 dimensions — hooks, gates, exit criteria, tracing, loop detection, and progress tracking. Based on industry patterns from Anthropic, OpenAI, and LangChain.</p>
+    <div class="intro-steps">
+        <div class="intro-step"><span class="step-num">1</span><span class="step-text">Assess Maturity</span></div>
+        <div class="intro-step"><span class="step-num">2</span><span class="step-text">Review Dimensions</span></div>
+        <div class="intro-step"><span class="step-num">3</span><span class="step-text">Analyze Traces</span></div>
+    </div>
+</div>
+
+<div class="stat-grid">
+    <div class="stat-card">
+        <div class="label">Maturity Level</div>
+        <div class="value blue" id="h-level">—</div>
+    </div>
+    <div class="stat-card">
+        <div class="label">Level Name</div>
+        <div class="value green" id="h-level-name" style="font-size:24px;">—</div>
+    </div>
+    <div class="stat-card">
+        <div class="label">Composite Score</div>
+        <div class="value purple" id="h-composite">—</div>
+    </div>
+    <div class="stat-card">
+        <div class="label">Dimensions Met</div>
+        <div class="value orange" id="h-dims-met">—</div>
+    </div>
+</div>
+
+<!-- Maturity Assessment -->
+<div class="section-card">
+    <h2>Maturity Assessment</h2>
+    <button class="btn btn-primary" id="h-assess-btn">Assess Now</button>
+    <div id="h-dimensions-grid" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; margin-top: 16px;">
+        <div class="stat-card"><div class="label">Hooks Present</div><div class="value" id="h-dim-hooks">—</div></div>
+        <div class="stat-card"><div class="label">Gates Configured</div><div class="value" id="h-dim-gates">—</div></div>
+        <div class="stat-card"><div class="label">Exit Criteria</div><div class="value" id="h-dim-exit">—</div></div>
+        <div class="stat-card"><div class="label">Tracing Active</div><div class="value" id="h-dim-tracing">—</div></div>
+        <div class="stat-card"><div class="label">Loop Detection</div><div class="value" id="h-dim-loop">—</div></div>
+        <div class="stat-card"><div class="label">Progress Tracking</div><div class="value" id="h-dim-progress">—</div></div>
+    </div>
+</div>
+
+<!-- Exit Criteria -->
+<div class="section-card">
+    <h2>Exit Criteria Registry</h2>
+    <button class="btn btn-primary" id="h-criteria-btn">Load Workflows</button>
+    <div id="h-criteria-result" style="margin-top: 12px;"></div>
+</div>
+
+<!-- Trace Analysis -->
+<div class="section-card">
+    <h2>Trace Analysis</h2>
+    <button class="btn btn-primary" id="h-trace-btn">Analyze Recent Sessions</button>
+    <div id="h-trace-result" style="margin-top: 12px;"></div>
+</div>
+
+<!-- Recommendations -->
+<div class="section-card">
+    <h2>Recommendations</h2>
+    <div id="h-recommendations" style="margin-top: 8px;">
+        <p style="color: var(--text-muted);">Run an assessment to see recommendations.</p>
+    </div>
+</div>
+
+<script>
+document.getElementById('h-assess-btn').addEventListener('click', async () => {
+    const btn = document.getElementById('h-assess-btn');
+    btn.disabled = true; btn.textContent = 'Assessing...';
+    try {
+        const res = await fetch('/api/harness/maturity', {method: 'POST', headers: {'Content-Type': 'application/json'}, body: '{}'});
+        const data = await res.json();
+        document.getElementById('h-level').textContent = data.level;
+        document.getElementById('h-level-name').textContent = data.level_name;
+        document.getElementById('h-composite').textContent = (data.composite_score * 100).toFixed(0) + '%';
+        const dims = data.dimensions || [];
+        const dimIds = ['hooks', 'gates', 'exit', 'tracing', 'loop', 'progress'];
+        dims.forEach((d, i) => {
+            const el = document.getElementById('h-dim-' + (dimIds[i] || i));
+            if (el) {
+                el.textContent = d.present ? '✓' : '✗';
+                el.style.color = d.present ? 'var(--accent-green)' : 'var(--accent-red)';
+            }
+        });
+        const met = dims.filter(d => d.present).length;
+        document.getElementById('h-dims-met').textContent = met + '/' + dims.length;
+        const recs = data.recommendations || [];
+        const recsEl = document.getElementById('h-recommendations');
+        if (recs.length) {
+            recsEl.innerHTML = '<ul>' + recs.map(r => '<li>' + r + '</li>').join('') + '</ul>';
+        } else {
+            recsEl.innerHTML = '<p style="color: var(--accent-green);">All dimensions satisfied — Level 4 Optimized!</p>';
+        }
+    } catch (e) { console.error(e); }
+    btn.disabled = false; btn.textContent = 'Assess Now';
+});
+
+document.getElementById('h-criteria-btn').addEventListener('click', async () => {
+    try {
+        const res = await fetch('/api/harness/exit-criteria');
+        const data = await res.json();
+        const el = document.getElementById('h-criteria-result');
+        const workflows = data.workflows || [];
+        let html = '<table class="data-table"><thead><tr><th>Workflow</th><th>Description</th><th>Gates</th><th>Criteria</th></tr></thead><tbody>';
+        workflows.forEach(w => {
+            html += '<tr><td><strong>' + w.name + '</strong></td><td>' + (w.description || '') + '</td><td>' + w.gate_count + '</td><td>' + w.criteria_count + '</td></tr>';
+        });
+        html += '</tbody></table>';
+        el.innerHTML = html;
+    } catch (e) { console.error(e); }
+});
+
+document.getElementById('h-trace-btn').addEventListener('click', async () => {
+    const btn = document.getElementById('h-trace-btn');
+    btn.disabled = true; btn.textContent = 'Analyzing...';
+    try {
+        const res = await fetch('/api/harness/trace', {method: 'POST', headers: {'Content-Type': 'application/json'}, body: '{"last_n": 5}'});
+        const data = await res.json();
+        const el = document.getElementById('h-trace-result');
+        let html = '<p>Analyzed <strong>' + data.sessions_analyzed + '</strong> sessions — <strong>' + data.total_recommendations + '</strong> recommendations</p>';
+        if (data.by_category && Object.keys(data.by_category).length > 0) {
+            html += '<div class="stat-grid" style="margin-top:8px;">';
+            for (const [cat, count] of Object.entries(data.by_category)) {
+                html += '<div class="stat-card"><div class="label">' + cat + '</div><div class="value orange">' + count + '</div></div>';
+            }
+            html += '</div>';
+        }
+        if (data.recommendations && data.recommendations.length > 0) {
+            html += '<ul style="margin-top:8px;">';
+            data.recommendations.forEach(r => {
+                const badge = r.severity === 'action' ? 'red' : r.severity === 'warning' ? 'orange' : 'blue';
+                html += '<li><span class="badge badge-' + badge + '">' + r.severity + '</span> ' + r.description + '</li>';
+            });
+            html += '</ul>';
+        }
+        el.innerHTML = html;
+    } catch (e) { console.error(e); }
+    btn.disabled = false; btn.textContent = 'Analyze Recent Sessions';
+});
+</script>
+
+{% endblock %}