Autocomplete for metrics in PromQL query when adding a dashboard

[polyglothacker]

Is your feature request related to a problem? No

Prometheus and Grafana autocompletes the metric exported by Prometheus when we start typing. This is a very useful feature as many metrics start with the same prefix.

Describe the solution you'd like

Provide autocomplete drop-down like Grafana does (See image)

Describe alternatives you've considered

Additional context

Add any other context or screenshots about the feature request here.

Thank you for your feature request – we love each and every one!

[welcome[bot]]

Thanks for opening this issue. A team member should give feedback soon. In the meantime, feel free to check out the contributing guidelines.

[polyglothacker]

[pranay01]

Yeah, this is something which we have in our pipeline. Understand that finding and typing exact text may be too cumbersome for users

[SoniaisMad]

@pranay01 Can i try to work on this one ?

[pranay01]

@SoniaisMad Do you have understanding of Prometheus query language and Clickhouse - might be important for working on this issue.

This issue will need creating Go apis for autosuggestion of metric labels based on letters entered by user

[SoniaisMad]

@pranay01 I understand, i'll pass on this one, and take a much simple issue as i'm starting to contribute and don't know really well all the repository

[pranay01]

cool - there are some issues labeled as good first issues which can be easier to get started with @SoniaisMad - https://github.com/SigNoz/signoz/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22

[makeavish]

Prometheus Integrates this using codemirror-promql: https://github.com/prometheus/codemirror-promql Maybe we can integrate this^

Prometheus has integrated it over frontend, eg: https://github.com/prometheus/prometheus/blob/431ea75a11ca165dad9dd5d629b3cf975f4c186b/web/ui/react-app/src/pages/graph/CMExpressionInput.tsx