{% extends "base.html" %}
{% block title %}Compare Traces - Memorizz{% endblock %}
{% block head %}<link rel="stylesheet" href="/static/css/pages/observability.css?v=1">{% endblock %}
{% block content %}
{% from '_ui.html' import page_header, observability_tabs, empty_state %}
{% from '_fmt.html' import tape, count %}
{{ page_header('Compare recorded traces', 'Compare operations, source references, artifacts, parser results and delivery evidence. No actions are replayed.', 'Operations', nav=observability_tabs('compare', selection_urls)) }}
{{ tape(compare_tape, 'Trace comparison summary') }}
<form class="detail-section obs-compare-form" method="get">
    {% for key, value in selection_urls.params.items() %}{% if key not in ['agent_id', 'thread_id'] %}<input type="hidden" name="{{ key }}" value="{{ value }}">{% endif %}{% endfor %}
    <div class="obs-compare-grid">
        <label class="obs-compare-agent">Agent ID <input class="traces-search-input" name="agent_id" value="{{ agent_id or '' }}" required></label>
        <label>Thread (optional) <input class="traces-search-input" name="thread_id" value="{{ thread_id or '' }}"></label>
        <label>Baseline root <input class="traces-search-input" name="baseline_root" value="{{ baseline_root or '' }}" required></label>
        <label>Turn (optional) <input class="traces-search-input" name="baseline_turn" value="{{ baseline_turn or '' }}"></label>
        <label>Candidate root <input class="traces-search-input" name="candidate_root" value="{{ candidate_root or '' }}" required></label>
        <label>Turn (optional) <input class="traces-search-input" name="candidate_turn" value="{{ candidate_turn or '' }}"></label>
        <button class="btn" type="submit">Compare</button>
    </div>
</form>
{% if comparison %}
<div class="detail-section obs-panel">
    <h2>Evidence coverage</h2>
    <p class="obs-lede">Baseline: {{ comparison.baseline.headline }} ({{ count(comparison.baseline.normalized_events) }} events; {{ count(comparison.baseline.bundle_count) if comparison.baseline.bundle_count is not none else 'unknown' }} bundles). Candidate: {{ comparison.candidate.headline }} ({{ count(comparison.candidate.normalized_events) }} events; {{ count(comparison.candidate.bundle_count) if comparison.candidate.bundle_count is not none else 'unknown' }} bundles).</p>
    <p class="obs-lede">Root-local source totals use recorded event provenance. Deduplication and normalization diagnostics may describe the parent query, not an individual root.</p>
    <p class="obs-lede">{{ comparison.warning }}</p>
    <h3>Diagnostic differences</h3>
    <dl class="obs-diff">
        <div><dt>Only in baseline</dt><dd class="mono">{{ comparison.findings.only_in_baseline|join(', ') or 'None observed' }}</dd></div>
        <div><dt>Only in candidate</dt><dd class="mono">{{ comparison.findings.only_in_candidate|join(', ') or 'None observed' }}</dd></div>
        <div><dt>In both</dt><dd class="mono">{{ comparison.findings.in_both|join(', ') or 'None observed' }}</dd></div>
    </dl>
</div>
{% for category, change in comparison.changes.items() %}
<details class="detail-section obs-panel" {% if change.added or change.removed %}open{% endif %}>
    <summary>{{ category|capitalize }} <span class="obs-summary-meta">{{ change.removed|length }} removed structures · {{ change.added|length }} added structures</span></summary>
    <div class="table-scroll">
    <table class="traces-agents-table obs-table">
        <thead><tr><th class="obs-side-col">Side</th><th class="num obs-count-col">Count</th><th>Captured structure (content-free)</th></tr></thead>
        <tbody>{% for entry in change.removed %}<tr><td><span class="obs-side obs-side--baseline">Baseline only</span></td><td class="num">{{ count(entry.count) }}</td><td><pre class="obs-pre">{{ entry.value|tojson(indent=2) }}</pre></td></tr>{% endfor %}
        {% for entry in change.added %}<tr><td><span class="obs-side obs-side--candidate">Candidate only</span></td><td class="num">{{ count(entry.count) }}</td><td><pre class="obs-pre">{{ entry.value|tojson(indent=2) }}</pre></td></tr>{% endfor %}</tbody>
    </table>
    </div>
</details>
{% endfor %}
{% else %}
{{ empty_state('Nothing compared yet', 'Enter an agent and two root trace IDs. From a selected trace, the Compare traces tab carries its root in as the baseline.') }}
{% endif %}
{% endblock %}