Adds a QuickInputButton that lets user to open an issue on web

(#3621)

Author: chivorotkiv

src/plus/startWork/startWork.ts

@@ -17,6 +17,7 @@ import {
 	QuickCommand,
 	StepResultBreak,
 } from '../../commands/quickCommand';
+import { OpenOnGitHubQuickInputButton } from '../../commands/quickCommand.buttons';
 import { getSteps } from '../../commands/quickWizard.utils';
 import { proBadge } from '../../constants';
 import type { IntegrationId } from '../../constants.integrations';
@@ -33,6 +34,7 @@ import { getScopedCounter } from '../../system/counter';
 import { fromNow } from '../../system/date';
 import { some } from '../../system/iterable';
 import { configuration } from '../../system/vscode/configuration';
+import { openUrl } from '../../system/vscode/utils';
 
 export type StartWorkItem = {
 	item: SearchedIssue;
@@ -329,7 +331,7 @@ export class StartWorkCommand extends QuickCommand<State> {
 		context: Context,
 	): StepResultGenerator<StartWorkItem | StartWorkAction> {
 		const buildIssueItem = (i: StartWorkItem) => {
-			const buttons = [StartWorkQuickInputButton];
+			const buttons = [...(i.item.issue.url ? [OpenOnGitHubQuickInputButton] : []), StartWorkQuickInputButton];
 			return {
 				label:
 					i.item.issue.title.length > 60 ? `${i.item.issue.title.substring(0, 60)}...` : i.item.issue.title,
@@ -386,10 +388,17 @@ export class StartWorkCommand extends QuickCommand<State> {
 			matchOnDetail: true,
 			items: items,
 			onDidClickItemButton: (_quickpick, button, { item }) => {
-				if (button === StartWorkQuickInputButton && typeof item !== 'string') {
+				if (typeof item === 'string') {
+					return false;
+				}
+				if (button === StartWorkQuickInputButton) {
 					this.startWork(state, item);
 					return true;
 				}
+				if (button === OpenOnGitHubQuickInputButton) {
+					this.open(item);
+					return true;
+				}
 				return false;
 			},
 		});
@@ -409,6 +418,11 @@ export class StartWorkCommand extends QuickCommand<State> {
 		}
 	}
 
+	private open(item: StartWorkItem): void {
+		if (item.item.issue.url == null) return;
+		void openUrl(item.item.issue.url);
+	}
+
 	private async getConnectedIntegrations(): Promise<Map<IntegrationId, boolean>> {
 		const connected = new Map<IntegrationId, boolean>();
 		await Promise.allSettled(