Add gear icon to Description label that opens pullRequestDescription setting

src/@types/vscode.proposed.chatParticipantAdditions.d.ts

@@ -105,6 +105,7 @@ declare module 'vscode' {
 		isComplete?: boolean;
 		toolSpecificData?: ChatTerminalToolInvocationData;
 		fromSubAgent?: boolean;
+		presentation?: 'hidden' | 'hiddenAfterComplete' | undefined;
 
 		constructor(toolName: string, toolCallId: string, isError?: boolean);
 	}

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,24 @@ export function main() {
 					}
 				}
 
+				function openDescriptionSettings(event: React.MouseEvent | React.KeyboardEvent): void {
+					let shouldExecute = false;
+
+					if (event.type === 'keydown') {
+						const keyEvent = event as React.KeyboardEvent;
+						if (keyEvent.key === 'Enter' || keyEvent.key === ' ') {
+							event.preventDefault();
+							shouldExecute = true;
+						}
+					} else if (event.type === 'click') {
+						shouldExecute = true;
+					}
+
+					if (shouldExecute) {
+						ctx.postMessage({ command: 'pr.openDescriptionSettings' });
+					}
+				}
+
 				async function generateTitle(useCopilot?: boolean) {
 					setGeneratingTitle(true);
 					await ctx.generateTitle(!!useCopilot);
@@ -325,7 +343,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>
+						<button type='button' title='Open pull request description settings' aria-label='Open pull request description settings' className='description-settings-action icon-button' onClick={openDescriptionSettings} onKeyDown={openDescriptionSettings} tabIndex={0}>{settingsIcon}</button>
+					</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;