feat: show stop icon and cancellation message when mcdev command is cancelled

Co-authored-by: JoernBerkefeld <[email protected]>

Author: Copilot

src/devtools/index.ts

@@ -722,7 +722,9 @@ class DevToolsExtension {
 	getStatusBarTitle(iconName: string, name: string): string {
 		// Get the status bar icon based on the icon name
 		const statusBarIcon = EnumsExtension.StatusBarIcon[iconName as keyof typeof EnumsExtension.StatusBarIcon];
-		return `$(${statusBarIcon}) ${name}`;
+		// Codicon names consist only of letters, digits, and hyphens; emoji/unicode chars are used directly
+		const iconText = /^[a-zA-Z0-9-]+$/.test(statusBarIcon) ? `$(${statusBarIcon})` : statusBarIcon;
+		return `${iconText} ${name}`;
 	}
 
 	/**
@@ -831,7 +833,16 @@ class DevToolsExtension {
 							cancelToken
 						);
 						if (cancelToken.isCancellationRequested) {
-							this.updateStatusBar(packageName, initialStatusBarTitle, "");
+							this.writeLog(
+								packageName,
+								MessagesEditor.runningCommandCancelled,
+								EnumsExtension.LoggerLevel.WARN
+							);
+							this.updateStatusBar(
+								packageName,
+								this.getStatusBarTitle("stop", packageName),
+								""
+							);
 							resolveCommand(false);
 						} else {
 							executeOnResult(success, resolveCommand);

src/enums/extension.ts

@@ -32,7 +32,8 @@ enum StatusBarIcon {
 	copytobu = "file-symlink-directory",
 	info = "extensions-info-message",
 	delete = "trash",
-	clone = "copy"
+	clone = "copy",
+	stop = "✋"
 }
 
 /**

src/messages/editor.ts

@@ -2,6 +2,7 @@ const recommendedExtensions =
 	"There are some recommended extensions that can enhance your usage of SFMC DevTools. Would you like to install them?";
 const runningCommand = "Running DevTools command...";
 const runningCommandSuccess = "DevTools command has run successfully!";
+const runningCommandCancelled = "DevTools command was cancelled.";
 const runningCommandFailure = "Oh no. Something went wrong while running DevTools Command...";
 const credentialPrompt = "Please select the credential you would like to use:";
 const businessUnitsPrompt = "Please select the business unit you would like to use:";
@@ -22,6 +23,7 @@ export {
 	recommendedExtensions,
 	runningCommand,
 	runningCommandSuccess,
+	runningCommandCancelled,
 	runningCommandFailure,
 	credentialPrompt,
 	businessUnitsPrompt,