Set icon for chat editor, and add editor title (microsoft#183008)

Author: roblourens

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

@@ -3,6 +3,7 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
+import 'vs/css!./media/chatEditor';
 import * as dom from 'vs/base/browser/dom';
 import { CancellationToken } from 'vs/base/common/cancellation';
 import { IContextKeyService, IScopedContextKeyService } from 'vs/platform/contextkey/common/contextkey';

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

@@ -26,6 +26,8 @@ export class ChatEditorInput extends EditorInput {
 	public sessionId: string | undefined;
 	public providerId: string | undefined;
 
+	private model: IChatModel | undefined;
+
 	static getNewEditorUri(): URI {
 		const handle = Math.floor(Math.random() * 1e9);
 		return ChatUri.generate(handle);
@@ -65,26 +67,31 @@ export class ChatEditorInput extends EditorInput {
 	}
 
 	override getName(): string {
-		return nls.localize('chatEditorName', "Chat") + (this.inputCount > 0 ? ` ${this.inputCount + 1}` : '');
+		return this.model?.title || nls.localize('chatEditorName', "Chat") + (this.inputCount > 0 ? ` ${this.inputCount + 1}` : '');
+	}
+
+	override getLabelExtraClasses(): string[] {
+		return ['chat-editor-label'];
 	}
 
 	override async resolve(): Promise<ChatEditorModel | null> {
-		let model: IChatModel | undefined;
 		if (typeof this.sessionId === 'string') {
-			model = this.chatService.getOrRestoreSession(this.sessionId);
+			this.model = this.chatService.getOrRestoreSession(this.sessionId);
 		} else if (typeof this.providerId === 'string') {
-			model = this.chatService.startSession(this.providerId, CancellationToken.None);
+			this.model = this.chatService.startSession(this.providerId, CancellationToken.None);
 		} else if ('data' in this.options.target) {
-			model = this.chatService.loadSessionFromContent(this.options.target.data);
+			this.model = this.chatService.loadSessionFromContent(this.options.target.data);
 		}
 
-		if (!model) {
+		if (!this.model) {
 			return null;
 		}
 
-		this.sessionId = model.sessionId;
-		await model.waitForInitialization();
-		return this._register(new ChatEditorModel(model));
+		this.sessionId = this.model.sessionId;
+		await this.model.waitForInitialization();
+		this._register(this.model.onDidChange(() => this._onDidChangeLabel.fire()));
+
+		return this._register(new ChatEditorModel(this.model));
 	}
 
 	override dispose(): void {

src/vs/workbench/contrib/chat/browser/media/chatEditor.css

@@ -0,0 +1,10 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.show-file-icons .chat-editor-label.file-icon::before {
+	content: '\EAC7';
+	font-family: 'codicon';
+	font-size: 16px;
+}

src/vs/workbench/contrib/chat/common/chatModel.ts

@@ -10,7 +10,7 @@ import { Disposable } from 'vs/base/common/lifecycle';
 import { URI, UriComponents } from 'vs/base/common/uri';
 import { generateUuid } from 'vs/base/common/uuid';
 import { ILogService } from 'vs/platform/log/common/log';
-import { IChatProgress, IChatResponse, IChatResponseErrorDetails, IChat, IChatFollowup, IChatReplyFollowup, InteractiveSessionVoteDirection } from 'vs/workbench/contrib/chat/common/chatService';
+import { IChat, IChatFollowup, IChatProgress, IChatReplyFollowup, IChatResponse, IChatResponseErrorDetails, InteractiveSessionVoteDirection } from 'vs/workbench/contrib/chat/common/chatService';
 
 export interface IChatRequestModel {
 	readonly id: string;
@@ -174,7 +174,7 @@ export interface IChatModel {
 	readonly sessionId: string;
 	readonly providerId: string;
 	readonly isInitialized: boolean;
-	// readonly title: string;
+	readonly title: string;
 	readonly welcomeMessage: IChatWelcomeMessageModel | undefined;
 	readonly requestInProgress: boolean;
 	readonly inputPlaceholder?: string;
@@ -319,6 +319,17 @@ export class ChatModel extends Disposable implements IChatModel {
 		return this._isImported;
 	}
 
+	get title(): string {
+		const firstRequestMessage = this._requests[0]?.message;
+		if (typeof firstRequestMessage === 'string') {
+			return firstRequestMessage;
+		} else if (firstRequestMessage) {
+			return firstRequestMessage.message;
+		} else {
+			return '';
+		}
+	}
+
 	constructor(
 		public readonly providerId: string,
 		private readonly initialData: ISerializableChatData | IExportableChatData | undefined,