feat: track slash command usage via UI clicks instead of text detection

- Remove detectSlashCommands utility and its usage from Task.ts
- Add telemetry tracking to SlashCommandsList for popover clicks
- Add telemetry tracking to ChatTextArea for context menu selections
- Track both mode switches and custom commands with appropriate types
- Delete unused slashCommandDetection.ts and its tests

Author: daniel-lxs

src/core/task/Task.ts

@@ -39,9 +39,6 @@ import {
 import { TelemetryService } from "@roo-code/telemetry"
 import { CloudService, BridgeOrchestrator } from "@roo-code/cloud"
 
-// utils
-import { detectSlashCommands } from "../../utils/slashCommandDetection"
-
 // api
 import { ApiHandler, ApiHandlerCreateMessageMetadata, buildApiHandler } from "../../api"
 import { ApiStream, GroundingSource } from "../../api/transform/stream"
@@ -903,7 +900,6 @@ export class Task extends EventEmitter<TaskEvents> implements TaskLike {
 		this.askResponse = askResponse
 		this.askResponseText = text
 		this.askResponseImages = images
-
 		// Create a checkpoint whenever the user sends a message.
 		// Use allowEmpty=true to ensure a checkpoint is recorded even if there are no file changes.
 		// Suppress the checkpoint_saved chat row for this particular checkpoint to keep the timeline clean.
@@ -928,14 +924,6 @@ export class Task extends EventEmitter<TaskEvents> implements TaskLike {
 				})
 			}
 		}
-
-		// Detect and track slash command usage
-		if (askResponse === "messageResponse" && text && TelemetryService.hasInstance()) {
-			const slashCommands = detectSlashCommands(text)
-			for (const command of slashCommands) {
-				TelemetryService.instance.captureSlashCommandUsed(this.taskId, command.type, command.commandName)
-			}
-		}
 	}
 
 	public approveAsk({ text, images }: { text?: string; images?: string[] } = {}) {

src/utils/__tests__/slashCommandDetection.spec.ts

@@ -22,6 +22,8 @@ import {
 import { cn } from "@src/lib/utils"
 import { convertToMentionPath } from "@src/utils/path-mentions"
 import { StandardTooltip } from "@src/components/ui"
+import { telemetryClient } from "@src/utils/TelemetryClient"
+import { TelemetryEventName } from "@roo-code/types"
 
 import Thumbnails from "../common/Thumbnails"
 import { ModeSelector } from "./ModeSelector"
@@ -299,6 +301,12 @@ export const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
 				}
 
 				if (type === ContextMenuOptionType.Mode && value) {
+					// Track telemetry for mode selection from context menu
+					telemetryClient.capture(TelemetryEventName.SLASH_COMMAND_USED, {
+						commandType: "mode",
+						commandName: value,
+					})
+
 					// Handle mode selection.
 					setMode(value)
 					setInputValue("")
@@ -308,6 +316,12 @@ export const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
 				}
 
 				if (type === ContextMenuOptionType.Command && value) {
+					// Track telemetry for slash command usage from context menu
+					telemetryClient.capture(TelemetryEventName.SLASH_COMMAND_USED, {
+						commandType: "custom",
+						commandName: value,
+					})
+
 					// Handle command selection.
 					setSelectedMenuIndex(-1)
 					setInputValue("")