// Dashboard layout: fixed sidebar nav + main content area.
component DashboardLayout {
  view {
    <div class="dash">
      <aside class="dash-side">
        <strong class="site-brand">WrNexus</strong>
        <nav class="dash-nav">
          <a href="/dashboard">Overview</a>
          <a href="/ui">Components</a>
          <a href="/">Home</a>
        </nav>
        <button type="button" data-wrn-theme-toggle aria-label="Toggle color theme">Theme</button>
      </aside>

      <main class="dash-main">
        <!-- Named slot: pages fill this with data-slot="actions". -->
        <div class="dash-topbar"><slot name="actions"></slot></div>
        <slot></slot>
      </main>
    </div>
  }
}