{#
  ─────────────────────────────────────────────
   SPB Git — Personal Git Platform
  ─────────────────────────────────────────────
   Author  : Simon-Pierre Boucher
   Contact : contact@spboucher.ai
   File    : src/web/views/partials/repo-header.njk
   Purpose : Repo page header — breadcrumb, meta, language bar, tabs
   License : MIT © Simon-Pierre Boucher
  ─────────────────────────────────────────────
#}<header class="repo-header">
  <h1 class="repo-title">
    <a href="/" class="repo-owner">spb</a><span class="repo-sep">/</span><a href="/{{ overview.name }}" class="repo-name">{{ overview.name }}</a>
    <span class="chip chip-public">Public</span>
    {% if overview.license %}<span class="chip chip-license" title="License detected from {{ overview.licensePath }}">{{ overview.license }}</span>{% endif %}
  </h1>
  {% if overview.description %}<p class="repo-desc">{{ overview.description }}</p>{% endif %}
  <div class="repo-meta-row">
    {% if overview.homepage %}<a class="repo-homepage" href="{{ overview.homepage }}" rel="noopener noreferrer">🔗 {{ overview.homepage }}</a>{% endif %}
    {% if overview.topics.length %}
    <div class="chip-row">
      {% for topic in overview.topics %}<a class="chip chip-topic" href="/search?q={{ topic }}">{{ topic }}</a>{% endfor %}
    </div>
    {% endif %}
  </div>
  {% if overview.languages.length %}
  <div class="lang-bar" role="img" aria-label="Language composition">
    {% for lang in overview.languages %}
    <span class="lang-bar-seg" style="width:{{ lang.percent }}%;background:{{ lang.color }}" title="{{ lang.name }} {{ lang.percent }}%"></span>
    {% endfor %}
  </div>
  <div class="lang-legend">
    {% for lang in overview.languages %}
    {% if lang.percent >= 0.5 %}
    <span class="lang-dot-label"><span class="lang-dot" style="background:{{ lang.color }}"></span>{{ lang.name }} <span class="muted">{{ lang.percent }}%</span></span>
    {% endif %}
    {% endfor %}
  </div>
  {% endif %}
  <nav class="repo-tabs" aria-label="Repository sections">
    <a class="repo-tab {{ 'active' if tab == 'code' }}" href="/{{ overview.name }}">Code</a>
    <a class="repo-tab {{ 'active' if tab == 'commits' }}" href="/{{ overview.name }}/commits/{{ currentRef }}">Commits <span class="count">{{ overview.commitCount | num }}</span></a>
    <a class="repo-tab {{ 'active' if tab == 'branches' }}" href="/{{ overview.name }}/branches">Branches <span class="count">{{ overview.branchCount }}</span></a>
    <a class="repo-tab {{ 'active' if tab == 'tags' }}" href="/{{ overview.name }}/tags">Tags <span class="count">{{ overview.tagCount }}</span></a>
    <span class="repo-tab-meta muted">{{ overview.sizeBytes | bytes }}</span>
  </nav>
</header>