{# Sync done/error terminal fragment. Auto-dismisses after 10s via hx-trigger load delay:10s.
   NO polling trigger -- omitting hx-trigger="every" stops HTMX polling. #}
<div id="sync-status"
     hx-get="{{ url_for('sync.sync_dismiss') }}"
     hx-trigger="load delay:10s"
     hx-target="this"
     hx-swap="outerHTML"
     class="text-xs py-1">
  {% if error_msg %}
    <span class="text-red-400">Sync error: {{ error_msg }}</span>
  {% elif status == 'already_running' %}
    <span class="text-amber-400">A sync is already running</span>
  {% else %}
    <span class="text-emerald-400">
      Sync complete: {{ total }} fetched, {{ scored }} new
      {%- if skipped > 0 %}, <span class="text-amber-400" title="{{ error_details | join('\n') }}">{{ skipped }} error{{ 's' if skipped != 1 else '' }}</span>{% endif %}
    </span>
    {%- if error_details %}
    <ul class="mt-1 text-amber-400 list-none">
      {%- for detail in error_details %}
      <li>&#9888; {{ detail }}</li>
      {%- endfor %}
    </ul>
    {%- endif %}
  {% endif %}
</div>