class SiteHeader extends HTMLElement {
  connectedCallback() {
    // Avoid double-rendering
    if (this._initialized) return;
    this._initialized = true;
    this.className = 'site-header';
    this.innerHTML = `
      <div class="header-inner">
        <div class="header-content">
          <div class="header-left-logo">
            <div class="logo-mark">TelosDB</div>
          </div>
          <div class="header-info">
            <div id="model-name-top" class="model-name-top" title="現在使用中のモデル">判定中...</div>
            <div class="status-badge header-status">
              <span id="llama-status-dot-top" class="status-dot idle"></span>
              <span id="llama-status-text-top">LSA Search</span>
            </div>
          </div>
        </div>
      </div>
    `;
  }
}

customElements.define('site-header', SiteHeader);