navbar - ABP Framework 9 (.net 9) with Angular - Menu activation problems - Stack Overflow

I have two routes /agents and /agents/:id and to activate menu Agents when in both routes

Both routes are opening their components but only /agents is activating properly the menu option "Agents"

my resumed code:

app-routing.module.ts

    { path: 'agents' loadChildreen: () => import(...).then(m=>m.AgentsModule}

route.provider.ts

    {
        path: '/agents',
        name: '::Menu:Agents',
    }

agents-routing.module.ts

    Routes = [
        { path: '', component: AgentsComponent },
        { path: ':id', component: AgentsComponent }
    ]

I tried several things I saw on internet:

• don't do anything on route.provider and add a data property in app-routing.module with it
• I first had two components in my agents routing :id was pointing to agentComponent

Not my first choice but I'm considering a full replacement of abp navbar component