{# templates/_topbar.html #}
<header class="tb">
  <div class="page tb-inner">
    <span class="tb-brand">Anonymizer</span>
    {# Hide pill + tb-version when the update banner is on screen — they
       duplicate the version pair already shown in the banner. The user
       still sees the current version via the banner itself
       ("v0.2.5 → 0.2.6"). #}
    {% if 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 %}