{% if tree_nodes %}
<div class="entity-overview">
    <div class="entity-overview-header">
        <div class="entity-overview-title">
            <h2>{{ current_dataset or 'Entities' }}</h2>
            <span class="entity-overview-meta">{{ current_profile }} {{ version }} - {{ tree_nodes|length }} root entities</span>
        </div>
        <div class="entity-overview-actions">
            {# Everything here acts on the open dataset, so it lives with the
               dataset rather than in the global header, where it used to sit
               on pages that have no dataset to act on. #}
            <button id="validate-btn" class="btn btn-secondary btn-sm" onclick="validateDataset()" data-testid="btn-validate-dataset" title="Validate all entities">
                Validate
            </button>
            {# The list and the graph are switched on and off independently;
               whatever is on shares the full width. #}
            <span class="view-toggles" role="group" aria-label="Views">
                <button id="view-list-btn" class="btn btn-secondary btn-sm view-toggle" onclick="toggleView('list')" data-testid="btn-view-list" aria-pressed="true" title="Show or hide the entity list">List</button>
                <button id="view-graph-btn" class="btn btn-secondary btn-sm view-toggle" onclick="toggleView('graph')" data-testid="btn-view-graph" aria-pressed="false" title="Show or hide the graph">Graph</button>
            </span>
            <button id="dcat-btn" class="btn btn-secondary btn-sm" onclick="showDcatCard()" data-testid="btn-dcat" title="DCAT catalog card">
                DCAT
            </button>
            <span class="toolbar-sep" aria-hidden="true"></span>
            {# Adapter exports the active profile offers, straight from the
               plugin registry: a new exporter appears here by declaring
               itself, with no template change. #}
            {% for opt in export_options %}
            <a href="{{ base_url }}/export/adapter/{{ opt.key }}"
               class="btn btn-secondary btn-sm"
               data-testid="btn-export-{{ opt.key }}"
               title="Download {{ opt.label }}" download>
                {{ opt.label }}
            </a>
            {% endfor %}
            <a href="{{ base_url }}/export" class="btn btn-secondary btn-sm" download>
                Export Excel
            </a>
            <span class="toolbar-sep" aria-hidden="true"></span>
            <label class="btn btn-secondary btn-sm btn-file">
                Import
                <input type="file"
                       accept=".json,.xlsx"
                       hx-post="{{ base_url }}/import"
                       hx-trigger="change"
                       hx-target="#notification-container"
                       hx-swap="beforeend"
                       hx-encoding="multipart/form-data"
                       name="file"
                       hidden>
            </label>
            <a href="{{ base_url }}/" class="btn btn-secondary btn-sm toolbar-end">
                ← Datasets
            </a>
        </div>
    </div>
    {% include "partials/import_source.html" %}
    <div class="entity-list">
        {% for node in tree_nodes recursive %}
        <div class="entity-item {% if loop.depth > 1 %}child{% endif %}">
            <button class="btn btn-entity {% if loop.depth > 1 %}btn-nested{% endif %}"
                    hx-get="{{ base_url }}/form/{{ node.entity_type }}/{{ node.id }}"
                    hx-target="#main"
                    hx-swap="innerHTML">
                <span class="entity-type">{{ node.entity_type }}</span>
                <span class="entity-label">{{ node.label }}</span>
            </button>
            {% if loop.depth == 1 %}
            <button class="btn btn-delete"
                    hx-delete="{{ base_url }}/entity/{{ node.id }}"
                    hx-target="#main"
                    hx-swap="innerHTML"
                    hx-confirm="Delete '{{ node.label }}'?">
                &times;
            </button>
            {% endif %}
        </div>
        {% if node.children %}
        <div class="entity-children">
            {{ loop(node.children) }}
        </div>
        {% endif %}
        {% endfor %}
    </div>
</div>
{% else %}
<div class="welcome">
    <h2>{{ current_dataset or 'Empty Dataset' }}</h2>
    <p class="welcome-meta">{{ current_profile }} {{ version }}</p>
    <p>This dataset has no entities yet. Create your first entity to get started,
       or fill it from a public record.</p>
    {% include "partials/import_source.html" %}
    <div class="welcome-actions">
        {% for root_type in root_types %}
        <button class="btn btn-primary"
                hx-get="{{ base_url }}/form/{{ root_type }}"
                hx-target="#main"
                hx-swap="innerHTML">
            New {{ root_type }}
        </button>
        {% endfor %}
        <a href="{{ base_url }}/" class="btn btn-secondary">Back to Datasets</a>
    </div>
</div>
{% endif %}