Implement '/clear' slash command (microsoft#178095)

Author: roblourens

src/vs/workbench/contrib/interactiveSession/browser/contrib/interactiveSessionInputEditorContrib.ts

@@ -10,7 +10,7 @@ import { ICodeEditorService } from 'vs/editor/browser/services/codeEditorService
 import { Position } from 'vs/editor/common/core/position';
 import { Range } from 'vs/editor/common/core/range';
 import { IDecorationOptions } from 'vs/editor/common/editorCommon';
-import { CompletionContext, CompletionItem, CompletionList } from 'vs/editor/common/languages';
+import { CompletionContext, CompletionItem, CompletionItemKind, CompletionList } from 'vs/editor/common/languages';
 import { ITextModel } from 'vs/editor/common/model';
 import { ILanguageFeaturesService } from 'vs/editor/common/services/languageFeatures';
 import { localize } from 'vs/nls';
@@ -164,7 +164,8 @@ class SlashCommandCompletions extends Disposable {
 							insertText: `${withSlash} `,
 							detail: c.detail,
 							range: new Range(1, 1, 1, 1),
-							kind: c.kind,
+							sortText: c.sortText ?? c.command,
+							kind: CompletionItemKind.Text // The icons are disabled here anyway
 						};
 					})
 				};

src/vs/workbench/contrib/interactiveSession/browser/interactiveSessionWidget.ts

@@ -261,8 +261,19 @@ export class InteractiveSessionWidget extends Disposable implements IInteractive
 		}
 
 		if (!this.slashCommandsPromise) {
-			this.slashCommandsPromise = this.interactiveSessionService.getSlashCommands(this.viewModel.sessionId, CancellationToken.None);
-			this.slashCommandsPromise.then(commands => this.lastSlashCommands = commands);
+			this.slashCommandsPromise = this.interactiveSessionService.getSlashCommands(this.viewModel.sessionId, CancellationToken.None).then(commands => {
+				// If this becomes a repeated pattern, we should have a real internal slash command provider system
+				const clearCommand: IInteractiveSlashCommand = {
+					command: 'clear',
+					sortText: 'z_clear',
+					detail: localize('clear', "Clear the session"),
+				};
+				this.lastSlashCommands = [
+					...(commands ?? []),
+					clearCommand
+				];
+				return this.lastSlashCommands;
+			});
 		}
 
 		return this.slashCommandsPromise;
@@ -513,12 +524,21 @@ export class InteractiveSessionWidget extends Disposable implements IInteractive
 		}
 
 		if (this.viewModel) {
-			if (!query && this._inputEditor.getValue()) {
+			const editorValue = this._inputEditor.getValue();
+			if (!query && editorValue) {
 				// Followups and programmatic messages don't go to history
-				this.history.add(this._inputEditor.getValue());
+				this.history.add(editorValue);
+			}
+
+			// Shortcut for /clear command
+			if (!query && editorValue.trim() === '/clear') {
+				// If this becomes a repeated pattern, we should have a real internal slash command provider system
+				this.clear();
+				this._inputEditor.setValue('');
+				return;
 			}
 
-			const input = query ?? this._inputEditor.getValue();
+			const input = query ?? editorValue;
 			const result = this.interactiveSessionService.sendRequest(this.viewModel.sessionId, input);
 			if (result) {
 				this.requestInProgress.set(true);

src/vs/workbench/contrib/interactiveSession/common/interactiveSessionService.ts

@@ -7,7 +7,7 @@ import { CancellationToken } from 'vs/base/common/cancellation';
 import { Event } from 'vs/base/common/event';
 import { IDisposable } from 'vs/base/common/lifecycle';
 import { URI } from 'vs/base/common/uri';
-import { CompletionItemKind, ProviderResult } from 'vs/editor/common/languages';
+import { ProviderResult } from 'vs/editor/common/languages';
 import { createDecorator } from 'vs/platform/instantiation/common/instantiation';
 import { InteractiveSessionModel } from 'vs/workbench/contrib/interactiveSession/common/interactiveSessionModel';
 
@@ -60,7 +60,7 @@ export interface IInteractiveProvider {
 
 export interface IInteractiveSlashCommand {
 	command: string;
-	kind: CompletionItemKind;
+	sortText?: string;
 	detail?: string;
 }