{% if provenance %}
<div class="bg-slate-50 border border-slate-200 rounded p-3 mb-3 text-xs">
    <div class="font-semibold text-slate-700 mb-1">Attribution</div>
    <table class="text-slate-700">
        <tr><td class="pr-3 text-slate-400">actor</td><td><code>{{ provenance.actor or "unknown" }}</code></td></tr>
        {% if provenance.process %}<tr><td class="pr-3 text-slate-400">process</td><td><code>{{ provenance.process }}</code></td></tr>{% endif %}
        {% if provenance.decision %}<tr><td class="pr-3 text-slate-400">decision</td><td><code>{{ provenance.decision }}</code></td></tr>{% endif %}
        {% if provenance.reason %}<tr><td class="pr-3 text-slate-400">reason</td><td>{{ provenance.reason }}</td></tr>{% endif %}
    </table>
</div>
{% endif %}

{% if not chain %}
<p class="text-xs text-slate-400">
    no candidate trail recorded for this memory (likely added directly via API/MCP).
    Created at <code>{{ memory.created_at }}</code>.
</p>
{% else %}
<ol class="space-y-4 text-sm">
{% for step in chain %}
    <li class="border-l-2 border-slate-300 pl-4">
        <header class="flex items-center gap-2 mb-1">
            <span class="text-xs font-semibold text-slate-500 uppercase">candidate</span>
            <code class="text-xs text-slate-600">{{ step.candidate.id }}</code>
            <span class="pill pill-{{ step.candidate.type }}">{{ step.candidate.type }}</span>
            <span class="text-xs text-slate-400">via {{ step.candidate.extractor or "unknown" }}</span>
        </header>
        <p class="text-slate-800 mb-2 italic">"{{ step.candidate.content }}"</p>

        {% if step.source %}
        <p class="text-xs text-slate-500 mb-1">
            <span class="font-semibold">source:</span>
            {{ step.source.kind }} · {{ step.source.name }}
            <code class="text-slate-400">{{ step.source.uri }}</code>
        </p>
        {% else %}
        <p class="text-xs text-slate-400">source unknown</p>
        {% endif %}

        {% if step.conversation %}
        <p class="text-xs text-slate-500 mb-2">
            <span class="font-semibold">conversation:</span>
            {{ step.conversation.title or "(untitled)" }}
            <code class="text-slate-400">{{ step.conversation.id }}</code>
            · {{ step.conversation.message_count }} msgs
        </p>
        {% endif %}

        {% if step.messages %}
        <details class="text-xs">
            <summary class="cursor-pointer text-slate-600 hover:text-slate-900">
                {{ step.messages|length }} source message(s)
            </summary>
            <ul class="mt-2 space-y-1 pl-3">
                {% for msg in step.messages %}
                <li>
                    <span class="text-slate-400">#{{ msg.ordinal }}</span>
                    <span class="text-slate-600">[{{ msg.role }}]</span>
                    {{ msg.summary }}
                </li>
                {% endfor %}
            </ul>
        </details>
        {% else %}
        <p class="text-xs text-slate-400">no source messages recorded</p>
        {% endif %}
    </li>
{% endfor %}
</ol>
{% endif %}