Add gear icon to Description label that opens pull request description settings

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

Author: Copilot

src/github/createPRViewProvider.ts

@@ -505,6 +505,10 @@ export abstract class BaseCreatePullRequestViewProvider<T extends BasePullReques
 		return this._replyMessage(message, undefined);
 	}
 
+	private async openDescriptionSettings(): Promise<void> {
+		return vscode.commands.executeCommand('workbench.action.openSettings', 'githubPullRequests.pullRequestDescription');
+	}
+
 	protected override async _onDidReceiveMessage(message: IRequestMessage<any>) {
 		const result = await super._onDidReceiveMessage(message);
 		if (result !== this.MESSAGE_UNHANDLED) {
@@ -539,6 +543,9 @@ export abstract class BaseCreatePullRequestViewProvider<T extends BasePullReques
 			case 'pr.removeLabel':
 				return this.removeLabel(message);
 
+			case 'pr.openDescriptionSettings':
+				return this.openDescriptionSettings();
+
 			default:
 				return this.MESSAGE_UNHANDLED;
 		}

webviews/createPullRequestViewNew/app.tsx

@@ -12,7 +12,7 @@ import PullRequestContextNew from '../common/createContextNew';
 import { ErrorBoundary } from '../common/errorBoundary';
 import { LabelCreate } from '../common/label';
 import { ContextDropdown } from '../components/contextDropdown';
-import { accountIcon, feedbackIcon, gitCompareIcon, milestoneIcon, prMergeIcon, projectIcon, sparkleIcon, stopCircleIcon, tagIcon } from '../components/icon';
+import { accountIcon, feedbackIcon, gitCompareIcon, milestoneIcon, prMergeIcon, projectIcon, settingsIcon, sparkleIcon, stopCircleIcon, tagIcon } from '../components/icon';
 import { Avatar } from '../components/user';
 
 type CreateMethod = 'create-draft' | 'create' | 'create-automerge-squash' | 'create-automerge-rebase' | 'create-automerge-merge';
@@ -172,6 +172,11 @@ export function main() {
 					}
 				}
 
+				function openDescriptionSettings(event: React.MouseEvent | React.KeyboardEvent): void {
+					event.preventDefault();
+					ctx.postMessage({ command: 'pr.openDescriptionSettings' });
+				}
+
 				async function generateTitle(useCopilot?: boolean) {
 					setGeneratingTitle(true);
 					await ctx.generateTitle(!!useCopilot);
@@ -325,7 +330,10 @@ export function main() {
 							: null}
 					</div>
 
-					<label htmlFor='description' className='input-title'>Description</label>
+					<div className='group-description-header'>
+						<label htmlFor='description' className='input-title'>Description</label>
+						<a title='Open pull request description settings' className='description-settings-action icon-button' onClick={openDescriptionSettings} onKeyDown={openDescriptionSettings} tabIndex={0}>{settingsIcon}</a>
+					</div>
 					<div className='group-description'>
 						<textarea
 							id='description'

webviews/createPullRequestViewNew/index.css

@@ -93,6 +93,51 @@ button.input-box {
 	text-transform: uppercase;
 }
 
+.group-description-header {
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin-bottom: 4px;
+}
+
+.group-description-header .input-title {
+	margin-bottom: 0;
+}
+
+.group-description-header .description-settings-action {
+	background: unset;
+	padding: 2px;
+	margin: unset;
+	height: 16px;
+	cursor: pointer;
+	opacity: 0.7;
+}
+
+.group-description-header .description-settings-action:hover {
+	outline-style: none;
+	opacity: 1;
+	background-color: var(--vscode-toolbar-hoverBackground);
+}
+
+.group-description-header .description-settings-action:focus {
+	outline-style: none;
+}
+
+.group-description-header .description-settings-action:focus-visible {
+	outline-width: 1px;
+	outline-style: solid;
+	outline-offset: -1px;
+	outline-color: var(--vscode-focusBorder);
+	background: unset;
+	opacity: 1;
+}
+
+.group-description-header .description-settings-action svg {
+	width: 14px;
+	height: 14px;
+}
+
 #title {
 	padding-right: 24px;
 	text-overflow: ellipsis;