icdev 1.0.0__py3-none-any.whl

icdev/tools/dashboard/templates/proposals/list.html

@@ -0,0 +1,179 @@
+{% extends "base.html" %}
+{% block title %}Proposals - ICDEV{% endblock %}
+
+{% block content %}
+<div class="breadcrumbs"><a href="/">Home</a><span class="separator">/</span><span>Proposals</span></div>
+
+<div class="page-header">
+    <h1>Proposal Opportunities</h1>
+    <p class="subtitle">GovCon proposal writing lifecycle tracker</p>
+</div>
+
+<!-- Stat Grid -->
+<div class="stat-grid" id="prop-stats">
+    <div class="stat-card">
+        <div class="stat-value" id="stat-total">{{ opportunities | length }}</div>
+        <div class="stat-label">Total</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-value" id="stat-writing">{{ opportunities | selectattr('status', 'equalto', 'writing') | list | length }}</div>
+        <div class="stat-label">In Writing</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-value" id="stat-review">{{ opportunities | selectattr('status', 'equalto', 'review') | list | length }}</div>
+        <div class="stat-label">In Review</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-value" id="stat-submitted">{{ opportunities | selectattr('status', 'equalto', 'submitted') | list | length }}</div>
+        <div class="stat-label">Submitted</div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-value {% if nearest_deadline and nearest_deadline <= 7 %}text-danger{% elif nearest_deadline and nearest_deadline <= 14 %}text-warning{% endif %}" id="stat-deadline">
+            {{ nearest_deadline if nearest_deadline is not none else '—' }}
+        </div>
+        <div class="stat-label">Days to Nearest Deadline</div>
+    </div>
+</div>
+
+<!-- Actions -->
+<div style="margin: 16px 0; display: flex; gap: 8px;">
+    <button class="btn btn-primary" onclick="ICDEV.proposals.openModal('create-opp-modal')">+ New Opportunity</button>
+</div>
+
+<!-- Opportunity Table -->
+<div class="table-container">
+    <div class="table-header">
+        <h2>Opportunities</h2>
+    </div>
+    <table>
+        <thead>
+            <tr>
+                <th>Solicitation #</th>
+                <th>Title</th>
+                <th>Agency</th>
+                <th>Due Date</th>
+                <th>Days Left</th>
+                <th>Type</th>
+                <th>Set-Aside</th>
+                <th>Status</th>
+                <th>Proposal Mgr</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for opp in opportunities %}
+            <tr>
+                <td><a href="/proposals/{{ opp.id }}">{{ opp.solicitation_number }}</a></td>
+                <td><a href="/proposals/{{ opp.id }}">{{ opp.title }}</a></td>
+                <td>{{ opp.agency }}</td>
+                <td>{{ opp.due_date }}</td>
+                <td class="{% if opp.days_left is not none and opp.days_left <= 7 %}text-danger{% elif opp.days_left is not none and opp.days_left <= 14 %}text-warning{% endif %}">
+                    {{ opp.days_left if opp.days_left is not none else '—' }}
+                </td>
+                <td><span class="badge badge-info">{{ opp.proposal_type }}</span></td>
+                <td>{{ opp.set_aside_type or '—' }}</td>
+                <td>
+                    {% set status_colors = {'intake': 'info', 'bid_no_bid': 'warning', 'go': 'success', 'writing': 'info', 'review': 'warning', 'final': 'success', 'submitted': 'success', 'won': 'success', 'lost': 'error', 'no_bid': 'warning', 'cancelled': 'error'} %}
+                    <span class="badge badge-{{ status_colors.get(opp.status, 'info') }}">{{ opp.status | replace('_', ' ') | title }}</span>
+                </td>
+                <td>{{ opp.proposal_manager or '—' }}</td>
+            </tr>
+            {% else %}
+            <tr><td colspan="9" class="text-muted" style="text-align:center;">No opportunities yet. Click "+ New Opportunity" to create one.</td></tr>
+            {% endfor %}
+        </tbody>
+    </table>
+</div>
+
+<!-- Create Opportunity Modal -->
+<div id="create-opp-modal" class="modal-overlay" style="display:none;">
+    <div class="modal-content">
+        <div class="modal-header">
+            <h2>New Opportunity</h2>
+            <button class="modal-close" onclick="ICDEV.proposals.closeModal('create-opp-modal')">&times;</button>
+        </div>
+        <form id="create-opp-form" onsubmit="return ICDEV.proposals.submitOppForm(event)">
+            <div class="form-grid">
+                <div class="form-group">
+                    <label>Solicitation Number *</label>
+                    <input type="text" name="solicitation_number" required placeholder="e.g., W911NF-25-R-0001">
+                </div>
+                <div class="form-group">
+                    <label>Title *</label>
+                    <input type="text" name="title" required placeholder="Proposal title">
+                </div>
+                <div class="form-group">
+                    <label>Agency *</label>
+                    <input type="text" name="agency" required placeholder="e.g., U.S. Army">
+                </div>
+                <div class="form-group">
+                    <label>Sub-Agency</label>
+                    <input type="text" name="sub_agency" placeholder="e.g., PEO IEW&S">
+                </div>
+                <div class="form-group">
+                    <label>Due Date *</label>
+                    <input type="date" name="due_date" required>
+                </div>
+                <div class="form-group">
+                    <label>Proposal Type *</label>
+                    <select name="proposal_type" required>
+                        <option value="FFP">FFP — Firm Fixed Price</option>
+                        <option value="T_AND_M">T&M — Time & Materials</option>
+                        <option value="CPFF">CPFF — Cost Plus Fixed Fee</option>
+                        <option value="CPIF">CPIF — Cost Plus Incentive Fee</option>
+                        <option value="IDIQ_TO">IDIQ TO — Task Order</option>
+                        <option value="BPA_CALL">BPA Call</option>
+                        <option value="other">Other</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label>Set-Aside</label>
+                    <select name="set_aside_type">
+                        <option value="">None</option>
+                        <option value="full_open">Full & Open</option>
+                        <option value="small_business">Small Business</option>
+                        <option value="8a">8(a)</option>
+                        <option value="hubzone">HUBZone</option>
+                        <option value="sdvosb">SDVOSB</option>
+                        <option value="wosb">WOSB</option>
+                        <option value="edwosb">EDWOSB</option>
+                        <option value="sole_source">Sole Source</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label>NAICS Code</label>
+                    <input type="text" name="naics_code" placeholder="e.g., 541512">
+                </div>
+                <div class="form-group">
+                    <label>Capture Manager</label>
+                    <input type="text" name="capture_manager" placeholder="Name">
+                </div>
+                <div class="form-group">
+                    <label>Proposal Manager</label>
+                    <input type="text" name="proposal_manager" placeholder="Name">
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" onclick="ICDEV.proposals.closeModal('create-opp-modal')">Cancel</button>
+                <button type="submit" class="btn btn-primary">Create Opportunity</button>
+            </div>
+        </form>
+    </div>
+</div>
+
+<style>
+.modal-overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1000; display:flex; align-items:center; justify-content:center; }
+.modal-content { background:var(--bg-card, #16213e); border:1px solid var(--border-color, #2a2a4a); border-radius:8px; padding:24px; max-width:700px; width:90%; max-height:85vh; overflow-y:auto; }
+.modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
+.modal-header h2 { margin:0; }
+.modal-close { background:none; border:none; color:var(--text-primary, #e0e0e0); font-size:24px; cursor:pointer; }
+.modal-footer { display:flex; justify-content:flex-end; gap:8px; margin-top:16px; padding-top:16px; border-top:1px solid var(--border-color, #2a2a4a); }
+.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
+.form-group { display:flex; flex-direction:column; }
+.form-group label { font-size:12px; color:var(--text-secondary, #a0a0b8); margin-bottom:4px; }
+.form-group input, .form-group select { background:var(--bg-secondary, #1a1a2e); border:1px solid var(--border-color, #2a2a4a); color:var(--text-primary, #e0e0e0); padding:8px; border-radius:4px; font-size:14px; }
+.form-group input:focus, .form-group select:focus { outline:none; border-color:var(--accent-blue, #4a90d9); }
+.text-danger { color: var(--status-red, #dc3545) !important; font-weight: bold; }
+.text-warning { color: var(--status-yellow, #ffc107) !important; }
+@media (max-width: 768px) { .form-grid { grid-template-columns: 1fr; } }
+</style>
+{% endblock %}

icdev/tools/dashboard/templates/proposals/section_detail.html

@@ -0,0 +1,193 @@
+{% extends "base.html" %}
+{% block title %}{{ section.section_number }}: {{ section.title }} - Proposals - ICDEV{% endblock %}
+
+{% block content %}
+<div class="breadcrumbs">
+    <a href="/">Home</a><span class="separator">/</span>
+    <a href="/proposals">Proposals</a><span class="separator">/</span>
+    <a href="/proposals/{{ section.opportunity_id }}">{{ opp_title }}</a><span class="separator">/</span>
+    <span>{{ section.section_number }}: {{ section.title }}</span>
+</div>
+
+<div class="page-header" style="display:flex; justify-content:space-between; align-items:flex-start;">
+    <div>
+        <h1>{{ section.section_number }}: {{ section.title }}</h1>
+        <p class="subtitle">Volume {{ section.volume_number }}: {{ section.volume_title }}</p>
+        <div style="margin-top:4px;">
+            {% set sec_colors = {'not_started': 'info', 'outlining': 'info', 'drafting': 'warning', 'internal_review': 'warning', 'pink_team_ready': 'warning', 'pink_team_review': 'warning', 'rework_pink': 'error', 'red_team_ready': 'warning', 'red_team_review': 'warning', 'rework_red': 'error', 'gold_team_ready': 'warning', 'gold_team_review': 'warning', 'white_glove': 'info', 'final': 'success', 'submitted': 'success'} %}
+            <span class="badge badge-{{ sec_colors.get(section.status, 'info') }}">{{ section.status | replace('_', ' ') | title }}</span>
+            {% set pri_colors = {'critical_path': 'error', 'high': 'warning', 'standard': 'info', 'supporting': 'info'} %}
+            <span class="badge badge-{{ pri_colors.get(section.priority, 'info') }}">{{ section.priority | replace('_', ' ') | title }}</span>
+        </div>
+    </div>
+    <div>
+        {% if section.valid_transitions %}
+        <div style="display:flex; gap:8px; align-items:center;">
+            <label style="font-size:12px; color:var(--text-secondary);">Advance to:</label>
+            <select id="advance-status-select" style="background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:6px 10px;border-radius:4px;">
+                {% for t in section.valid_transitions %}
+                <option value="{{ t }}">{{ t | replace('_', ' ') | title }}</option>
+                {% endfor %}
+            </select>
+            <button class="btn btn-primary" onclick="ICDEV.proposals.advanceStatus('{{ section.id }}', document.getElementById('advance-status-select').value)">
+                Advance
+            </button>
+        </div>
+        {% endif %}
+    </div>
+</div>
+
+<!-- Status Pipeline -->
+<div id="status-pipeline" style="margin:16px 0;"></div>
+
+<!-- Info Grid -->
+<div class="card" style="padding:16px; margin-top:16px;">
+    <div class="info-grid">
+        <div class="info-item"><div class="label">Writer</div><div class="value">{{ section.writer or '—' }}</div></div>
+        <div class="info-item"><div class="label">Reviewer</div><div class="value">{{ section.reviewer or '—' }}</div></div>
+        <div class="info-item"><div class="label">Word Count</div><div class="value">{{ section.current_word_count or 0 }}{% if section.word_limit %} / {{ section.word_limit }}{% endif %}</div></div>
+        <div class="info-item"><div class="label">Page Count</div><div class="value">{{ section.current_page_count or 0 }}{% if section.page_limit %} / {{ section.page_limit }}{% endif %}</div></div>
+        <div class="info-item"><div class="label">Due Date</div><div class="value {% if section.overdue %}text-danger{% endif %}">{{ section.due_date or '—' }}</div></div>
+        <div class="info-item"><div class="label">Priority</div><div class="value">{{ section.priority | replace('_', ' ') | title }}</div></div>
+    </div>
+</div>
+
+<!-- Tabs -->
+<div class="tabs" style="margin-top:20px;">
+    <button class="tab-btn active" data-tab="stab-notes">Notes</button>
+    <button class="tab-btn" data-tab="stab-compliance">Compliance ({{ section.compliance_items | length }})</button>
+    <button class="tab-btn" data-tab="stab-findings">Findings ({{ section.findings | length }})</button>
+    <button class="tab-btn" data-tab="stab-deps">Dependencies ({{ section.dependencies | length }})</button>
+    <button class="tab-btn" data-tab="stab-history">History ({{ section.history | length }})</button>
+</div>
+
+<!-- Notes Tab -->
+<div id="stab-notes" class="tab-content active">
+    <div class="card" style="padding:16px; margin-top:12px;">
+        <textarea id="section-notes" rows="8" style="width:100%; background:var(--bg-secondary); border:1px solid var(--border-color,#2a2a4a); color:var(--text-primary); padding:12px; border-radius:4px; resize:vertical; font-family:inherit;">{{ section.notes or '' }}</textarea>
+        <div style="margin-top:8px; display:flex; justify-content:flex-end;">
+            <button class="btn btn-primary" onclick="ICDEV.proposals.saveNotes('{{ section.id }}')">Save Notes</button>
+        </div>
+    </div>
+</div>
+
+<!-- Compliance Tab -->
+<div id="stab-compliance" class="tab-content" style="display:none;">
+    <div class="table-container" style="margin-top:12px;">
+        <table>
+            <thead><tr><th>Ref</th><th>Requirement</th><th>Type</th><th>Status</th></tr></thead>
+            <tbody>
+                {% for cm in section.compliance_items %}
+                <tr>
+                    <td>{{ cm.section_ref }}</td>
+                    <td>{{ cm.requirement_text[:120] }}{% if cm.requirement_text | length > 120 %}...{% endif %}</td>
+                    <td><span class="badge badge-info">{{ cm.requirement_type }}</span></td>
+                    <td>
+                        {% set cm_colors = {'compliant': 'success', 'partial': 'warning', 'non_compliant': 'error', 'not_applicable': 'info', 'not_addressed': 'error'} %}
+                        <span class="badge badge-{{ cm_colors.get(cm.compliance_status, 'info') }}">{{ cm.compliance_status | replace('_', ' ') | title }}</span>
+                    </td>
+                </tr>
+                {% else %}
+                <tr><td colspan="4" class="text-muted" style="text-align:center;">No compliance items linked to this section</td></tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+</div>
+
+<!-- Findings Tab -->
+<div id="stab-findings" class="tab-content" style="display:none;">
+    <div class="table-container" style="margin-top:12px;">
+        <table>
+            <thead><tr><th>Review</th><th>Type</th><th>Severity</th><th>Description</th><th>Status</th></tr></thead>
+            <tbody>
+                {% for f in section.findings %}
+                <tr>
+                    <td><span class="badge badge-info">{{ f.review_type | replace('_', ' ') | title }}</span></td>
+                    <td>{{ f.finding_type | replace('_', ' ') | title }}</td>
+                    <td>
+                        {% set sev_colors = {'critical': 'error', 'major': 'warning', 'minor': 'info', 'observation': 'info'} %}
+                        <span class="badge badge-{{ sev_colors.get(f.severity, 'info') }}">{{ f.severity | title }}</span>
+                    </td>
+                    <td>{{ f.description[:120] }}{% if f.description | length > 120 %}...{% endif %}</td>
+                    <td>
+                        {% set fs_colors = {'open': 'error', 'in_progress': 'warning', 'resolved': 'success', 'deferred': 'info', 'wont_fix': 'info'} %}
+                        <span class="badge badge-{{ fs_colors.get(f.status, 'info') }}">{{ f.status | replace('_', ' ') | title }}</span>
+                    </td>
+                </tr>
+                {% else %}
+                <tr><td colspan="5" class="text-muted" style="text-align:center;">No findings for this section</td></tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+</div>
+
+<!-- Dependencies Tab -->
+<div id="stab-deps" class="tab-content" style="display:none;">
+    <div class="table-container" style="margin-top:12px;">
+        <table>
+            <thead><tr><th>Depends On</th><th>Current Status</th><th>Required Status</th><th>Type</th><th>Met?</th></tr></thead>
+            <tbody>
+                {% for d in section.dependencies %}
+                <tr>
+                    <td>{{ d.depends_on_title }}</td>
+                    <td><span class="badge badge-info">{{ d.depends_on_status | replace('_', ' ') | title }}</span></td>
+                    <td>{{ d.required_status | replace('_', ' ') | title }}</td>
+                    <td>{{ d.dependency_type | title }}</td>
+                    <td>
+                        {% if d.met %}<span class="badge badge-success">Yes</span>{% else %}<span class="badge badge-error">No</span>{% endif %}
+                    </td>
+                </tr>
+                {% else %}
+                <tr><td colspan="5" class="text-muted" style="text-align:center;">No dependencies</td></tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+</div>
+
+<!-- History Tab -->
+<div id="stab-history" class="tab-content" style="display:none;">
+    <div class="table-container" style="margin-top:12px;">
+        <table>
+            <thead><tr><th>Timestamp</th><th>From</th><th>To</th><th>Changed By</th><th>Reason</th></tr></thead>
+            <tbody>
+                {% for h in section.history %}
+                <tr>
+                    <td class="text-muted">{{ h.created_at }}</td>
+                    <td>{{ (h.old_status or '—') | replace('_', ' ') | title }}</td>
+                    <td><span class="badge badge-info">{{ h.new_status | replace('_', ' ') | title }}</span></td>
+                    <td>{{ h.changed_by or '—' }}</td>
+                    <td>{{ h.reason or '—' }}</td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+</div>
+
+<style>
+.text-danger { color: var(--status-red, #dc3545) !important; font-weight: bold; }
+</style>
+
+<script>
+document.addEventListener("DOMContentLoaded", function() {
+    // Tab switching
+    document.querySelectorAll(".tab-btn").forEach(function(btn) {
+        btn.addEventListener("click", function() {
+            document.querySelectorAll(".tab-btn").forEach(function(b) { b.classList.remove("active"); });
+            document.querySelectorAll(".tab-content").forEach(function(c) { c.style.display = "none"; c.classList.remove("active"); });
+            btn.classList.add("active");
+            var tab = document.getElementById(btn.getAttribute("data-tab"));
+            if (tab) { tab.style.display = "block"; tab.classList.add("active"); }
+        });
+    });
+
+    // Status pipeline
+    if (window.ICDEV && ICDEV.proposals) {
+        ICDEV.proposals.renderStatusPipeline("status-pipeline", "{{ section.status }}");
+    }
+});
+</script>
+{% endblock %}

icdev/tools/dashboard/templates/provenance.html

@@ -0,0 +1,181 @@
+{% extends "base.html" %}
+
+{% block title %}Provenance - ICDEV Dashboard{% endblock %}
+
+{% block content %}
+<div class="container">
+    <h1>Provenance Graph</h1>
+    <p class="text-muted">W3C PROV-AGENT artifact lineage — tracks what produced what across agent operations (Phase 46).</p>
+
+    <!-- Stat grid -->
+    <div class="stat-grid" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0;">
+        <div class="stat-card" style="padding:1rem;border:1px solid #ddd;border-radius:8px;text-align:center;">
+            <div class="stat-value" id="stat-entities" style="font-size:2rem;font-weight:bold;">--</div>
+            <div class="stat-label" style="color:#666;">Entities</div>
+        </div>
+        <div class="stat-card" style="padding:1rem;border:1px solid #ddd;border-radius:8px;text-align:center;">
+            <div class="stat-value" id="stat-activities" style="font-size:2rem;font-weight:bold;">--</div>
+            <div class="stat-label" style="color:#666;">Activities</div>
+        </div>
+        <div class="stat-card" style="padding:1rem;border:1px solid #ddd;border-radius:8px;text-align:center;">
+            <div class="stat-value" id="stat-relations" style="font-size:2rem;font-weight:bold;">--</div>
+            <div class="stat-label" style="color:#666;">Relations</div>
+        </div>
+    </div>
+
+    <!-- Entity table -->
+    <h2>Entities</h2>
+    <div class="table-container">
+        <table id="entities-table" aria-label="Provenance entities">
+            <thead>
+                <tr>
+                    <th>ID</th>
+                    <th>Type</th>
+                    <th>Label</th>
+                    <th>Content Hash</th>
+                    <th>Agent</th>
+                    <th>Created</th>
+                </tr>
+            </thead>
+            <tbody id="entities-body">
+                <tr><td colspan="6" style="text-align:center;color:#999;">Loading...</td></tr>
+            </tbody>
+        </table>
+    </div>
+
+    <!-- Activity timeline -->
+    <h2>Activities</h2>
+    <div class="table-container">
+        <table id="activities-table" aria-label="Provenance activities">
+            <thead>
+                <tr>
+                    <th>ID</th>
+                    <th>Type</th>
+                    <th>Label</th>
+                    <th>Start</th>
+                    <th>End</th>
+                    <th>Agent</th>
+                </tr>
+            </thead>
+            <tbody id="activities-body">
+                <tr><td colspan="6" style="text-align:center;color:#999;">Loading...</td></tr>
+            </tbody>
+        </table>
+    </div>
+
+    <!-- Lineage query -->
+    <h2>Lineage Query</h2>
+    <div style="margin:1rem 0;display:flex;gap:0.5rem;align-items:center;">
+        <label for="lineage-entity">Entity ID:</label>
+        <input type="text" id="lineage-entity" placeholder="entity UUID" style="padding:0.4rem;border:1px solid #ccc;border-radius:4px;width:300px;">
+        <select id="lineage-direction" style="padding:0.4rem;border:1px solid #ccc;border-radius:4px;">
+            <option value="backward">Backward (what produced this?)</option>
+            <option value="forward">Forward (what did this produce?)</option>
+        </select>
+        <button onclick="queryLineage()" style="padding:0.4rem 1rem;background:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;">Query</button>
+    </div>
+    <div id="lineage-result" style="margin-top:1rem;"></div>
+
+    <!-- PROV-JSON export -->
+    <div style="margin-top:2rem;">
+        <button onclick="exportProvJSON()" style="padding:0.5rem 1rem;background:#388e3c;color:#fff;border:none;border-radius:4px;cursor:pointer;">Export PROV-JSON</button>
+    </div>
+</div>
+{% endblock %}
+
+{% block scripts %}
+<script>
+(function() {
+    // Load entities
+    fetch('/api/provenance/entities?limit=50')
+        .then(r => r.json())
+        .then(data => {
+            document.getElementById('stat-entities').textContent = data.total || 0;
+            const tbody = document.getElementById('entities-body');
+            if (!data.entities || data.entities.length === 0) {
+                tbody.innerHTML = '<tr><td colspan="6" style="text-align:center;color:#999;">No provenance entities yet.</td></tr>';
+                return;
+            }
+            tbody.innerHTML = data.entities.map(e => `
+                <tr>
+                    <td><code title="${e.id}">${(e.id || '').substring(0, 12)}...</code></td>
+                    <td><span class="badge">${e.entity_type}</span></td>
+                    <td>${e.label || ''}</td>
+                    <td><code>${(e.content_hash || '').substring(0, 16)}</code></td>
+                    <td>${e.agent_id || ''}</td>
+                    <td>${e.created_at || ''}</td>
+                </tr>
+            `).join('');
+        }).catch(() => {});
+
+    // Load activities
+    fetch('/api/provenance/activities?limit=50')
+        .then(r => r.json())
+        .then(data => {
+            document.getElementById('stat-activities').textContent = data.total || 0;
+            const tbody = document.getElementById('activities-body');
+            if (!data.activities || data.activities.length === 0) {
+                tbody.innerHTML = '<tr><td colspan="6" style="text-align:center;color:#999;">No provenance activities yet.</td></tr>';
+                return;
+            }
+            tbody.innerHTML = data.activities.map(a => `
+                <tr>
+                    <td><code title="${a.id}">${(a.id || '').substring(0, 12)}...</code></td>
+                    <td><span class="badge">${a.activity_type}</span></td>
+                    <td>${a.label || ''}</td>
+                    <td>${a.start_time || ''}</td>
+                    <td>${a.end_time || ''}</td>
+                    <td>${a.agent_id || ''}</td>
+                </tr>
+            `).join('');
+        }).catch(() => {});
+
+    // Load relation count
+    fetch('/api/provenance/relations?limit=1')
+        .then(r => r.json())
+        .then(data => {
+            document.getElementById('stat-relations').textContent = (data.relations || []).length;
+        }).catch(() => {});
+
+    // Lineage query
+    window.queryLineage = function() {
+        const entityId = document.getElementById('lineage-entity').value.trim();
+        const direction = document.getElementById('lineage-direction').value;
+        if (!entityId) return;
+
+        fetch(`/api/provenance/lineage/${entityId}?direction=${direction}`)
+            .then(r => r.json())
+            .then(data => {
+                const div = document.getElementById('lineage-result');
+                if (data.error) {
+                    div.innerHTML = `<p style="color:red;">${data.error}</p>`;
+                    return;
+                }
+                if (!data.lineage || data.lineage.length === 0) {
+                    div.innerHTML = '<p>No lineage found for this entity.</p>';
+                    return;
+                }
+                let html = '<table class="table-container"><thead><tr><th>Relation</th><th>Subject</th><th>Object</th></tr></thead><tbody>';
+                data.lineage.forEach(r => {
+                    html += `<tr><td>${r.relation_type}</td><td><code>${(r.subject_id||'').substring(0,12)}</code></td><td><code>${(r.object_id||'').substring(0,12)}</code></td></tr>`;
+                });
+                html += '</tbody></table>';
+                div.innerHTML = html;
+            }).catch(() => {});
+    };
+
+    // PROV-JSON export
+    window.exportProvJSON = function() {
+        fetch('/api/provenance/export')
+            .then(r => r.json())
+            .then(data => {
+                const blob = new Blob([JSON.stringify(data, null, 2)], {type: 'application/json'});
+                const a = document.createElement('a');
+                a.href = URL.createObjectURL(blob);
+                a.download = 'prov-export.json';
+                a.click();
+            }).catch(() => {});
+    };
+})();
+</script>
+{% endblock %}