From fae9bfccb2f8d813b142561212c4d02c05fe9e26 Mon Sep 17 00:00:00 2001
From: Nick Richmond <5732000+NWRichmond@users.noreply.github.com>
Date: Mon, 6 May 2024 12:07:04 -0400
Subject: [PATCH] Prometheus: Place custom inputs first when using regex filter
 values in the query builder (#87360)

* fix: place custom inputs first when using regex filter values

* fix: remove confusing messaging
---
 .../src/querybuilder/components/LabelFilterItem.tsx             | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/grafana-prometheus/src/querybuilder/components/LabelFilterItem.tsx b/packages/grafana-prometheus/src/querybuilder/components/LabelFilterItem.tsx
index c8075933f3b..b5ef8a62848 100644
--- a/packages/grafana-prometheus/src/querybuilder/components/LabelFilterItem.tsx
+++ b/packages/grafana-prometheus/src/querybuilder/components/LabelFilterItem.tsx
@@ -142,6 +142,8 @@ export function LabelFilterItem({
               : getSelectOptionsFromString(itemValue).map(toOption)[0]
           }
           allowCustomValue
+          formatCreateLabel={(input) => input} // to avoid confusion, opt out of using the `defaultFormatCreateLabel`
+          createOptionPosition={item.op?.includes('~') ? 'first' : 'last'}
           onOpenMenu={async () => {
             setState({ isLoadingLabelValues: true });
             const labelValues = await onGetLabelValues(item);