feat: Add analytics event for command bar usage (#7659)

app/javascript/dashboard/helper/AnalyticsHelper/events.js

@@ -91,3 +91,7 @@ export const OPEN_AI_EVENTS = Object.freeze({
   DISMISS_LABEL_SUGGESTION: 'OpenAI: Dismiss label suggestions',
   DISMISS_AI_SUGGESTION: 'OpenAI: Dismiss AI suggestions',
 });
+
+export const GENERAL_EVENTS = Object.freeze({
+  COMMAND_BAR: 'Used commandbar',
+});

app/javascript/dashboard/routes/dashboard/commands/commandbar.vue

@@ -5,7 +5,7 @@
     :no-auto-load-md-icons="true"
     hideBreadcrumbs
     :placeholder="placeholder"
-    @selected="setCommandbarData"
+    @selected="onSelected"
   />
 </template>
 
@@ -17,6 +17,7 @@ import agentMixin from 'dashboard/mixins/agentMixin';
 import conversationLabelMixin from 'dashboard/mixins/conversation/labelMixin';
 import conversationTeamMixin from 'dashboard/mixins/conversation/teamMixin';
 import adminMixin from 'dashboard/mixins/isAdmin';
+import { GENERAL_EVENTS } from '../../../helper/AnalyticsHelper/events';
 
 export default {
   mixins: [
@@ -56,6 +57,16 @@ export default {
     setCommandbarData() {
       this.$refs.ninjakeys.data = this.hotKeys;
     },
+    onSelected(item) {
+      const {
+        detail: { action: { title = null, section = null } = {} } = {},
+      } = item;
+      this.$track(GENERAL_EVENTS.COMMAND_BAR, {
+        section,
+        action: title,
+      });
+      this.setCommandbarData();
+    },
   },
 };
 </script>