Handle slash command deletion on keydown (microsoft#188949)

Author: joyceerhl

src/vs/workbench/contrib/chat/browser/chatSlashCommandContentWidget.ts

@@ -23,7 +23,7 @@ export class SlashCommandContentWidget extends Disposable implements IContentWid
 		this._domNode.classList.add('chat-slash-command-content-widget');
 
 		// If backspace at a slash command boundary, remove the slash command
-		this._register(this._editor.onKeyUp((e) => this._handleKeyUp(e)));
+		this._register(this._editor.onKeyDown((e) => this._handleKeyDown(e)));
 	}
 
 	override dispose() {
@@ -50,20 +50,20 @@ export class SlashCommandContentWidget extends Disposable implements IContentWid
 	getDomNode() { return this._domNode; }
 	getPosition() { return { position: { lineNumber: 1, column: 1 }, preference: [ContentWidgetPositionPreference.EXACT] }; }
 
-	private _handleKeyUp(e: IKeyboardEvent) {
+	private _handleKeyDown(e: IKeyboardEvent) {
 		if (e.keyCode !== KeyCode.Backspace) {
 			return;
 		}
 
 		const firstLine = this._editor.getModel()?.getLineContent(1);
 		const selection = this._editor.getSelection();
-		const withSlash = `/${this._lastSlashCommandText}`;
+		const withSlash = `/${this._lastSlashCommandText} `;
 		if (!firstLine?.startsWith(withSlash) || !selection?.isEmpty() || selection?.startLineNumber !== 1 || selection?.startColumn !== withSlash.length + 1) {
 			return;
 		}
 
 		// Allow to undo the backspace
-		this._editor.executeEdits('inline-chat-slash-command', [{
+		this._editor.executeEdits('chat-slash-command', [{
 			range: new Range(1, 1, 1, selection.startColumn),
 			text: null
 		}]);