{# Native Mac app model status. Refreshes after a model is installed or removed. #}
<span class="model-status-host"
      hx-get="/settings/languages/status?t={{ session_token }}"
      hx-trigger="anonymizer:models-changed from:body{% if model_status and model_status.downloading %}, every 1s{% endif %}"
      hx-target="this" hx-swap="outerHTML">
  {% set installed_codes = model_status.installed_codes if model_status else [] %}
  {% set downloading = model_status.downloading if model_status else false %}
  <button type="button"
          data-component="language-models-btn"
          class="pill model-status-pill{% if downloading %} downloading{% elif not installed_codes %} missing{% endif %}"
          title="{% if downloading %}{{ _('model_status.downloading_tooltip') }}{% elif installed_codes %}{{ _('model_status.installed_tooltip') }}{% else %}{{ _('model_status.missing_tooltip') }}{% endif %}"
          {% if downloading %}aria-busy="true"{% endif %}
          hx-get="/settings/languages/modal?t={{ session_token }}"
          hx-target="body" hx-swap="beforeend">
    {% if downloading %}
      <span class="model-status-spinner" aria-hidden="true"></span>
    {% else %}
      <span class="dot {{ 'green' if installed_codes else 'red' }}"></span>
    {% endif %}
    <span class="model-status-label"{% if downloading %} role="status" aria-live="polite"{% endif %}>
      {% if downloading %}
        {{ _('model_status.downloading_percent').format(percent=model_status.progress_percent) }}
      {% elif installed_codes %}
        {{ _('model_status.installed') }}: {{ installed_codes|join(', ') }}
      {% else %}
        {{ _('model_status.none') }}
      {% endif %}
    </span>
  </button>
</span>