[Autocomplete] Improve UX and Feature Discoverability

[FluorescentHallucinogen]

Here's my vision:

1. Add displaying the type to the right of each field.
2. Add displaying at the bottom the description of current field.
3. Add at the top an "Insert required fields" item.
4. Add at the top an "Insert all fields" item.
5. Add displaying the hotkeys to the right of "Insert required fields" and "Insert all fields" items.

[imolorhe]

Awesome! Neat ideas.
You should consider the themes and how this would fit into the general design. For example, I am not sure how an autocomplete with large border radii like that would look in the app.

Maybe having the design of the autocomplete within the context of the app would help, as opposed to having it as a standalone design. 🙂

PRs are welcome!

[FluorescentHallucinogen]

@imolorhe Just found you've already implemented the 1 and 2 feature from my list. 👍

[FluorescentHallucinogen]

What about displaying the type details of current field at the bottom if the field has no description? Currently, Altair displays the "Self descriptive" for most fields (all fields that have no description).

[FluorescentHallucinogen]

The only thing that is not clear from my image: the "Insert all fields" and "Insert required fields" items are clickable, aren't just static tips. My bad. :(

@imolorhe Thank you very much for all your work on implementing my ideas!

It seems I can implement the "Insert (only) required fields" feature myself (at first glance it looks not at all difficult) as soon as I have some free time. 😉