@codingame/monaco-vscode-welcome-service-override 31.0.0 → 32.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codingame/monaco-vscode-welcome-service-override",
-  "version": "31.0.0",
+  "version": "32.0.0",
   "private": false,
   "description": "VSCode public API plugged on the monaco editor - welcome service-override",
   "keywords": [],
@@ -15,7 +15,7 @@
   },
   "type": "module",
   "dependencies": {
-    "@codingame/monaco-vscode-api": "31.0.0"
+    "@codingame/monaco-vscode-api": "32.0.0"
   },
   "main": "index.js",
   "module": "index.js",

package/vscode/src/vs/workbench/contrib/welcomeOnboarding/browser/media/variationA.css

@@ -42,6 +42,7 @@
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
+	position: relative;
 	transform: scale(0.96) translateY(8px);
 	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
 }
@@ -61,6 +62,36 @@
 	padding: 20px 28px 0;
 }
 
+.onboarding-a-close-btn {
+	position: absolute;
+	top: 16px;
+	right: 16px;
+	z-index: 1;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 28px;
+	height: 28px;
+	border: none;
+	border-radius: 6px;
+	background: transparent;
+	color: var(--vscode-descriptionForeground);
+	cursor: pointer;
+	padding: 0;
+	flex-shrink: 0;
+	transition: background 0.15s ease, color 0.15s ease;
+}
+
+.onboarding-a-close-btn:hover {
+	background: var(--vscode-toolbar-hoverBackground, rgba(255, 255, 255, 0.1));
+	color: var(--vscode-editor-foreground);
+}
+
+.onboarding-a-close-btn:focus-visible {
+	outline: 2px solid var(--vscode-focusBorder);
+	outline-offset: 2px;
+}
+
 .onboarding-a-progress {
 	display: flex;
 	align-items: center;
@@ -692,11 +723,33 @@
 }
 
 .onboarding-a-sessions-features {
+	display: flex;
+	flex-direction: column;
+	gap: 14px;
+	flex: 1;
+}
+
+.onboarding-a-sessions-group {
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+}
+
+.onboarding-a-sessions-group-label {
+	font-size: 11px;
+	font-weight: 600;
+	text-transform: uppercase;
+	letter-spacing: 0.5px;
+	color: var(--vscode-descriptionForeground);
+}
+
+.onboarding-a-sessions-grid {
 	display: grid;
-	grid-template-columns: repeat(2, minmax(0, 1fr));
 	gap: 10px;
-	flex: 1;
-	align-content: start;
+}
+
+.onboarding-a-sessions-grid-2 {
+	grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
 .onboarding-a-feature-card {
@@ -951,7 +1004,7 @@
 		grid-template-columns: repeat(2, minmax(0, 1fr));
 	}
 
-	.onboarding-a-sessions-features {
+	.onboarding-a-sessions-grid-2 {
 		grid-template-columns: 1fr;
 	}
 

package/vscode/src/vs/workbench/contrib/welcomeOnboarding/browser/onboardingVariationA.d.ts

@@ -55,7 +55,7 @@ export declare class OnboardingVariationA extends Disposable implements IOnboard
     private contentEl;
     private backButton;
     private nextButton;
-    private skipButton;
+    private closeButton;
     private footerLeft;
     private _footerSignInBtn;
     private currentStepIndex;

package/vscode/src/vs/workbench/contrib/welcomeOnboarding/browser/onboardingVariationA.js

@@ -108,8 +108,12 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
         this.overlay = append(container, $(".onboarding-a-overlay"));
         this.overlay.setAttribute("role", "dialog");
         this.overlay.setAttribute("aria-modal", "true");
-        this.overlay.setAttribute("aria-label", ( localize(15634, "Welcome to Visual Studio Code")));
+        this.overlay.setAttribute("aria-label", ( localize(15939, "Welcome to Visual Studio Code")));
         this.card = append(this.overlay, $(".onboarding-a-card"));
+        this.closeButton = append(this.card, $("button.onboarding-a-close-btn"));
+        this.closeButton.type = "button";
+        this.closeButton.setAttribute("aria-label", ( localize(15940, "Close")));
+        this.closeButton.appendChild(renderIcon(Codicon.close));
         const header = append(this.card, $(".onboarding-a-header"));
         this.progressContainer = append(header, $(".onboarding-a-progress"));
         this.stepLabelEl = append(this.progressContainer, $("span.onboarding-a-step-label"));
@@ -122,20 +126,16 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
         this._logStepView();
         const footer = append(this.card, $(".onboarding-a-footer"));
         this.footerLeft = append(footer, $(".onboarding-a-footer-left"));
-        this.skipButton = append(this.footerLeft, $("button.onboarding-a-btn.onboarding-a-btn-ghost"));
-        this.skipButton.textContent = ( localize(15635, "Skip"));
-        this.skipButton.type = "button";
-        this.footerFocusableElements.push(this.skipButton);
         const footerRight = append(footer, $(".onboarding-a-footer-right"));
         this.backButton = append(footerRight, $("button.onboarding-a-btn.onboarding-a-btn-secondary"));
-        this.backButton.textContent = ( localize(15636, "Back"));
+        this.backButton.textContent = ( localize(15941, "Back"));
         this.backButton.type = "button";
         this.footerFocusableElements.push(this.backButton);
         this.nextButton = append(footerRight, $("button.onboarding-a-btn.onboarding-a-btn-primary"));
         this.nextButton.type = "button";
         this.footerFocusableElements.push(this.nextButton);
         this._updateButtonStates();
-        this.disposables.add(addDisposableListener(this.skipButton, EventType.CLICK, () => {
+        this.disposables.add(addDisposableListener(this.closeButton, EventType.CLICK, () => {
             this._logAction("skip");
             this._dismiss("skip");
         }));
@@ -244,7 +244,7 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
             }
         }
         this.progressContainer.appendChild(this.stepLabelEl);
-        this.stepLabelEl.textContent = ( localize(15637, "{0} of {1}", this.currentStepIndex + 1, this.steps.length));
+        this.stepLabelEl.textContent = ( localize(15942, "{0} of {1}", this.currentStepIndex + 1, this.steps.length));
     }
     _renderStep() {
         if (!this.titleEl || !this.subtitleEl || !this.contentEl) {
@@ -280,7 +280,7 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
             break;
         }
         this.bodyEl?.setAttribute("aria-label", ( localize(
-            15638,
+            15943,
             "Step {0} of {1}: {2}",
             this.currentStepIndex + 1,
             this.steps.length,
@@ -294,27 +294,21 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
         if (this.nextButton) {
             if (this.currentStepIndex === 0) {
                 this.nextButton.className = "onboarding-a-btn onboarding-a-btn-secondary";
-                this.nextButton.textContent = ( localize(15639, "Continue without Signing In"));
+                this.nextButton.textContent = ( localize(15944, "Continue without Signing In"));
             } else if (this._isLastStep()) {
                 this.nextButton.className = "onboarding-a-btn onboarding-a-btn-primary";
-                this.nextButton.textContent = ( localize(15640, "Get Started"));
+                this.nextButton.textContent = ( localize(15945, "Get Started"));
             } else {
                 this.nextButton.className = "onboarding-a-btn onboarding-a-btn-primary";
-                this.nextButton.textContent = ( localize(15641, "Continue"));
+                this.nextButton.textContent = ( localize(15946, "Continue"));
             }
         }
-        if (this.skipButton && this.footerLeft) {
-            if (this.currentStepIndex === 0) {
-                this.skipButton.className = "onboarding-a-btn onboarding-a-btn-ghost";
-            } else {
-                this.skipButton.className = "onboarding-a-btn onboarding-a-btn-ghost";
-            }
+        if (this.footerLeft) {
             if (this._isLastStep()) {
-                this.skipButton.style.display = "none";
                 if (!this._footerSignInBtn && !this._userSignedIn) {
                     this._footerSignInBtn = append(this.footerLeft, $("button.onboarding-a-signin-nudge-btn"));
                     this._footerSignInBtn.type = "button";
-                    this._footerSignInBtn.textContent = ( localize(15642, "Sign in for AI Powered Features"));
+                    this._footerSignInBtn.textContent = ( localize(15947, "Sign in for AI Powered Features"));
                     this.stepDisposables.add(
                         addDisposableListener(this._footerSignInBtn, EventType.CLICK, async () => {
                             this._logAction("signInNudge");
@@ -326,7 +320,6 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
                     );
                 }
             } else {
-                this.skipButton.style.display = "";
                 if (this._footerSignInBtn) {
                     this._footerSignInBtn.remove();
                     this._footerSignInBtn = undefined;
@@ -343,37 +336,37 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
         const content = append(wrapper, $(".onboarding-a-signin-content"));
         const contentMain = append(content, $(".onboarding-a-signin-content-main"));
         const title = append(contentMain, $("h2.onboarding-a-signin-title"));
-        title.textContent = ( localize(15643, "Welcome to VS Code"));
+        title.textContent = ( localize(15948, "Welcome to VS Code"));
         const subtitle = append(contentMain, $("p.onboarding-a-signin-subtitle"));
-        subtitle.textContent = ( localize(15644, "Sign in to continue with AI-powered development."));
+        subtitle.textContent = ( localize(15949, "Sign in to continue with AI-powered development."));
         const actions = append(contentMain, $(".onboarding-a-signin-actions"));
-        const githubBtn = this._registerStepFocusable(this._createSignInButton(actions, "github", ( localize(15645, "Continue with GitHub")), {
+        const githubBtn = this._registerStepFocusable(this._createSignInButton(actions, "github", ( localize(15950, "Continue with GitHub")), {
             emphasized: true,
-            label: ( localize(15646, "Continue with GitHub"))
+            label: ( localize(15951, "Continue with GitHub"))
         }));
         this.stepDisposables.add(addDisposableListener(githubBtn, EventType.CLICK, () => {
             this._logAction("signIn", undefined, "github");
             this._handleSignIn();
         }));
-        const googleBtn = this._registerStepFocusable(this._createSignInButton(actions, "google", ( localize(15647, "Continue with Google")), {
+        const googleBtn = this._registerStepFocusable(this._createSignInButton(actions, "google", ( localize(15952, "Continue with Google")), {
             iconOnly: true,
-            label: ( localize(15647, "Continue with Google"))
+            label: ( localize(15952, "Continue with Google"))
         }));
         this.stepDisposables.add(addDisposableListener(googleBtn, EventType.CLICK, () => {
             this._logAction("signIn", undefined, "google");
             this._handleSignIn("google");
         }));
-        const appleBtn = this._registerStepFocusable(this._createSignInButton(actions, "apple", ( localize(15648, "Continue with Apple")), {
+        const appleBtn = this._registerStepFocusable(this._createSignInButton(actions, "apple", ( localize(15953, "Continue with Apple")), {
             iconOnly: true,
-            label: ( localize(15648, "Continue with Apple"))
+            label: ( localize(15953, "Continue with Apple"))
         }));
         this.stepDisposables.add(addDisposableListener(appleBtn, EventType.CLICK, () => {
             this._logAction("signIn", undefined, "apple");
             this._handleSignIn("apple");
         }));
-        const gheBtn = this._registerStepFocusable(this._createSignInButton(actions, "github-enterprise", ( localize(15649, "GHE")), {
+        const gheBtn = this._registerStepFocusable(this._createSignInButton(actions, "github-enterprise", ( localize(15954, "GHE")), {
             textOnly: true,
-            label: ( localize(15650, "Continue with GitHub Enterprise"))
+            label: ( localize(15955, "Continue with GitHub Enterprise"))
         }));
         this.stepDisposables.add(addDisposableListener(gheBtn, EventType.CLICK, () => {
             this._logAction("signIn", undefined, "github-enterprise");
@@ -383,20 +376,20 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
         const disclaimerCol = append(footer, $(".onboarding-a-signin-disclaimer-col"));
         const copilotDisclaimer = append(disclaimerCol, $(".onboarding-a-signin-disclaimer"));
         copilotDisclaimer.append(( localize(
-            15651,
+            15956,
             "By signing in, you agree to {0}'s ",
             defaultChat.provider.default.name
         )));
-        this._createInlineLink(copilotDisclaimer, ( localize(15652, "Terms")), defaultChat.termsStatementUrl);
-        copilotDisclaimer.append(( localize(15653, " and ")));
-        this._createInlineLink(copilotDisclaimer, ( localize(15654, "Privacy Statement")), defaultChat.privacyStatementUrl);
-        copilotDisclaimer.append(( localize(15655, ". {0} Copilot may show ", defaultChat.provider.default.name)));
-        this._createInlineLink(copilotDisclaimer, ( localize(15656, "public code")), defaultChat.publicCodeMatchesUrl);
-        copilotDisclaimer.append(( localize(15657, " suggestions and use your data to improve the product.")));
+        this._createInlineLink(copilotDisclaimer, ( localize(15957, "Terms")), defaultChat.termsStatementUrl);
+        copilotDisclaimer.append(( localize(15958, " and ")));
+        this._createInlineLink(copilotDisclaimer, ( localize(15959, "Privacy Statement")), defaultChat.privacyStatementUrl);
+        copilotDisclaimer.append(( localize(15960, ". {0} Copilot may show ", defaultChat.provider.default.name)));
+        this._createInlineLink(copilotDisclaimer, ( localize(15961, "public code")), defaultChat.publicCodeMatchesUrl);
+        copilotDisclaimer.append(( localize(15962, " suggestions and use your data to improve the product.")));
         copilotDisclaimer.append(" ");
-        copilotDisclaimer.append(( localize(15658, "You can change these ")));
-        this._createInlineLink(copilotDisclaimer, ( localize(15659, "settings")), defaultChat.manageSettingsUrl);
-        copilotDisclaimer.append(( localize(15660, " anytime.")));
+        copilotDisclaimer.append(( localize(15963, "You can change these ")));
+        this._createInlineLink(copilotDisclaimer, ( localize(15964, "settings")), defaultChat.manageSettingsUrl);
+        copilotDisclaimer.append(( localize(15965, " anytime.")));
     }
     _createSignInButton(parent, providerClass, label, options) {
         const isCompact = options?.iconOnly || options?.textOnly;
@@ -465,7 +458,7 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
             });
             this.notificationService.notify({
                 severity: Severity.Error,
-                message: ( localize(15661, "Sign-in failed. You can try again later from the Accounts menu."))
+                message: ( localize(15966, "Sign-in failed. You can try again later from the Accounts menu."))
             });
         }
     }
@@ -515,7 +508,7 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
             this.notificationService.notify({
                 severity: Severity.Error,
                 message: ( localize(
-                    15662,
+                    15967,
                     "GitHub Enterprise sign-in failed. Check your instance URL and try again."
                 ))
             });
@@ -530,8 +523,8 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
         }
         let isSingleWord = false;
         const result = await this.quickInputService.input({
-            prompt: ( localize(15663, "What is your {0} instance?", defaultChat.provider.enterprise.name)),
-            placeHolder: ( localize(15664, "i.e. \"octocat\" or \"https://octocat.ghe.com\"...")),
+            prompt: ( localize(15968, "What is your {0} instance?", defaultChat.provider.enterprise.name)),
+            placeHolder: ( localize(15969, "i.e. \"octocat\" or \"https://octocat.ghe.com\"...")),
             ignoreFocusLost: true,
             value: uri,
             validateInput: async value => {
@@ -542,14 +535,14 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
                 if (domainRegEx.test(value)) {
                     isSingleWord = true;
                     return {
-                        content: ( localize(15665, "Will resolve to {0}", `https://${value}.ghe.com`)),
+                        content: ( localize(15970, "Will resolve to {0}", `https://${value}.ghe.com`)),
                         severity: Severity.Info
                     };
                 }
                 if (!fullUriRegEx.test(value)) {
                     return {
                         content: ( localize(
-                            15666,
+                            15971,
                             "You must enter a valid {0} instance (i.e. \"octocat\" or \"https://octocat.ghe.com\")",
                             defaultChat.provider.enterprise.name
                         )),
@@ -574,15 +567,15 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
     _renderPersonalizeStep(container) {
         const wrapper = append(container, $(".onboarding-a-personalize"));
         const themeLabel = append(wrapper, $("div.onboarding-a-section-label"));
-        themeLabel.textContent = ( localize(15667, "Color Theme"));
+        themeLabel.textContent = ( localize(15972, "Color Theme"));
         const themeHint = append(wrapper, $("div.onboarding-a-theme-hint"));
         themeHint.textContent = ( localize(
-            15668,
+            15973,
             "You can browse and install more themes later from the Extensions view."
         ));
         const themeGrid = append(wrapper, $(".onboarding-a-theme-grid"));
         themeGrid.setAttribute("role", "radiogroup");
-        themeGrid.setAttribute("aria-label", ( localize(15669, "Choose a color theme")));
+        themeGrid.setAttribute("aria-label", ( localize(15974, "Choose a color theme")));
         const hasOtherEditors = this._hasOtherEditors();
         const allThemes = product.onboardingThemes ?? [];
         const themes = hasOtherEditors ? allThemes.filter(t => !t.id.startsWith("solarized")) : allThemes;
@@ -602,15 +595,15 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
                 wrapper,
                 $("div.onboarding-a-section-label.onboarding-a-section-label-keymap")
             );
-            keymapLabel.textContent = ( localize(15670, "Keyboard Mapping"));
+            keymapLabel.textContent = ( localize(15975, "Keyboard Mapping"));
             const keymapHint = append(wrapper, $("div.onboarding-a-theme-hint"));
             keymapHint.textContent = ( localize(
-                15671,
+                15976,
                 "Coming from another editor? Import your keyboard mapping to feel right at home."
             ));
             const keymapList = append(wrapper, $(".onboarding-a-keymap-list"));
             keymapList.setAttribute("role", "radiogroup");
-            keymapList.setAttribute("aria-label", ( localize(15672, "Choose a keyboard mapping")));
+            keymapList.setAttribute("aria-label", ( localize(15977, "Choose a keyboard mapping")));
             const keymapPills = [];
             for (const keymap of keymapOptions) {
                 const pill = this._registerStepFocusable(append(keymapList, $("button.onboarding-a-keymap-pill")));
@@ -633,7 +626,7 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
                     }
                     pill.classList.add("selected");
                     pill.setAttribute("aria-checked", "true");
-                    this.accessibilityService.alert(( localize(15673, "{0} keyboard mapping selected", keymap.label)));
+                    this.accessibilityService.alert(( localize(15978, "{0} keyboard mapping selected", keymap.label)));
                 }));
             }
             const selectedKeymapIndex = keymapOptions.findIndex(k => k.id === this.selectedKeymapId);
@@ -643,7 +636,7 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
     _renderPersonalizeSubtitle(container) {
         clearNode(container);
         const modifier = isMacintosh ? "Cmd" : "Ctrl";
-        container.append(( localize(15674, "Tip: Press ")), this._createKbd(( localize(15675, "{0}", modifier))), "+", this._createKbd(( localize(15676, "Shift"))), "+", this._createKbd(( localize(15677, "P"))), ( localize(15678, " to access all VS Code commands.")));
+        container.append(( localize(15979, "Tip: Press ")), this._createKbd(( localize(15980, "{0}", modifier))), "+", this._createKbd(( localize(15981, "Shift"))), "+", this._createKbd(( localize(15982, "P"))), ( localize(15983, " to access all VS Code commands.")));
     }
     _createThemeCard(parent, theme, allCards) {
         const card = this._registerStepFocusable(append(parent, $("div.onboarding-a-theme-card")));
@@ -671,7 +664,7 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
             }
             card.classList.add("selected");
             card.setAttribute("aria-checked", "true");
-            this.accessibilityService.alert(( localize(15679, "{0} theme selected", theme.label)));
+            this.accessibilityService.alert(( localize(15984, "{0} theme selected", theme.label)));
         }));
         this.stepDisposables.add(addDisposableListener(card, EventType.KEY_DOWN, e => {
             if (e.key === "Enter" || e.key === " ") {
@@ -708,7 +701,7 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
             this.notificationService.notify({
                 severity: Severity.Warning,
                 message: ( localize(
-                    15680,
+                    15985,
                     "Could not install {0} keymap. You can install it later from Extensions.",
                     keymap.label
                 ))
@@ -831,7 +824,7 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
         const wrapper = append(container, $(".onboarding-a-ai-pref"));
         const cards = append(wrapper, $(".onboarding-a-ai-pref-cards"));
         cards.setAttribute("role", "radiogroup");
-        cards.setAttribute("aria-label", ( localize(15681, "Choose your AI collaboration style")));
+        cards.setAttribute("aria-label", ( localize(15986, "Choose your AI collaboration style")));
         const allCards = [];
         for (const option of ONBOARDING_AI_PREFERENCE_OPTIONS) {
             const card = this._registerStepFocusable(append(cards, $("button.onboarding-a-ai-pref-card")));
@@ -859,13 +852,13 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
                     c.setAttribute("aria-checked", c.dataset.id === option.id ? "true" : "false");
                 }
                 this._applyAiPreference(option.id);
-                this.accessibilityService.alert(( localize(15682, "{0} selected", option.label)));
+                this.accessibilityService.alert(( localize(15987, "{0} selected", option.label)));
             }));
         }
         const selectedAiIndex = ONBOARDING_AI_PREFERENCE_OPTIONS.findIndex(o => o.id === this.selectedAiMode);
         this._setupRadioGroupNavigation(allCards, Math.max(0, selectedAiIndex));
         const hint = append(wrapper, $("div.onboarding-a-ai-pref-hint"));
-        hint.textContent = ( localize(15683, "You can change this anytime in Settings."));
+        hint.textContent = ( localize(15988, "You can change this anytime in Settings."));
     }
     _applyAiPreference(mode) {
         switch (mode) {
@@ -885,37 +878,43 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
         const keys = isMacintosh ?
         ["⌘", "⌃", "I"] : ["Ctrl", "Alt", "I"];
         const shortcut = ( keys.map(k => this._createKbd(k)));
-        el.append(( localize(15684, "Tip: Press ")));
+        el.append(( localize(15989, "Open Chat anytime with ")));
         for (let i = 0; i < shortcut.length; i++) {
             if (i > 0) {
-                el.append(" + ");
+                el.append("+");
             }
             el.append(shortcut[i]);
         }
-        el.append(( localize(15685, " to open Chat")));
     }
     _renderAgentSessionsStep(container) {
         const wrapper = append(container, $(".onboarding-a-sessions"));
         const features = append(wrapper, $(".onboarding-a-sessions-features"));
-        this._createFeatureCard(features, Codicon.deviceDesktop, ( localize(15686, "Local")), ( localize(
-            15687,
-            "Run agents interactively in the editor with full access to your workspace, tools, and terminal. Best for hands-on work where you want to review changes as they happen."
+        const chatGroup = append(features, $(".onboarding-a-sessions-group"));
+        const chatLabel = append(chatGroup, $("div.onboarding-a-sessions-group-label"));
+        chatLabel.textContent = ( localize(15990, "Choose Your Agent"));
+        const chatGrid = append(chatGroup, $(".onboarding-a-sessions-grid.onboarding-a-sessions-grid-2"));
+        this._createFeatureCard(chatGrid, Codicon.listOrdered, ( localize(15991, "Plan")), ( localize(
+            15992,
+            "Produce a structured implementation plan before any code changes, then hand it off to an implementation agent to execute."
+        )));
+        this._createFeatureCard(chatGrid, Codicon.commentDiscussion, ( localize(15993, "Agent")), ( localize(
+            15994,
+            "Describe a goal. The agent plans the approach, edits files, runs commands, and self-corrects. You review and approve along the way."
         )));
-        this._createFeatureCard(features, Codicon.cloud, ( localize(15688, "Cloud")), ( localize(
-            15689,
-            "Delegate tasks to a cloud agent that creates a branch, implements changes, and opens a pull request. The agent continues working even if you close VS Code."
+        const moreGroup = append(features, $(".onboarding-a-sessions-group"));
+        const moreLabel = append(moreGroup, $("div.onboarding-a-sessions-group-label"));
+        moreLabel.textContent = ( localize(15995, "Agents That Work Your Way"));
+        const moreGrid = append(moreGroup, $(".onboarding-a-sessions-grid.onboarding-a-sessions-grid-2"));
+        this._createFeatureCard(moreGrid, Codicon.rocket, ( localize(15996, "Run Agents Anywhere")), ( localize(
+            15997,
+            "Run agents locally for interactive work, in the background with Copilot CLI, or in the cloud with cloud agents that open a pull request your team can review."
         )));
-        this._createFeatureCard(features, Codicon.worktree, ( localize(15690, "Copilot CLI")), ( localize(
-            15691,
-            "Run agents autonomously in an isolated worktree on your machine. Work on something else while the agent builds, tests, and iterates in the background."
+        this._createFeatureCard(moreGrid, Codicon.settingsGear, ( localize(15998, "Customize Your Agents")), ( localize(
+            15999,
+            "Tailor Copilot to your project with custom instructions and agents, skills, reusable prompts, and MCP servers that connect to the tools and context you rely on."
         )));
-        const inlineDesc = this._createFeatureCard(features, Codicon.sparkle, ( localize(15692, "Inline Suggestions")));
-        inlineDesc.append(( localize(
-            15693,
-            "As you type, AI suggests completions and next edit predictions inline. Press "
-        )), this._createKbd(( localize(15694, "Tab"))), ( localize(15695, " to accept or ")), this._createKbd(( localize(15696, "Esc"))), ( localize(15697, " to dismiss.")));
         const docsRow = append(wrapper, $(".onboarding-a-sessions-docs"));
-        this._createDocLink(docsRow, ( localize(15698, "Agents tutorial")), "https://code.visualstudio.com/docs/copilot/agents/agents-tutorial", "agentsTutorial");
+        this._createDocLink(docsRow, ( localize(16000, "Agents tutorial")), "https://code.visualstudio.com/docs/copilot/agents/agents-tutorial", "agentsTutorial");
     }
     _createFeatureCard(parent, icon, title, description) {
         const card = this._registerStepFocusable(append(parent, $("div.onboarding-a-feature-card")));
@@ -1007,11 +1006,15 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
         }
     }
     _getFocusableElements() {
-        return [...this.stepFocusableElements, ...this.footerFocusableElements].filter(element => this._isTabbable(element));
+        return [
+            ...(this.closeButton ? [this.closeButton] : []),
+            ...this.stepFocusableElements,
+            ...this.footerFocusableElements
+        ].filter(element => this._isTabbable(element));
     }
     _focusCurrentStepElement() {
         const stepFocusable = this.stepFocusableElements.find(element => this._isTabbable(element));
-        (stepFocusable ?? this.nextButton ?? this.skipButton)?.focus();
+        (stepFocusable ?? this.nextButton ?? this.closeButton)?.focus();
     }
     _registerStepFocusable(element) {
         this.stepFocusableElements.push(element);
@@ -1052,7 +1055,7 @@ let OnboardingVariationA = class OnboardingVariationA extends Disposable {
         this.contentEl = undefined;
         this.backButton = undefined;
         this.nextButton = undefined;
-        this.skipButton = undefined;
+        this.closeButton = undefined;
         this.footerLeft = undefined;
         this._footerSignInBtn = undefined;
         this.footerFocusableElements.length = 0;

package/vscode/src/vs/workbench/contrib/welcomeOnboarding/browser/welcomeOnboarding.contribution.js

@@ -13,7 +13,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: "workbench.action.welcomeOnboarding2026",
-            title: ( localize2(15699, "Welcome Onboarding 2026")),
+            title: ( localize2(16001, "Welcome Onboarding 2026")),
             category: Categories.Developer,
             f1: true
         });

package/vscode/src/vs/workbench/contrib/welcomeViews/common/newFile.contribution.js

@@ -18,13 +18,13 @@ import { Extensions } from '@codingame/monaco-vscode-api/vscode/vs/workbench/com
 import { LifecyclePhase } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/lifecycle/common/lifecycle';
 
 var NewFileTemplatesManager_1;
-const builtInSource = ( localize(15714, "Built-In"));
-const category = ( localize2(15715, "Create"));
+const builtInSource = ( localize(16016, "Built-In"));
+const category = ( localize2(16017, "Create"));
 registerAction2(class extends Action2 {
     constructor() {
         super({
             id: "welcome.showNewFileEntries",
-            title: ( localize2(15716, "New File...")),
+            title: ( localize2(16018, "New File...")),
             category,
             f1: true,
             precondition: ( IsSessionsWindowContext.negate()),
@@ -108,8 +108,8 @@ let NewFileTemplatesManager = class NewFileTemplatesManager extends Disposable {
         const qp = this.quickInputService.createQuickPick({
             useSeparators: true
         });
-        qp.title = ( localize(15717, "New File..."));
-        qp.placeholder = ( localize(15718, "Select File Type or Enter File Name..."));
+        qp.title = ( localize(16019, "New File..."));
+        qp.placeholder = ( localize(16020, "Select File Type or Enter File Name..."));
         qp.sortByLabel = false;
         qp.matchOnDetail = true;
         qp.matchOnDescription = true;
@@ -136,8 +136,8 @@ let NewFileTemplatesManager = class NewFileTemplatesManager extends Disposable {
             return a.from.localeCompare(b.from);
         };
         const displayCategory = {
-            "file": ( localize(15719, "File")),
-            "notebook": ( localize(15720, "Notebook"))
+            "file": ( localize(16021, "File")),
+            "notebook": ( localize(16022, "Notebook"))
         };
         const refreshQp = entries => {
             const items = [];
@@ -159,7 +159,7 @@ let NewFileTemplatesManager = class NewFileTemplatesManager extends Disposable {
                     keybinding,
                     buttons: command ? [{
                         iconClass: "codicon codicon-gear",
-                        tooltip: ( localize(15721, "Configure Keybinding"))
+                        tooltip: ( localize(16023, "Configure Keybinding"))
                     }] : [],
                     detail: "",
                     description: entry.from
@@ -181,7 +181,7 @@ let NewFileTemplatesManager = class NewFileTemplatesManager extends Disposable {
                     viewType: undefined,
                     fileName: val
                 },
-                title: ( localize(15722, "Create New File ({0})", val)),
+                title: ( localize(16024, "Create New File ({0})", val)),
                 group: "file",
                 from: builtInSource
             };
@@ -215,7 +215,7 @@ MenuRegistry.appendMenuItem(MenuId.NewFile, {
     group: "file",
     command: {
         id: "workbench.action.files.newUntitledFile",
-        title: ( localize(15723, "Text File"))
+        title: ( localize(16025, "Text File"))
     },
     order: 1
 });

package/vscode/src/vs/workbench/contrib/welcomeViews/common/viewsWelcomeContribution.js

@@ -63,7 +63,7 @@ function parseGroupAndOrder(welcome, contribution) {
     if (welcome.group) {
         if (!isProposedApiEnabled(contribution.description)) {
             contribution.collector.warn(( localize(
-                15724,
+                16026,
                 "The viewsWelcome contribution in '{0}' requires 'enabledApiProposals: [\"contribViewsWelcome\"]' in order to use the 'group' proposed property.",
                 contribution.description.identifier.value
             )));

package/vscode/src/vs/workbench/contrib/welcomeViews/common/viewsWelcomeExtensionPoint.js

@@ -20,12 +20,12 @@ const ViewIdentifierMap = {
 const viewsWelcomeExtensionPointSchema = ( Object.freeze({
     type: "array",
     description: ( localize(
-        15725,
+        16027,
         "Contributed views welcome content. Welcome content will be rendered in tree based views whenever they have no meaningful content to display, ie. the File Explorer when no folder is open. Such content is useful as in-product documentation to drive users to use certain features before they are available. A good example would be a `Clone Repository` button in the File Explorer welcome view."
     )),
     items: {
         type: "object",
-        description: ( localize(15726, "Contributed welcome content for a specific view.")),
+        description: ( localize(16028, "Contributed welcome content for a specific view.")),
         required: [
             ViewsWelcomeExtensionPointFields.view,
             ViewsWelcomeExtensionPointFields.contents
@@ -35,13 +35,13 @@ const viewsWelcomeExtensionPointSchema = ( Object.freeze({
                 anyOf: [{
                     type: "string",
                     description: ( localize(
-                        15727,
+                        16029,
                         "Target view identifier for this welcome content. Only tree based views are supported."
                     ))
                 }, {
                     type: "string",
                     description: ( localize(
-                        15727,
+                        16029,
                         "Target view identifier for this welcome content. Only tree based views are supported."
                     )),
                     enum: ( Object.keys(ViewIdentifierMap))
@@ -50,22 +50,22 @@ const viewsWelcomeExtensionPointSchema = ( Object.freeze({
             [ViewsWelcomeExtensionPointFields.contents]: {
                 type: "string",
                 description: ( localize(
-                    15728,
+                    16030,
                     "Welcome content to be displayed. The format of the contents is a subset of Markdown, with support for links only."
                 ))
             },
             [ViewsWelcomeExtensionPointFields.when]: {
                 type: "string",
-                description: ( localize(15729, "Condition when the welcome content should be displayed."))
+                description: ( localize(16031, "Condition when the welcome content should be displayed."))
             },
             [ViewsWelcomeExtensionPointFields.group]: {
                 type: "string",
-                description: ( localize(15730, "Group to which this welcome content belongs. Proposed API."))
+                description: ( localize(16032, "Group to which this welcome content belongs. Proposed API."))
             },
             [ViewsWelcomeExtensionPointFields.enablement]: {
                 type: "string",
                 description: ( localize(
-                    15731,
+                    16033,
                     "Condition when the welcome content buttons and command links should be enabled."
                 ))
             }