Ability to hide dev indicators except for when a route is compiling

[agusterodin]

Goals

1. I don't want to see dev indicators on my screen all the time. All of our routes are static and we don't use any SSR features.
2. Turning devIndicators to false in next.config.ts causes all visual indicators to disappear (including the route compile indicator).
3. I miss old versions of Next.js where it had a visual indicator showing that a route was being compiled.

Background

Next.js used to behave this way and it was desirable. Having dev indicators on-screen all the time is distracting/excessive for people that just build client-side apps.

I tried hacking this into my CSS but the dev indicator stuff contained within a shadow DOM so this doesn't work:

#devtools-indicator:has(button[data-next-mark-loading='false']) {
    display: none;
}

Proposal

Perhaps add an onlyShowOnRouteCompile option to the devIndicators object in next.config.ts.