Add issue avatar display option for assignees in GitHub Issues view (#7867)

* Initial plan

* Initial plan: Add avatar option for assignee instead of creator in issue list

Co-authored-by: alexr00 <38270282+alexr00@users.noreply.github.com>

* Implement avatar option for assignee instead of creator in issue list

Co-authored-by: alexr00 <38270282+alexr00@users.noreply.github.com>

* Optimize configuration key string concatenation for better performance

Co-authored-by: alexr00 <38270282+alexr00@users.noreply.github.com>

* Address code review feedback: remove unnecessary constant, use GitHub codicon instead of fallback, remove tests

Co-authored-by: alexr00 <38270282+alexr00@users.noreply.github.com>

* Simplify

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: alexr00 <38270282+alexr00@users.noreply.github.com>

Author: Copilot

package.json

@@ -744,6 +744,19 @@
 					"default": true,
 					"description": "%githubIssues.assignWhenWorking.description%"
 				},
+				"githubIssues.issueAvatarDisplay": {
+					"type": "string",
+					"enum": [
+						"author",
+						"assignee"
+					],
+					"enumDescriptions": [
+						"%githubIssues.issueAvatarDisplay.author%",
+						"%githubIssues.issueAvatarDisplay.assignee%"
+					],
+					"default": "author",
+					"description": "%githubIssues.issueAvatarDisplay.description%"
+				},
 				"githubPullRequests.focusedMode": {
 					"properties": {
 						"oneOf": [

package.nls.json

@@ -149,6 +149,9 @@
 	"githubIssues.queries.default.createdIssues": "Created Issues",
 	"githubIssues.queries.default.recentIssues": "Recent Issues",
 	"githubIssues.assignWhenWorking.description": "Assigns the issue you're working on to you. Only applies when the issue you're working on is in a repo you currently have open.",
+	"githubIssues.issueAvatarDisplay.description": "Controls which avatar to display in the issue list.",
+	"githubIssues.issueAvatarDisplay.author": "Show the avatar of the issue creator",
+	"githubIssues.issueAvatarDisplay.assignee": "Show the avatar of the first assignee (show GitHub icon if no assignees)",
 	"githubPullRequests.focusedMode.description": "The layout to use when a pull request is checked out. Set to false to prevent layout changes.",
 	"githubPullRequests.focusedMode.firstDiff": "Show the first diff in the pull request. If there are no changes, show the overview.",
 	"githubPullRequests.focusedMode.overview": "Show the overview of the pull request.",

src/common/settingKeys.ts

@@ -54,6 +54,7 @@ export const DEFAULT = 'default';
 export const IGNORE_MILESTONES = 'ignoreMilestones';
 export const ALLOW_FETCH = 'allowFetch';
 export const ALWAYS_PROMPT_FOR_NEW_ISSUE_REPO = 'alwaysPromptForNewIssueRepo';
+export const ISSUE_AVATAR_DISPLAY = 'issueAvatarDisplay';
 export const EXPERIMENTAL_CHAT = 'experimental.chat';
 export const EXPERIMENTAL_USE_QUICK_CHAT = 'experimental.useQuickChat';
 export const EXPERIMENTAL_NOTIFICATIONS_PAGE_SIZE = 'experimental.notificationsViewPageSize';

src/issues/issuesView.ts

@@ -6,9 +6,11 @@
 import * as path from 'path';
 import * as vscode from 'vscode';
 import { commands, contexts } from '../common/executeCommands';
+import { ISSUE_AVATAR_DISPLAY, ISSUES_SETTINGS_NAMESPACE } from '../common/settingKeys';
 import { DataUri } from '../common/uri';
 import { groupBy } from '../common/utils';
 import { FolderRepositoryManager, ReposManagerState } from '../github/folderRepositoryManager';
+import { IAccount } from '../github/interface';
 import { IssueModel } from '../github/issueModel';
 import { issueMarkdown } from '../github/markdownUtils';
 import { RepositoriesManager } from '../github/repositoriesManager';
@@ -59,6 +61,15 @@ export class IssuesTreeData
 				this._onDidChangeTreeData.fire();
 			}),
 		);
+
+		// Listen for changes to the avatar display setting
+		context.subscriptions.push(
+			vscode.workspace.onDidChangeConfiguration(change => {
+				if (change.affectsConfiguration(`${ISSUES_SETTINGS_NAMESPACE}.${ISSUE_AVATAR_DISPLAY}`)) {
+					this._onDidChangeTreeData.fire();
+				}
+			}),
+		);
 	}
 
 	private getFolderRepoItem(element: FolderRepositoryManager): vscode.TreeItem {
@@ -77,10 +88,27 @@ export class IssuesTreeData
 
 	private async getIssueTreeItem(element: IssueItem): Promise<vscode.TreeItem> {
 		const treeItem = new vscode.TreeItem(element.title, vscode.TreeItemCollapsibleState.None);
-		treeItem.iconPath = (await DataUri.avatarCirclesAsImageDataUris(this.context, [element.author], 16, 16))[0] ??
-			(element.isOpen
-				? new vscode.ThemeIcon('issues', new vscode.ThemeColor('issues.open'))
-				: new vscode.ThemeIcon('issue-closed', new vscode.ThemeColor('issues.closed')));
+
+		const avatarDisplaySetting = vscode.workspace
+			.getConfiguration(ISSUES_SETTINGS_NAMESPACE, null)
+			.get<'author' | 'assignee'>(ISSUE_AVATAR_DISPLAY, 'author');
+
+		let avatarUser: IAccount | undefined;
+		if ((avatarDisplaySetting === 'assignee') && element.assignees && (element.assignees.length > 0)) {
+			avatarUser = element.assignees[0];
+		} else if (avatarDisplaySetting === 'author') {
+			avatarUser = element.author;
+		}
+
+		if (avatarUser) {
+			treeItem.iconPath = (await DataUri.avatarCirclesAsImageDataUris(this.context, [avatarUser], 16, 16))[0] ??
+				(element.isOpen
+					? new vscode.ThemeIcon('issues', new vscode.ThemeColor('issues.open'))
+					: new vscode.ThemeIcon('issue-closed', new vscode.ThemeColor('issues.closed')));
+		} else {
+			// Use GitHub codicon when assignee setting is selected but no assignees exist
+			treeItem.iconPath = new vscode.ThemeIcon('github');
+		}
 
 		treeItem.command = {
 			command: 'issue.openDescription',