Feat(ux): Add additional request tab visual status indicators when tab actually contains data inside

[frank-duq]

Describe the solution you'd like Just like how postman does it, it would be nice if keyrunner could show some visual status indicator next to a request tab name, if the tab contains some user-provided data (e..g non-empty), to make it easier to navigate tabs that actually contain something, without having to click on all tabs to discover if it contains some user-provided data or not, this includes the internal pre and post script sections.. (useful, when plenty of collection requests to maintain etc).

Describe alternatives you've considered Currently, one has to click on all tabs one by one to find if there's user defined data inside, which takes additional time and clicks to navigate etc.

Additional context

Here's how Postman is doing it:

Here's Keyrunner, as of 1.0.67, showing where new visual indicators could be added:

thanks

[launchiamenterprise]

@frank-duq we currently have this feature implemented for params, authorization ,headers & body tabs . We will add that for scripts & tests.

[frank-duq]

hmm, that's not the current behaviour that I'm observing (1.0.67), what I'm actually seeing, is that the green dot indicator shows up when I do some updates (e.g. unsaved changes), but it disappear as soon as I hit the save button.

so those are actually 2 separate things, e.g.:

1- having an indicator to tell the user that you have unsaved changes is super important and definitely needed; however, that's not what I was referring here in current issue, but the next point..

2- having 'permanent indicators' telling the user which tabs/sections contain actual data, that's the one current ticket is talking about, and which doesn't seem to be supported for all tabs EXCEPT: "Params" and "Headers", for which, both are showing a number to the right of the tab name, which could also be added for the tab "Tests" since it can be measured, but can't be done for "Authorization" and "Scripts" tabs, so for those ones, just some kind of 'dot' icon/indicator would be enough to tell the user that the tab does contain user-provided data (I'm not talking about unsaved changes here, but just whether or not the tab contains data......just like what Postman does with their 'dot' indicators next to tabs' names..).

thanks

[launchiamenterprise]

Got it! Thank you for clarifying. We will work on enhancing this feature to have permanent indicators when there is actual data.

[launchiamenterprise]

@frank-duq This has been addressed with our latest release (V#1.0.69), Please update to latest version.

[frank-duq]

Thanks for looking into this!

Some more feedback, after testing the updates with latest 1.0.69:

• Some green dot indicators indeed added, to reflect whether or not a given section contains data inside, cool.
• Some green dot indicators (2) perhaps still missing for the the internal Scripts' sections (Pre and Post), forcing user to click on both to find if it contains any data, which becomes annoying over time.. - well, pre-script preselected by default, so truly this mainly applies to post-script, but to have a consistent visual experience, ideally both would also have that green indicator status icon to tell the user if it contains data/code inside or not..)
• With this update, it feels like we lost the previous feature of knowing when a section has been modified but not yet saved, which is a very different feature just as useful/important, hence I'm "suggesting" in the below screenshot to have/keep both, one to the left of the section title, and the other feature to the right! See below in the screens, will be easier to understand:

[launchiamenterprise]

@frank-duq Based on your feedback, we have addressed the above in the latest release, v1.0.70. Please update to the latest version.

[frank-duq]

Awesome updates, much better overall UX, I like it great work.

One tiny feedback though, when I update the body of a request, it does add the star (*) icon next to the "Body" tab label, which is perfect!

However, it ALSO adds a star (*) to the "Headers" tab label as well, just like if I had modified both at the same time, which is not the case, I've only modified the "Body", so there should not be a star added to the "Headers" too.

But so far, all the rest seems to be working very nicely, e.g. all blue dot indicators showing what panel contains actual data, and then the green stars that appear when we modify some content and needs to save, very great experience.

[launchiamenterprise]

thank you for the feedback , we will fix that "Body" label bug in our next release. Our main focus for this release was the Request Body Variables Update(https://github.com/launchiamenterprise/keyrunner/issues/84).

we will keep this issue open.