PrometheusGroup/filemaster-control-panel

1class CustomNavbar extends HTMLElement {2  connectedCallback() {3    this.attachShadow({ mode: 'open' });4    this.shadowRoot.innerHTML = `5      <style>6        nav {7          background: #16213E;8          padding: 1rem;9          color: white;10          box-shadow: 0 2px 4px rgba(0,0,0,0.1);11        }12        .container {13          max-width: 1200px;14          margin: 0 auto;15          display: flex;16          align-items: center;17        }18        .logo {19          font-weight: bold;20          font-size: 1.5rem;21          color: #6366F1;22        }23      </style>24      <nav>25        <div class="container">26          <div class="logo">MCP Toolkit</div>27        </div>28      </nav>29    `;30  }31}32customElements.define('custom-navbar', CustomNavbar);