{% extends "base.html" %}
{% block content %}
<header class="mb-6">
    <div class="flex items-center gap-2 text-xs text-slate-500 mb-1">
        <a href="/" class="hover:text-slate-900">Dashboard</a>
        <span class="text-slate-300">/</span>
        <a href="/ui/snapshots" class="hover:text-slate-900">Snapshots</a>
        <span class="text-slate-300">/</span>
        <span>Diff</span>
    </div>
    <h2 class="text-2xl font-semibold text-slate-900 flex items-center gap-2">
        <i class="lucide lucide-git-compare text-[22px] text-slate-400"></i>Snapshot diff
    </h2>
</header>

{% include "_snap_diff.html" %}
{% endblock %}