{# templates/_topbar.html #}
<header class="tb">
  <div class="page tb-inner">
    <span class="tb-brand">Anonymizer</span>
    {% if mac_app %}
      {% include "_model_status.html" %}
    {% elif not update_available %}
      {% include "_network_status.html" %}
    {% endif %}
    <span class="tb-grow"></span>
    <span class="lang-picker-wrap" style="position:relative">
      <button class="tb-btn" data-component="lang-picker"
              hx-get="/session/lang/menu" hx-target="next .lang-menu" hx-swap="innerHTML">
        🌐 {{ current_lang|upper }} ▾
      </button>
      <span class="lang-menu"></span>
    </span>
    <button class="tb-btn" data-component="settings-btn"
            hx-get="/settings/modal" hx-target="body" hx-swap="beforeend">⚙</button>
    {% if not update_available %}<span class="tb-version">v{{ app_version }}</span>{% endif %}
  </div>
</header>
{% if update_available %}{% include "_update_banner.html" %}{% endif %}