From 2a040f6f8563d9008aaafd30aced8b1aff2623df Mon Sep 17 00:00:00 2001
From: Samantha Ming <sming@gitlab.com>
Date: Fri, 25 Jul 2025 18:55:45 +0200
Subject: [PATCH 1/2] Add tooltip to search suggestion

---
 .../filtered_search/components/search_suggestion.vue |  1 +
 .../components/search_suggestion.vue                 | 12 +++++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search/components/search_suggestion.vue b/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search/components/search_suggestion.vue
index 4a09935a017c9c..e5021e2945d0b5 100644
--- a/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search/components/search_suggestion.vue
+++ b/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search/components/search_suggestion.vue
@@ -43,6 +43,7 @@ export default {
       />
       <gl-truncate v-if="truncate" position="middle" :text="text" />
       <template v-else>{{ text }}</template>
+      <gl-icon name="question" />
     </div>
   </gl-filtered-search-suggestion>
 </template>
diff --git a/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search_v2/components/search_suggestion.vue b/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search_v2/components/search_suggestion.vue
index 4a09935a017c9c..a2095d73a06f89 100644
--- a/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search_v2/components/search_suggestion.vue
+++ b/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search_v2/components/search_suggestion.vue
@@ -1,5 +1,5 @@
 <script>
-import { GlFilteredSearchSuggestion, GlIcon, GlTruncate } from '@gitlab/ui';
+import { GlFilteredSearchSuggestion, GlIcon, GlTruncate, GlTooltipDirective } from '@gitlab/ui';
 
 export default {
   components: {
@@ -7,6 +7,9 @@ export default {
     GlIcon,
     GlTruncate,
   },
+  directives: {
+    GlTooltip: GlTooltipDirective,
+  },
   props: {
     /**
      * The value of the suggestion.
@@ -43,6 +46,13 @@ export default {
       />
       <gl-truncate v-if="truncate" position="middle" :text="text" />
       <template v-else>{{ text }}</template>
+      <gl-icon
+        v-gl-tooltip
+        name="question-o"
+        variant="subtle"
+        class="gl-ml-auto"
+        title="Help text here"
+      />
     </div>
   </gl-filtered-search-suggestion>
 </template>
-- 
GitLab


From f9004fc8aeb802d1e5dc5f2f64ae662cbab1139a Mon Sep 17 00:00:00 2001
From: Samantha Ming <sming@gitlab.com>
Date: Mon, 28 Jul 2025 16:12:46 +0200
Subject: [PATCH 2/2] Add tooltip text prop

---
 .../shared/filtered_search/tokens/report_type_token.vue   | 1 +
 .../filtered_search_v2/components/search_suggestion.vue   | 8 +++++++-
 .../filtered_search_v2/tokens/report_type_token.vue       | 1 +
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search/tokens/report_type_token.vue b/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search/tokens/report_type_token.vue
index 718a87f34abd66..19b27b1f457b2a 100644
--- a/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search/tokens/report_type_token.vue
+++ b/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search/tokens/report_type_token.vue
@@ -164,6 +164,7 @@ export default {
           :text="reportType.text"
           :selected="isReportTypeSelected(reportType.value)"
           :data-testid="`suggestion-${reportType.value}`"
+          tooltip-text="HELLO"
         />
       </template>
     </gl-filtered-search-token>
diff --git a/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search_v2/components/search_suggestion.vue b/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search_v2/components/search_suggestion.vue
index a2095d73a06f89..dc8ae1fa384588 100644
--- a/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search_v2/components/search_suggestion.vue
+++ b/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search_v2/components/search_suggestion.vue
@@ -32,6 +32,11 @@ export default {
       required: false,
       default: false,
     },
+    tooltipText: {
+      type: String,
+      required: false,
+      default: '',
+    },
   },
 };
 </script>
@@ -47,11 +52,12 @@ export default {
       <gl-truncate v-if="truncate" position="middle" :text="text" />
       <template v-else>{{ text }}</template>
       <gl-icon
+        v-if="Boolean(tooltipText)"
         v-gl-tooltip
         name="question-o"
         variant="subtle"
         class="gl-ml-auto"
-        title="Help text here"
+        :title="tooltipText"
       />
     </div>
   </gl-filtered-search-suggestion>
diff --git a/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search_v2/tokens/report_type_token.vue b/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search_v2/tokens/report_type_token.vue
index 95ec51ef7effee..61d6e7aa66b44b 100644
--- a/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search_v2/tokens/report_type_token.vue
+++ b/ee/app/assets/javascripts/security_dashboard/components/shared/filtered_search_v2/tokens/report_type_token.vue
@@ -126,6 +126,7 @@ export default {
         :text="reportType.text"
         :selected="isReportTypeSelected(reportType.value)"
         :data-testid="`suggestion-${reportType.value}`"
+        tooltip-text="HEY"
       />
     </template>
   </gl-filtered-search-token>
-- 
GitLab