fix: cmdk event naming and description (supabase#39860)

Author: pamelachia

apps/docs/hooks/useDocsCommandMenuTelemetry.ts

@@ -4,7 +4,7 @@ import { useCallback } from 'react'
 
 import type {
   CommandMenuOpenedEvent,
-  CommandMenuCommandSelectedEvent,
+  CommandMenuCommandClickedEvent,
   CommandMenuSearchSubmittedEvent,
 } from 'common/telemetry-constants'
 import { useSendTelemetryEvent } from 'lib/telemetry'
@@ -16,7 +16,7 @@ export function useDocsCommandMenuTelemetry() {
     (
       event:
         | CommandMenuOpenedEvent
-        | CommandMenuCommandSelectedEvent
+        | CommandMenuCommandClickedEvent
         | CommandMenuSearchSubmittedEvent
     ) => {
       sendTelemetryEvent(event)

apps/studio/hooks/misc/useStudioCommandMenuTelemetry.ts

@@ -5,7 +5,7 @@ import { useSelectedOrganizationQuery } from 'hooks/misc/useSelectedOrganization
 import { useSendEventMutation } from 'data/telemetry/send-event-mutation'
 import type {
   CommandMenuOpenedEvent,
-  CommandMenuCommandSelectedEvent,
+  CommandMenuCommandClickedEvent,
   CommandMenuSearchSubmittedEvent,
 } from 'common/telemetry-constants'
 
@@ -18,7 +18,7 @@ export function useStudioCommandMenuTelemetry() {
     (
       event:
         | CommandMenuOpenedEvent
-        | CommandMenuCommandSelectedEvent
+        | CommandMenuCommandClickedEvent
         | CommandMenuSearchSubmittedEvent
     ) => {
       // Add studio-specific groups (project and organization)

apps/www/hooks/useWwwCommandMenuTelemetry.ts

@@ -2,7 +2,7 @@ import { useCallback } from 'react'
 
 import type {
   CommandMenuOpenedEvent,
-  CommandMenuCommandSelectedEvent,
+  CommandMenuCommandClickedEvent,
   CommandMenuSearchSubmittedEvent,
 } from 'common/telemetry-constants'
 import { useSendTelemetryEvent } from 'lib/telemetry'
@@ -14,7 +14,7 @@ export function useWwwCommandMenuTelemetry() {
     (
       event:
         | CommandMenuOpenedEvent
-        | CommandMenuCommandSelectedEvent
+        | CommandMenuCommandClickedEvent
         | CommandMenuSearchSubmittedEvent
     ) => {
       sendTelemetryEvent(event)

packages/common/telemetry-constants.ts

@@ -1953,7 +1953,7 @@ export interface AuthUsersSearchSubmittedEvent {
  * User opened the command menu.
  *
  * @group Events
- * @source ui-patterns
+ * @source studio, docs, www
  * @page any
  */
 export interface CommandMenuOpenedEvent {
@@ -1979,7 +1979,7 @@ export interface CommandMenuOpenedEvent {
  * User typed a search term in the command menu input.
  *
  * @group Events
- * @source ui-patterns
+ * @source studio, docs, www
  * @page any
  */
 export interface CommandMenuSearchSubmittedEvent {
@@ -1998,17 +1998,17 @@ export interface CommandMenuSearchSubmittedEvent {
 }
 
 /**
- * User selected a command from the command menu.
+ * User clicked a command from the command menu.
  *
  * @group Events
- * @source ui-patterns
+ * @source studio, docs, www
  * @page any
  */
-export interface CommandMenuCommandSelectedEvent {
-  action: 'command_menu_command_selected'
+export interface CommandMenuCommandClickedEvent {
+  action: 'command_menu_command_clicked'
   properties: {
     /**
-     * The selected command
+     * The clicked command
      */
     command_name: string
     command_value?: string
@@ -2137,4 +2137,4 @@ export type TelemetryEvent =
   | AuthUsersSearchSubmittedEvent
   | CommandMenuOpenedEvent
   | CommandMenuSearchSubmittedEvent
-  | CommandMenuCommandSelectedEvent
+  | CommandMenuCommandClickedEvent

packages/ui-patterns/src/CommandMenu/api/hooks/useCommandMenuTelemetry.ts

@@ -6,12 +6,12 @@ import { useCommandMenuOpen } from './viewHooks'
 
 import type {
   CommandMenuOpenedEvent,
-  CommandMenuCommandSelectedEvent,
+  CommandMenuCommandClickedEvent,
   CommandMenuSearchSubmittedEvent,
 } from 'common/telemetry-constants'
 
 export type CommandMenuTelemetryCallback = (
-  event: CommandMenuOpenedEvent | CommandMenuCommandSelectedEvent | CommandMenuSearchSubmittedEvent
+  event: CommandMenuOpenedEvent | CommandMenuCommandClickedEvent | CommandMenuSearchSubmittedEvent
 ) => void
 
 export interface UseCommandMenuTelemetryOptions {

packages/ui-patterns/src/CommandMenu/internal/Command.tsx

@@ -61,7 +61,7 @@ const CommandItem = forwardRef<
     // Send telemetry event
     if (telemetryContext?.onTelemetry) {
       const event = {
-        action: 'command_menu_command_selected' as const,
+        action: 'command_menu_command_clicked' as const,
         properties: {
           command_name: command.name,
           command_value: command.value,