Add Agents app banner to welcome page footer

Add a banner button in the welcome page footer that allows users to try
out the new Agents app. The banner includes:
- A button with the agent icon and 'Try out the new Agents app' label
  that executes the workbench.action.openAgentsWindow command
- A 'Learn more' link that opens code.visualstudio.com
- Telemetry logging for both actions
- CSS styling for the banner with proper theming integration

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: osortega

src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.ts

@@ -491,6 +491,10 @@ export class GettingStartedPage extends EditorPane {
 				}
 				break;
 			}
+			case 'openAgentsWindow': {
+				this.commandService.executeCommand('workbench.action.openAgentsWindow');
+				break;
+			}
 			case 'openLink': {
 				this.openerService.open(argument);
 				break;
@@ -931,7 +935,27 @@ export class GettingStartedPage extends EditorPane {
 		const recentList = this.buildRecentlyOpenedList();
 		const gettingStartedList = this.buildGettingStartedWalkthroughsList();
 
+		const learnMoreLink = $('a.learn-more-link', {}, localize('welcomePage.learnMore', "Learn more"));
+		this.categoriesSlideDisposables.add(addDisposableListener(learnMoreLink, 'click', (e) => {
+			e.stopPropagation();
+			e.preventDefault();
+			this.telemetryService.publicLog2<GettingStartedActionEvent, GettingStartedActionClassification>('gettingStarted.ActionExecuted', { command: 'openAgentsLearnMore', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
+			this.openerService.open('https://code.visualstudio.com');
+		}));
+
+		const agentsBannerButton = $('button.getting-started-category.agents-banner', {
+			'x-dispatch': 'openAgentsWindow',
+			title: localize('welcomePage.tryAgentsApp', "Try out the new Agents app"),
+		},
+			$('.main-content', {},
+				$('.codicon.codicon-agent.icon-widget'),
+				$('h3.category-title.max-lines-3', {}, localize('welcomePage.tryAgentsAppLabel', "Try out the new Agents app")),
+				learnMoreLink,
+			),
+		);
+
 		const footer = $('.footer', {},
+			agentsBannerButton,
 			$('p.showOnStartup', {},
 				showOnStartupCheckbox.domNode,
 				showOnStartupLabel,

src/vs/workbench/contrib/welcomeGettingStarted/browser/media/gettingStarted.css

@@ -916,6 +916,33 @@
 	margin: 0;
 }
 
+.monaco-workbench .part.editor > .content .gettingStartedContainer .gettingStartedSlideCategories > .gettingStartedCategoriesContainer > .footer > .agents-banner {
+	padding: 8px 10px;
+	margin-bottom: 30px;
+	border-radius: 50px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: auto;
+}
+
+.monaco-workbench .part.editor > .content .gettingStartedContainer .gettingStartedSlideCategories > .gettingStartedCategoriesContainer > .footer > .agents-banner .main-content {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.monaco-workbench .part.editor > .content .gettingStartedContainer .gettingStartedSlideCategories > .gettingStartedCategoriesContainer > .footer > .agents-banner .learn-more-link {
+	margin-left: 10px;
+	color: var(--vscode-textLink-foreground);
+	cursor: pointer;
+	text-decoration: var(--text-link-decoration);
+}
+
+.monaco-workbench .part.editor > .content .gettingStartedContainer .gettingStartedSlideCategories > .gettingStartedCategoriesContainer > .footer > .agents-banner .learn-more-link:hover {
+	color: var(--vscode-textLink-activeForeground);
+}
+
 .monaco-workbench .part.editor > .content .gettingStartedContainer .gettingStartedSlideCategories > .gettingStartedCategoriesContainer .index-list.start-container {
 	min-height: 156px;
 	margin-bottom: 16px;