@* Shared nav strip rendered above every cluster-scoped page. Per Q3 of the AdminUI rebuild
   plan, the v1 monolithic ClusterDetail tab host is split into separate routes — these are
   `<a href>` links, not Blazor router transitions, so each page bootstraps its own data
   independently and can opt into a heavier render mode without dragging the others. *@

@code {
    [Parameter, EditorRequired] public string ClusterId { get; set; } = "";
    [Parameter, EditorRequired] public string ActiveTab { get; set; } = "";
}

<ul class="nav nav-tabs mb-3">
    <li class="nav-item"><a class="nav-link @Active("overview")" href="/clusters/@ClusterId">Overview</a></li>
    <li class="nav-item"><a class="nav-link @Active("equipment")" href="/clusters/@ClusterId/equipment">Equipment</a></li>
    <li class="nav-item"><a class="nav-link @Active("uns")" href="/clusters/@ClusterId/uns">UNS</a></li>
    <li class="nav-item"><a class="nav-link @Active("namespaces")" href="/clusters/@ClusterId/namespaces">Namespaces</a></li>
    <li class="nav-item"><a class="nav-link @Active("drivers")" href="/clusters/@ClusterId/drivers">Drivers</a></li>
    <li class="nav-item"><a class="nav-link @Active("tags")" href="/clusters/@ClusterId/tags">Tags</a></li>
    <li class="nav-item"><a class="nav-link @Active("acls")" href="/clusters/@ClusterId/acls">ACLs</a></li>
    <li class="nav-item"><a class="nav-link @Active("audit")" href="/clusters/@ClusterId/audit">Audit</a></li>
    <li class="nav-item"><a class="nav-link @Active("redundancy")" href="/clusters/@ClusterId/redundancy">Redundancy</a></li>
</ul>

@code {
    private string Active(string tab) => tab == ActiveTab ? "active" : "";
}