From 8d0afec86d30eab97e4e880b07ea45f8090b0bd3 Mon Sep 17 00:00:00 2001
From: Bhargav <BJP232004@GMAIL.COM>
Date: Sat, 14 Mar 2026 15:51:24 +0530
Subject: [PATCH] fix: added beta tag for ai features (#10906)

---
 .../components/EnterpriseUpgradeDialog.vue    | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/web/src/components/EnterpriseUpgradeDialog.vue b/web/src/components/EnterpriseUpgradeDialog.vue
index 1aff8b15cc..f3d7f0e6e1 100644
--- a/web/src/components/EnterpriseUpgradeDialog.vue
+++ b/web/src/components/EnterpriseUpgradeDialog.vue
@@ -169,6 +169,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                 <div class="feature-name">
                   {{ feature.name }}
                   <q-icon v-if="feature.link" name="open_in_new" size="12px" class="external-link-icon" />
+                  <span v-if="feature.beta" class="beta-badge">BETA</span>
                 </div>
                 <div class="feature-desc">{{ feature.note }}</div>
               </div>
@@ -191,6 +192,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                 <div class="feature-name">
                   {{ feature.name }}
                   <q-icon v-if="feature.link" name="open_in_new" size="12px" class="external-link-icon" />
+                  <span v-if="feature.beta" class="beta-badge">BETA</span>
                   <span v-if="feature.requiresHA" class="ha-badge">
                     HA
                     <q-tooltip anchor="top middle" self="bottom middle" :offset="[0, 8]">
@@ -554,6 +556,7 @@ export default defineComponent({
         note: t("about.enterprise_offer.enterprise_features.incident_management.note"),
         icon: "emergency",
         requiresHA: true,
+        beta: true,
         link: FEATURE_DOCS_BASE_URL + FEATURE_LINKS.incident_management,
       },
       {
@@ -561,6 +564,7 @@ export default defineComponent({
         note: t("about.enterprise_offer.enterprise_features.sre_agent.note"),
         icon: "smart_toy",
         requiresHA: true,
+        beta: true,
         link: FEATURE_DOCS_BASE_URL + FEATURE_LINKS.sre_agent,
       },
       {
@@ -568,6 +572,7 @@ export default defineComponent({
         note: t("about.enterprise_offer.enterprise_features.ai_assistant.note"),
         icon: "psychology",
         requiresHA: true,
+        beta: true,
         link: FEATURE_DOCS_BASE_URL + FEATURE_LINKS.ai_assistant,
       },
       {
@@ -575,6 +580,7 @@ export default defineComponent({
         note: t("about.enterprise_offer.enterprise_features.anomaly_detection.note"),
         icon: "query_stats",
         requiresHA: false,
+        beta: true,
         link: FEATURE_DOCS_BASE_URL + FEATURE_LINKS.anomaly_detection,
       },
       {
@@ -1393,6 +1399,20 @@ export default defineComponent({
       margin-left: 4px;
     }
 
+    .beta-badge {
+      display: inline-flex;
+      align-items: center;
+      padding: 1px 4px;
+      color: var(--q-primary);
+      border: 1px solid var(--q-primary);
+      border-radius: 10px;
+      font-size: 8px;
+      font-weight: 700;
+      letter-spacing: 0.5px;
+      line-height: 1.4;
+      text-transform: uppercase;
+    }
+
     .feature-desc {
       font-size: 11px;
       color: rgba(0, 0, 0, 0.55);
@@ -1454,6 +1474,11 @@ body.body--dark {
         color: var(--q-primary);
       }
 
+      .beta-badge {
+        color: var(--q-primary);
+        border-color: var(--q-primary);
+      }
+
       .feature-desc {
         color: rgba(255, 255, 255, 0.55);
       }