update

Author: osortega

src/vs/workbench/contrib/chat/browser/agentSessions/agentSessionsBanner.ts

@@ -39,38 +39,42 @@ export function canShowAgentsBanner(productService: IProductService): boolean {
 		&& !!CommandsRegistry.getCommand(OPEN_AGENTS_WINDOW_COMMAND);
 }
 
+export interface IAgentsBannerOptions {
+	/** Dot-separated CSS classes for the banner container (e.g. 'my-banner' or 'foo.bar'). */
+	readonly cssClass: string;
+	/** Identifies where the banner is displayed (e.g. 'welcomePage', 'agentSessionsWelcome'). */
+	readonly source: string;
+	/** Override the default button label. */
+	readonly label?: string;
+	/** Optional callback invoked when the banner button is clicked. */
+	readonly onButtonClick?: () => void;
+}
+
 /**
  * Creates a banner that promotes the Agents app.
  * The banner contains a button that opens the Agents window.
- *
- * @param cssClass Dot-separated CSS classes for the banner container (e.g. 'my-banner' or 'foo.bar').
- * @param source Identifies where the banner is displayed (e.g. 'welcomePage', 'agentSessionsWelcome').
- * @param commandService Used to execute the open command.
- * @param telemetryService Used to log banner interactions.
- * @param onButtonClick Optional callback invoked when the banner button is clicked.
  */
 export function createAgentsBanner(
-	cssClass: string,
-	source: string,
+	options: IAgentsBannerOptions,
 	commandService: ICommandService,
 	telemetryService: ITelemetryService,
-	onButtonClick?: () => void,
 ): IAgentsBannerResult {
 	const disposables = new DisposableStore();
+	const label = options.label ?? localize('agentsBanner.tryAgentsAppLabel', "Try out the new Agents app");
 
 	const button = $('button.agents-banner-button', {
-		title: localize('agentsBanner.tryAgentsApp', "Try out the new Agents app"),
+		title: label,
 	},
 		$('.codicon.codicon-agent.icon-widget'),
-		$('span.category-title', {}, localize('agentsBanner.tryAgentsAppLabel', "Try out the new Agents app")),
+		$('span.category-title', {}, label),
 	);
 	disposables.add(addDisposableListener(button, 'click', () => {
-		onButtonClick?.();
-		telemetryService.publicLog2<AgentsBannerClickedEvent, AgentsBannerClickedClassification>('agentsBanner.clicked', { source, action: 'openAgentsWindow' });
+		options.onButtonClick?.();
+		telemetryService.publicLog2<AgentsBannerClickedEvent, AgentsBannerClickedClassification>('agentsBanner.clicked', { source: options.source, action: 'openAgentsWindow' });
 		commandService.executeCommand(OPEN_AGENTS_WINDOW_COMMAND, { forceNewWindow: true });
 	}));
 
-	const element = $(`.${cssClass}`, {}, button);
+	const element = $(`.${options.cssClass}`, {}, button);
 
 	return { element, disposables };
 }

src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcome.ts

@@ -597,11 +597,14 @@ export class AgentSessionsWelcomePage extends EditorPane {
 		// "Try out the new Agents app" banner
 		if (canShowAgentsBanner(this.productService)) {
 			const agentsBanner = createAgentsBanner(
-				'agentSessionsWelcome-agentsBanner',
-				'agentSessionsWelcome',
+				{
+					cssClass: 'agentSessionsWelcome-agentsBanner',
+					source: 'agentSessionsWelcome',
+					label: localize('viewAllSessions', "View All Sessions"),
+					onButtonClick: () => { this._closedBy = 'viewAllSessions'; },
+				},
 				this.commandService,
 				this.telemetryService,
-				() => { this._closedBy = 'viewAllSessions'; },
 			);
 			this.sessionsControlDisposables.add(agentsBanner.disposables);
 			append(container, agentsBanner.element);

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

@@ -935,8 +935,10 @@ export class GettingStartedPage extends EditorPane {
 		const footerChildren: HTMLElement[] = [];
 		if (canShowAgentsBanner(this.productService)) {
 			const agentsBanner = createAgentsBanner(
-				'getting-started-category.agents-banner',
-				'welcomePage',
+				{
+					cssClass: 'getting-started-category.agents-banner',
+					source: 'welcomePage',
+				},
 				this.commandService,
 				this.telemetryService,
 			);

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

@@ -932,7 +932,7 @@
 	cursor: pointer;
 	font-family: inherit;
 	font-size: 13px;
-	margin-bottom: 10px;
+	margin-bottom: 20px;
 }
 
 .monaco-workbench .part.editor > .content .gettingStartedContainer .gettingStartedSlideCategories > .gettingStartedCategoriesContainer .index-list.start-container {