Display Query name per each timeline entry

[dcaldastp]

About

Here's a sketch of the required addition - see myQueryX written in read near the Q icon, this is just a suggestion of course, placement of the label could be some other more suitable place.

Each entry in the timeline would have somewhere displayed the query name for better exploration. This will save us the effort of clicking each entry to figure out which query we're looking at, which IMO carries an additional obstacle for the developer trying to wrap their head around the timeline.

[andyrichardson]

Hey @dcaldastp, thanks for the suggestion!

How would you feel about being able to see the query name when hovering over the Q / M icon?

[dcaldastp]

How would you feel about being able to see the query name when hovering over the Q / M icon?

Hey @andyrichardson, thanks for the quick reply. Honestly, hover would not be as helpful since I would like to look at the timeline as a whole without having to keep track of a mental map of the timeline position to query/mutation name (I'm looking at a timeline with 20+ queries, it becomes a bit hard to keep track of it, even with the hover).

[andyrichardson]

Thanks for explaining your reasoning - that does make a lot of sense! For the time being, I think tool-tips would be the best we can do with the current layout due to the lack of space.

I did have a mess around with an alternative layout (below) - might make it easier to distinguish and find queries but would take more time than I have available to implement. Maybe something for the future 🤞

Alternative layout

[dcaldastp]

I have another alternative for you to consider in order to tackle the lack of space. What about adding the query/mutation name within the event line itself 👇 (see the "myLongQueryName" on top of one of the lines)

You can play with font-size/color to make it fit nicely I feel. What do you think?

[andyrichardson]

I like your thinking, although for information heirarchy, I think this might be a little tricky. The whole "row" is the query and ideally the name would be associated with the row rather than a "duration".

There are also some additional situations where this might not quite work:

• There are no query durations in view for that row
• There are multiple query durations in view for that row (do we show the name in all of them?)
• The query duration is too short to show the query name