app/statics/webui/header.html

<header class="admin-header webui-header-bar">
  <div class="admin-header-inner webui-header-inner">
    <div class="admin-brand-wrap">
      <a href="https://github.com/chenyme/grok2api" target="_blank" rel="noopener" class="admin-brand-link">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" style="opacity:.75;flex-shrink:0"><path d="M12 2C6.48 2 2 6.58 2 12.26c0 4.5 2.87 8.32 6.84 9.67.5.1.68-.22.68-.48 0-.24-.01-.86-.01-1.69-2.78.62-3.37-1.37-3.37-1.37-.45-1.17-1.11-1.48-1.11-1.48-.91-.64.07-.63.07-.63 1.01.07 1.54 1.06 1.54 1.06.9 1.58 2.36 1.12 2.94.86.09-.67.35-1.12.63-1.38-2.22-.26-4.56-1.14-4.56-5.07 0-1.12.39-2.04 1.03-2.76-.1-.26-.45-1.3.1-2.71 0 0 .84-.27 2.75 1.05A9.3 9.3 0 0 1 12 6.79c.85 0 1.7.12 2.5.36 1.9-1.32 2.74-1.05 2.74-1.05.55 1.41.2 2.45.1 2.71.64.72 1.03 1.64 1.03 2.76 0 3.94-2.34 4.81-4.58 5.06.36.32.68.95.68 1.92 0 1.38-.01 2.49-.01 2.83 0 .26.18.58.69.48A10.05 10.05 0 0 0 22 12.26C22 6.58 17.52 2 12 2Z"/></svg>
        <span class="admin-brand">Grok2API</span>
      </a>
      <a href="https://blog.cheny.me/" target="_blank" rel="noopener" class="admin-username" id="hd-user">@Chenyme</a>
    </div>
    <nav class="admin-nav">
      <a href="/webui/chat" class="admin-nav-link" data-nav="/webui/chat" data-i18n="webui.header.chat">聊天</a>
      <a href="/webui/masonry" class="admin-nav-link" data-nav="/webui/masonry" data-i18n="webui.header.masonry">Masonry</a>
      <a href="/webui/chatkit" class="admin-nav-link" data-nav="/webui/chatkit" data-i18n="webui.header.chatkit">ChatKit</a>
    </nav>
    <div class="admin-header-right">
      <div class="admin-lang-menu" id="hd-lang-menu">
        <button type="button" class="btn admin-header-control admin-lang-trigger" id="hd-lang-trigger" aria-label="Language" aria-haspopup="menu" aria-expanded="false">
          <span class="admin-lang-trigger-code" id="hd-lang-code">CN</span>
          <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="m7 10 5 5 5-5"/>
          </svg>
        </button>
        <div class="admin-lang-popover" id="hd-lang-popover" role="menu" aria-labelledby="hd-lang-trigger">
          <button type="button" class="admin-lang-option" data-lang="zh" role="menuitem">
            <span class="admin-lang-option-code">CN</span>
            <span class="admin-lang-option-name">简体中文</span>
          </button>
          <button type="button" class="admin-lang-option" data-lang="en" role="menuitem">
            <span class="admin-lang-option-code">EN</span>
            <span class="admin-lang-option-name">English</span>
          </button>
          <button type="button" class="admin-lang-option" data-lang="ja" role="menuitem">
            <span class="admin-lang-option-code">JA</span>
            <span class="admin-lang-option-name">日本語</span>
          </button>
          <button type="button" class="admin-lang-option" data-lang="es" role="menuitem">
            <span class="admin-lang-option-code">ES</span>
            <span class="admin-lang-option-name">Español</span>
          </button>
          <button type="button" class="admin-lang-option" data-lang="de" role="menuitem">
            <span class="admin-lang-option-code">DE</span>
            <span class="admin-lang-option-name">Deutsch</span>
          </button>
          <button type="button" class="admin-lang-option" data-lang="fr" role="menuitem">
            <span class="admin-lang-option-code">FR</span>
            <span class="admin-lang-option-name">Français</span>
          </button>
        </div>
      </div>
      <button onclick="webuiLogout()" class="btn admin-header-control admin-header-icon-btn" id="hd-logout" aria-label="Logout" title="Logout">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/>
          <path d="M16 17l5-5-5-5"/>
          <path d="M21 12H9"/>
        </svg>
      </button>
    </div>
  </div>
</header>