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

@@ -29,9 +29,6 @@ import {
 import { TelemetryService } from "@roo-code/telemetry"
 import { CloudService } from "@roo-code/cloud"
 
-// utils
-import { detectSlashCommands } from "../../utils/slashCommandDetection"
-
 // api
 import { ApiHandler, ApiHandlerCreateMessageMetadata, buildApiHandler } from "../../api"
 import { ApiStream } from "../../api/transform/stream"
@@ -717,14 +714,6 @@ export class Task extends EventEmitter<ClineEvents> {
 		this.askResponse = askResponse
 		this.askResponseText = text
 		this.askResponseImages = images
-
-		// 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)
-			}
-		}
 	}
 
 	async handleTerminalOperation(terminalOperation: "continue" | "abort") {

src/utils/__tests__/slashCommandDetection.spec.ts

@@ -20,6 +20,8 @@ import {
 } from "@src/utils/context-mentions"
 import { convertToMentionPath } from "@/utils/path-mentions"
 import { StandardTooltip } from "@/components/ui"
+import { telemetryClient } from "@/utils/TelemetryClient"
+import { TelemetryEventName } from "@roo-code/types"
 
 import Thumbnails from "../common/Thumbnails"
 import ModeSelector from "./ModeSelector"
@@ -294,6 +296,12 @@ 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("")
@@ -303,6 +311,12 @@ 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("")

src/utils/slashCommandDetection.ts

@@ -17,6 +17,8 @@ import {
 	Button,
 } from "@/components/ui"
 import { vscode } from "@/utils/vscode"
+import { telemetryClient } from "@/utils/TelemetryClient"
+import { TelemetryEventName } from "@roo-code/types"
 
 import { SlashCommandItem } from "./SlashCommandItem"
 
@@ -82,6 +84,12 @@ export const SlashCommandsList: React.FC<SlashCommandsListProps> = ({ commands,
 	}
 
 	const handleCommandClick = (command: Command) => {
+		// Track telemetry for slash command usage
+		telemetryClient.capture(TelemetryEventName.SLASH_COMMAND_USED, {
+			commandType: "custom",
+			commandName: command.name,
+		})
+
 		// Insert the command into the textarea
 		vscode.postMessage({
 			type: "insertTextIntoTextarea",