Dev tools: maybe have the toggle icon change colors if queries are currently being fetched, or allow dev tools to be minimized to a summary bar

[mturley]

This is a weird one, might be a long shot, and may even be annoying to some so maybe it could be configurable.

I have refetchInterval set on many of my queries to poll for changes every 10 seconds. I have certain states in my app where the automatic refetching is disabled, where re-rendering regularly could break things or annoy the user (changing data moving out from under them while they are editing something, for example). I also have certain components with some funky state that I need to make sure re-rendering doesn't break.

So, I'm regularly popping open the dev tools to watch and see if / when the refetching is happening. It's a bit annoying when I need to watch for this while I have some dropdown open in a form or something that requires focus (I resort to opening my Network tab in the browser dev tools, although that doesn't help when I have my app in a mock mode where queries don't really hit the server). It would save me time if I could see at a glance that my queries are refetching, by maybe having the toggle icon for the dev tools turn blue for a moment or something.

Another potential solution for this would be to have the dev tools be able to be minimized, so you can see only the fresh/fetching/stale/inactive badges as a little bar.