{% if targets %}
    {% for target in targets %}
    <tr class="hover">
        <td class="id-truncated">{{ target.id[:8] }}</td>
        <td>{{ target.type }}</td>
        <td>{{ target.name }}</td>
        <td class="text-xs text-base-content/50">{{ target.uri or "—" }}</td>
    </tr>
    {% endfor %}
{% else %}
    <tr>
        <td colspan="4">
            <div class="empty-state">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 3.75H6A2.25 2.25 0 0 0 3.75 6v1.5M16.5 3.75H18A2.25 2.25 0 0 1 20.25 6v1.5m0 9V18A2.25 2.25 0 0 1 18 20.25h-1.5m-9 0H6A2.25 2.25 0 0 1 3.75 18v-1.5" />
                </svg>
                <p class="text-sm mt-2">No targets defined. Add targets via <code class="text-xs">qai targets add</code>.</p>
            </div>
        </td>
    </tr>
{% endif %}