Add "Create in Browser" button to PR creation view

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

Author: Copilot

src/github/createPRViewProvider.ts

@@ -505,6 +505,29 @@ export abstract class BaseCreatePullRequestViewProvider<T extends BasePullReques
 		return this._replyMessage(message, undefined);
 	}
 
+	private async openCreateInBrowser(): Promise<void> {
+		// Get the base repository info
+		const baseRepo = this.getBaseGitHubRepo();
+		if (!baseRepo) {
+			vscode.window.showErrorMessage(vscode.l10n.t('Unable to find repository to create pull request in.'));
+			return;
+		}
+
+		// Get the compare branch name - this is the branch we want to create a PR from
+		const compareBranch = this._defaultCompareBranch;
+		if (!compareBranch) {
+			vscode.window.showErrorMessage(vscode.l10n.t('Unable to determine branch to create pull request from.'));
+			return;
+		}
+
+		// Construct the GitHub URL for creating a PR
+		// Format: https://github.com/{owner}/{repo}/pull/new/{branch}
+		// or https://github.com/{owner}/{repo}/compare/{base}...{head} for cross-repo PRs
+		const url = `${baseRepo.remote.url}/pull/new/${compareBranch}`;
+
+		await vscode.env.openExternal(vscode.Uri.parse(url));
+	}
+
 	protected override async _onDidReceiveMessage(message: IRequestMessage<any>) {
 		const result = await super._onDidReceiveMessage(message);
 		if (result !== this.MESSAGE_UNHANDLED) {
@@ -539,6 +562,9 @@ export abstract class BaseCreatePullRequestViewProvider<T extends BasePullReques
 			case 'pr.removeLabel':
 				return this.removeLabel(message);
 
+			case 'pr.openCreateInBrowser':
+				return this.openCreateInBrowser();
+
 			default:
 				return this.MESSAGE_UNHANDLED;
 		}
@@ -1342,4 +1368,4 @@ export class CreatePullRequestViewProvider extends BaseCreatePullRequestViewProv
 				vscode.window.showErrorMessage('Unsupported webview message');
 		}
 	}
-}
+}

webviews/common/createContextNew.ts

@@ -97,6 +97,10 @@ export class CreatePRContextNew {
 		return this.postMessage({ command: 'pr.cancelCreate', args });
 	};
 
+	public openCreateInBrowser = (): Promise<void> => {
+		return this.postMessage({ command: 'pr.openCreateInBrowser' });
+	};
+
 	public updateState = (params: Partial<CreateParamsNew>, reset: boolean = false): void => {
 		this.createParams = reset ? { ...defaultCreateParams, ...params } : { ...this.createParams, ...params };
 		vscode.setState(this.createParams);

webviews/createPullRequestViewNew/app.tsx

@@ -354,6 +354,10 @@ export function main() {
 							Cancel
 						</button>
 
+						<button disabled={isBusy || !ctx.initialized} className='secondary' onClick={() => ctx.openCreateInBrowser()} title='Create pull request on GitHub.com'>
+							Create in Browser
+						</button>
+
 						<ContextDropdown optionsContext={() => makeCreateMenuContext(params)}
 							defaultAction={onCreateButton}
 							defaultOptionLabel={() => createMethodLabel(ctx.createParams.isDraft, ctx.createParams.autoMerge, ctx.createParams.autoMergeMethod, ctx.createParams.baseHasMergeQueue).label}