Adds "(Preview)" suffix to labels of Create Pull Request with AI feature

(vscode-gitlens-private#43, #4177)

Author: sergeibbb

src/plus/ai/utils/-webview/ai.utils.ts

@@ -26,7 +26,7 @@ export function getActionName(action: AIActionType): string {
 		case 'generate-commitMessage':
 			return 'Generate Commit Message';
 		case 'generate-pullRequestMessage':
-			return 'Generate Pull Request Details';
+			return 'Generate Pull Request Details (Preview)';
 		case 'generate-stashMessage':
 			return 'Generate Stash Message';
 		case 'generate-changelog':

src/plus/ai/utils/-webview/prompt.utils.ts

@@ -22,7 +22,7 @@ export function getLocalPromptTemplate<T extends AIActionType>(action: T, _model
 			};
 		case 'generate-pullRequestMessage':
 			return {
-				name: 'Generate Pull Request Details',
+				name: 'Generate Pull Request Details (Preview)',
 				template: generatePullRequestMessageUserPrompt,
 				variables: ['diff', 'data', 'context', 'instructions'],
 			};

src/webviews/apps/plus/home/components/branch-card.ts

@@ -182,7 +182,7 @@ export const branchCardStyles = css`
 		display: none;
 	}
 
-	@container (max-width: 280px) {
+	@container (max-width: 330px) {
 		.branch-item__is-narrow {
 			display: block;
 		}
@@ -750,7 +750,7 @@ export abstract class GlBranchCardBase extends GlElement {
 						${this.branch.aiPullRequestCreationAvailable
 							? html`<gl-button
 									class="branch-item__missing"
-									tooltip="Create a Pull Request with AI"
+									tooltip="Create a Pull Request with AI (Preview)"
 									appearance="secondary"
 									href="${this.createCommandLink('gitlens.home.createPullRequest', {
 										source: 'home',
@@ -759,7 +759,7 @@ export abstract class GlBranchCardBase extends GlElement {
 							  >
 									<code-icon class="branch-item__is-wide" icon="sparkle" slot="prefix"></code-icon>
 									<code-icon class="branch-item__is-narrow" icon="sparkle"></code-icon>
-									<span class="branch-item__is-wide">Create with AI</span>
+									<span class="branch-item__is-wide">Create with AI (Preview)</span>
 							  </gl-button>`
 							: nothing}
 					</div>