Add tooltip for AI actions button

f186b65c · Nicolas Dular · 4ac4bad9 · f186b65c
--- a/ee/app/assets/javascripts/vue_shared/components/markdown/ai_actions_dropdown.vue
+++ b/ee/app/assets/javascripts/vue_shared/components/markdown/ai_actions_dropdown.vue
 <script>
-import { GlButton, GlCollapsibleListbox, GlIcon, GlLoadingIcon } from '@gitlab/ui';
+import {
+  GlButton,
+  GlCollapsibleListbox,
+  GlIcon,
+  GlLoadingIcon,
+  GlTooltipDirective,
+} from '@gitlab/ui';
 import { updateText } from '~/lib/utils/text_markdown';
 import { fetchPolicies } from '~/lib/graphql';
 import { __ } from '~/locale';
@@ -21,6 +27,9 @@ export default {
    GlLoadingIcon,
    GlIcon,
  },
+  directives: {
+    GlTooltip: GlTooltipDirective,
+  },
  props: {
    resourceGlobalId: {
      type: String,
@@ -153,7 +162,14 @@ export default {
    @select="onSelect"
  >
    <template #toggle>
-      <gl-button category="tertiary" class="gl-px-3!" :disabled="loading">
+      <gl-button
+        v-gl-tooltip
+        category="tertiary"
+        class="gl-px-3!"
+        :disabled="loading"
+        :title="__('AI actions')"
+        :aria-label="__('AI actions')"
+      >
        <gl-loading-icon v-if="loading" />
        <gl-icon v-else name="tanuki" />
      </gl-button>