@codingame/monaco-vscode-walkthrough-service-override 24.2.0 → 25.0.0

package/package.json

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

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.contribution.js

@@ -37,7 +37,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'workbench.action.openWalkthrough',
-            title: ( localize2(13113, 'Welcome')),
+            title: ( localize2(13165, 'Welcome')),
             category: Categories.Help,
             f1: true,
             menu: {
@@ -46,7 +46,7 @@ registerAction2(class extends Action2 {
                 order: 1,
             },
             metadata: {
-                description: ( localize2(13114, 'Opens a Walkthrough to help you get started in VS Code.'))
+                description: ( localize2(13166, 'Opens a Walkthrough to help you get started in VS Code.'))
             }
         });
     }
@@ -91,15 +91,15 @@ registerAction2(class extends Action2 {
     }
 });
 ( Registry.as(EditorExtensions.EditorFactory)).registerEditorSerializer(GettingStartedInput.ID, GettingStartedInputSerializer);
-( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(13115, "Welcome"))), [
+( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(13167, "Welcome"))), [
     ( new SyncDescriptor(GettingStartedInput))
 ]);
-const category = ( localize2(13115, "Welcome"));
+const category = ( localize2(13167, "Welcome"));
 registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'welcome.goBack',
-            title: ( localize2(13116, 'Go Back')),
+            title: ( localize2(13168, 'Go Back')),
             category,
             keybinding: {
                 weight: KeybindingWeight.EditorContrib,
@@ -135,7 +135,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'welcome.markStepComplete',
-            title: ( localize(13117, "Mark Step Complete")),
+            title: ( localize(13169, "Mark Step Complete")),
             category,
         });
     }
@@ -151,7 +151,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'welcome.markStepIncomplete',
-            title: ( localize(13118, "Mark Step Incomplete")),
+            title: ( localize(13170, "Mark Step Incomplete")),
             category,
         });
     }
@@ -167,7 +167,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'welcome.showAllWalkthroughs',
-            title: ( localize2(13119, 'Open Walkthrough...')),
+            title: ( localize2(13171, 'Open Walkthrough...')),
             category,
             f1: true,
             menu: {
@@ -199,7 +199,7 @@ registerAction2(class extends Action2 {
         quickPick.canSelectMany = false;
         quickPick.matchOnDescription = true;
         quickPick.matchOnDetail = true;
-        quickPick.placeholder = ( localize(13120, 'Select a walkthrough to open'));
+        quickPick.placeholder = ( localize(13172, 'Select a walkthrough to open'));
         quickPick.items = await this.getQuickPickItems(contextService, gettingStartedService);
         quickPick.busy = true;
         disposables.add(quickPick.onDidAccept(() => {
@@ -226,7 +226,7 @@ CommandsRegistry.registerCommand({
     }
 });
 const WorkspacePlatform = ( new RawContextKey('workspacePlatform', undefined, ( localize(
-    13121,
+    13173,
     "The platform of the current workspace, which in remote or serverless contexts may be different from the platform of the UI"
 ))));
 let WorkspacePlatformContribution = class WorkspacePlatformContribution {
@@ -278,7 +278,7 @@ configurationRegistry.registerConfiguration({
             type: 'boolean',
             default: true,
             description: ( localize(
-                13122,
+                13174,
                 "When enabled, an extension's walkthrough will open upon install of the extension."
             ))
         },
@@ -287,25 +287,25 @@ configurationRegistry.registerConfiguration({
             'type': 'string',
             'enum': ['none', 'welcomePage', 'readme', 'newUntitledFile', 'welcomePageInEmptyWorkbench', 'terminal'],
             'enumDescriptions': [
-                ( localize(13123, "Start without an editor.")),
+                ( localize(13175, "Start without an editor.")),
                 ( localize(
-                13124,
+                13176,
                 "Open the Welcome page, with content to aid in getting started with VS Code and extensions."
             )),
                 ( localize(
-                13125,
+                13177,
                 "Open the README when opening a folder that contains one, fallback to 'welcomePage' otherwise. Note: This is only observed as a global configuration, it will be ignored if set in a workspace or folder configuration."
             )),
                 ( localize(
-                13126,
+                13178,
                 "Open a new untitled text file (only applies when opening an empty window)."
             )),
-                ( localize(13127, "Open the Welcome page when opening an empty workbench.")),
-                ( localize(13128, "Open a new terminal in the editor area.")),
+                ( localize(13179, "Open the Welcome page when opening an empty workbench.")),
+                ( localize(13180, "Open a new terminal in the editor area.")),
             ],
             'default': 'welcomePage',
             'description': ( localize(
-                13129,
+                13181,
                 "Controls which editor is shown at startup, if none are restored from the previous session."
             ))
         },
@@ -313,8 +313,8 @@ configurationRegistry.registerConfiguration({
             scope: ConfigurationScope.APPLICATION,
             type: 'boolean',
             default: false,
-            deprecationMessage: ( localize(13130, "Deprecated, use the global `workbench.reduceMotion`.")),
-            description: ( localize(13131, "When enabled, reduce motion in welcome page."))
+            deprecationMessage: ( localize(13182, "Deprecated, use the global `workbench.reduceMotion`.")),
+            description: ( localize(13183, "When enabled, reduce motion in welcome page."))
         }
     }
 });

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.d.ts

@@ -121,6 +121,8 @@ export declare class GettingStartedPage extends EditorPane {
     protected createEditor(parent: HTMLElement): void;
     private buildCategoriesSlide;
     private buildRecentlyOpenedList;
+    private filterRecentlyOpened;
+    private refreshRecentlyOpened;
     private buildStartList;
     private buildGettingStartedWalkthroughsList;
     layout(size: Dimension): void;

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.js

@@ -3,6 +3,7 @@ import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
 import { $, addDisposableListener, clearNode, reset, append, getActiveElement } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { renderFormattedText } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/formattedTextRenderer';
+import { status } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/aria/aria';
 import { StandardKeyboardEvent } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/keyboardEvent';
 import { Button } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button';
 import { renderLabelWithIcons } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/iconLabel/iconLabels';
@@ -134,7 +135,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.container = $('.gettingStartedContainer', {
             role: 'document',
             tabindex: 0,
-            'aria-label': ( localize(13132, "Overview of how to get up to speed with your editor."))
+            'aria-label': ( localize(13184, "Overview of how to get up to speed with your editor."))
         });
         this.stepMediaComponent = $('.getting-started-media');
         this.stepMediaComponent.id = generateUuid();
@@ -171,7 +172,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.recentlyOpened = this.workspacesService.getRecentlyOpened();
         this._register(workspacesService.onDidChangeRecentlyOpened(() => {
             this.recentlyOpened = workspacesService.getRecentlyOpened();
-            rerender();
+            this.refreshRecentlyOpened();
         }));
         this._register(this.gettingStartedService.onDidChangeWalkthrough(category => {
             const ourCategory = this.gettingStartedCategories.find(c => c.id === category.id);
@@ -210,16 +211,19 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                         badgeelement.parentElement?.setAttribute('aria-checked', 'true');
                         badgeelement.classList.remove(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
                         badgeelement.classList.add('complete', ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
-                        badgeelement.setAttribute('aria-label', ( localize(13133, "Checkbox for Step {0}: Completed", step.title)));
+                        badgeelement.setAttribute('aria-label', ( localize(13185, "Checkbox for Step {0}: Completed", step.title)));
                     }
                     else {
                         badgeelement.setAttribute('aria-checked', 'false');
                         badgeelement.parentElement?.setAttribute('aria-checked', 'false');
                         badgeelement.classList.remove('complete', ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
                         badgeelement.classList.add(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
-                        badgeelement.setAttribute('aria-label', ( localize(13134, "Checkbox for Step {0}: Not completed", step.title)));
+                        badgeelement.setAttribute('aria-label', ( localize(13186, "Checkbox for Step {0}: Not completed", step.title)));
                     }
                 });
+                if (step.done) {
+                    status(( localize(13187, "Step {0} completed", step.title)));
+                }
             }
             this.updateCategoryProgress();
         }));
@@ -438,7 +442,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             label: x.title,
             detail: x.description,
             description: x.source,
-        }))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(13135, "Open Walkthrough...")) });
+        }))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(13188, "Open Walkthrough...")) });
         if (selection) {
             this.runDispatchCommand('selectCategory', selection.id);
         }
@@ -620,7 +624,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const themeType = this.themeService.getColorTheme().type;
             const videoPath = media.path[themeType];
             const videoPoster = media.poster ? media.poster[themeType] : undefined;
-            const altText = media.altText ? media.altText : ( localize(13136, "Video for {0}", stepToExpand.title));
+            const altText = media.altText ? media.altText : ( localize(13189, "Video for {0}", stepToExpand.title));
             const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster, altText);
             this.webview.setHtml(rawHTML);
             let isDisposed = false;
@@ -651,8 +655,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     provideScreenReaderUpdate() {
         if (this.configurationService.getValue(AccessibilityVerbositySettingId.Walkthrough)) {
             const kbLabel = this.keybindingService.lookupKeybinding(AccessibleViewAction.id)?.getAriaLabel();
-            return kbLabel ? ( localize(13137, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
-                13138,
+            return kbLabel ? ( localize(13190, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
+                13191,
                 "Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
             ));
         }
@@ -715,7 +719,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.categoriesPageScrollbar.dispose();
         }
         this.categoriesSlide = $('.gettingStartedSlideCategories.gettingStartedSlide');
-        const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(13139, "Go Back"))));
+        const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(13192, "Go Back"))));
         this.stepsSlide = $('.gettingStartedSlideDetails.gettingStartedSlide', {}, prevButton);
         this.stepsContent = $('.gettingStartedDetailsContent', {});
         this.detailsPageScrollbar = this._register(( new DomScrollableElement(
@@ -739,11 +743,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             icon: Codicon.check,
             actionClassName: 'getting-started-checkbox',
             isChecked: this.configurationService.getValue(configurationKey) === 'welcomePage',
-            title: ( localize(13140, "When checked, this page will be shown on startup.")),
+            title: ( localize(13193, "When checked, this page will be shown on startup.")),
             ...defaultToggleStyles
         }));
         showOnStartupCheckbox.domNode.id = 'showOnStartup';
-        const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(13141, "Show welcome page on startup")));
+        const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(13194, "Show welcome page on startup")));
         const onShowOnStartupChanged = () => {
             if (showOnStartupCheckbox.checked) {
                 this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'showOnStartupChecked', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
@@ -762,7 +766,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             showOnStartupCheckbox.checked = !showOnStartupCheckbox.checked;
             onShowOnStartupChanged();
         }));
-        const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(13142, "Editing evolved"))));
+        const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(13195, "Editing evolved"))));
         const leftColumn = $('.categories-column.categories-column-left', {});
         const rightColumn = $('.categories-column.categories-column-right', {});
         const startList = this.buildStartList();
@@ -843,20 +847,23 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         const renderRecent = (recent) => {
             let fullPath;
             let windowOpenable;
+            let resourceUri;
             if (isRecentFolder(recent)) {
                 windowOpenable = { folderUri: recent.folderUri };
                 fullPath = recent.label || this.labelService.getWorkspaceLabel(recent.folderUri, { verbose: Verbosity.LONG });
+                resourceUri = recent.folderUri;
             }
             else {
                 fullPath = recent.label || this.labelService.getWorkspaceLabel(recent.workspace, { verbose: Verbosity.LONG });
                 windowOpenable = { workspaceUri: recent.workspace.configPath };
+                resourceUri = recent.workspace.configPath;
             }
             const { name, parentPath } = splitRecentLabel(fullPath);
             const li = $('li');
             const link = $('button.button-link');
             link.innerText = name;
             link.title = fullPath;
-            link.setAttribute('aria-label', ( localize(13143, "Open folder {0} with path {1}", name, parentPath)));
+            link.setAttribute('aria-label', ( localize(13196, "Open folder {0} with path {1}", name, parentPath)));
             link.addEventListener('click', e => {
                 this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'openRecent', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
                 this.hostService.openWindow([windowOpenable], {
@@ -873,34 +880,49 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             span.innerText = parentPath;
             span.title = fullPath;
             li.appendChild(span);
+            const deleteButton = $('a.codicon.codicon-close.hide-category-button.recently-opened-delete-button', {
+                'tabindex': 0,
+                'role': 'button',
+                'title': ( localize(13197, "Remove from Recently Opened")),
+                'aria-label': ( localize(13198, "Remove {0} from Recently Opened", name)),
+            });
+            const handleDelete = async (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                await this.workspacesService.removeRecentlyOpened([resourceUri]);
+            };
+            deleteButton.addEventListener('click', handleDelete);
+            deleteButton.addEventListener('keydown', async (e) => {
+                const event = ( new StandardKeyboardEvent(e));
+                if (event.keyCode === KeyCode.Enter || event.keyCode === KeyCode.Space) {
+                    await handleDelete(e);
+                }
+            });
+            li.appendChild(deleteButton);
             return li;
         };
         if (this.recentlyOpenedList) {
             this.recentlyOpenedList.dispose();
         }
         const recentlyOpenedList = this.recentlyOpenedList = ( new GettingStartedIndexList({
-            title: ( localize(13144, "Recent")),
+            title: ( localize(13199, "Recent")),
             klass: 'recently-opened',
             limit: 5,
-            empty: $('.empty-recent', {}, ( localize(13145, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(13146, "open a folder"))), ( localize(13147, "to start."))),
+            empty: $('.empty-recent', {}, ( localize(13200, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(13201, "open a folder"))), ( localize(13202, "to start."))),
             more: $('.more', {}, $('button.button-link', {
                 'x-dispatch': 'showMoreRecents',
                 title: ( localize(
-                    13148,
+                    13203,
                     "Show All Recent Folders {0}",
                     this.getKeybindingLabel(OpenRecentAction.ID)
                 ))
-            }, ( localize(13149, "More...")))),
+            }, ( localize(13204, "More...")))),
             renderElement: renderRecent,
             contextService: this.contextService
         }));
         recentlyOpenedList.onDidChange(() => this.registerDispatchListeners());
         this.recentlyOpened.then(({ workspaces }) => {
-            const workspacesWithID = ( workspaces
-                .filter(recent => !this.workspaceContextService.isCurrentWorkspace(isRecentWorkspace(recent) ? recent.workspace : recent.folderUri))
-                .map(
-                recent => ({ ...recent, id: isRecentWorkspace(recent) ? recent.workspace.id : ( recent.folderUri.toString()) })
-            ));
+            const workspacesWithID = this.filterRecentlyOpened(workspaces);
             const updateEntries = () => {
                 recentlyOpenedList.setEntries(workspacesWithID);
             };
@@ -909,6 +931,22 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         }).catch(onUnexpectedError);
         return recentlyOpenedList;
     }
+    filterRecentlyOpened(workspaces) {
+        return ( workspaces
+            .filter(recent => !this.workspaceContextService.isCurrentWorkspace(isRecentWorkspace(recent) ? recent.workspace : recent.folderUri))
+            .map(
+            recent => ({ ...recent, id: isRecentWorkspace(recent) ? recent.workspace.id : ( recent.folderUri.toString()) })
+        ));
+    }
+    refreshRecentlyOpened() {
+        if (!this.recentlyOpenedList) {
+            return;
+        }
+        this.recentlyOpened.then(({ workspaces }) => {
+            const workspacesWithID = this.filterRecentlyOpened(workspaces);
+            this.recentlyOpenedList?.setEntries(workspacesWithID);
+        }).catch(onUnexpectedError);
+    }
     buildStartList() {
         const renderStartEntry = (entry) => $('li', {}, $('button.button-link', {
             'x-dispatch': 'selectStartEntry:' + entry.id,
@@ -918,7 +956,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.startList.dispose();
         }
         const startList = this.startList = ( new GettingStartedIndexList({
-            title: ( localize(13150, "Start")),
+            title: ( localize(13205, "Start")),
             klass: 'start-container',
             limit: 10,
             renderElement: renderStartEntry,
@@ -934,10 +972,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const renderNewBadge = (category.newItems || category.newEntry) && !category.isFeatured;
             const newBadge = $('.new-badge', {});
             if (category.newEntry) {
-                reset(newBadge, $('.new-category', {}, ( localize(13151, "New"))));
+                reset(newBadge, $('.new-category', {}, ( localize(13206, "New"))));
             }
             else if (category.newItems) {
-                reset(newBadge, $('.new-items', {}, ( localize(13152, "Updated"))));
+                reset(newBadge, $('.new-items', {}, ( localize(13207, "Updated"))));
             }
             const featuredBadge = $('.featured-badge', {});
             const descriptionContent = $('.description-content', {});
@@ -953,9 +991,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             }, featuredBadge, $('.main-content', {}, this.iconWidgetFor(category), titleContent, renderNewBadge ? newBadge : $('.no-badge'), $('a.codicon.codicon-close.hide-category-button', {
                 'tabindex': 0,
                 'x-dispatch': 'hideCategory:' + category.id,
-                'title': ( localize(13153, "Hide")),
+                'title': ( localize(13208, "Hide")),
                 'role': 'button',
-                'aria-label': ( localize(13154, "Hide")),
+                'aria-label': ( localize(13209, "Hide")),
             })), descriptionContent, $('.category-progress', { 'x-data-category-id': category.id, }, $('.progress-bar-outer', { 'role': 'progressbar' }, $('.progress-bar-inner'))));
         };
         if (this.gettingStartedList) {
@@ -981,10 +1019,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             return rank;
         };
         const gettingStartedList = this.gettingStartedList = ( new GettingStartedIndexList({
-            title: ( localize(13155, "Walkthroughs")),
+            title: ( localize(13210, "Walkthroughs")),
             klass: 'getting-started',
             limit: 5,
-            footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(13149, "More..."))),
+            footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(13204, "More..."))),
             renderElement: renderGetttingStaredWalkthrough,
             rankElement: rankWalkthrough,
             contextService: this.contextService,
@@ -1037,10 +1075,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             bar.style.width = `${progress}%`;
             element.parentElement.classList.toggle('no-progress', stats.stepsComplete === 0);
             if (stats.stepsTotal === stats.stepsComplete) {
-                bar.title = ( localize(13156, "All {0} steps complete!", stats.stepsComplete));
+                bar.title = ( localize(13211, "All {0} steps complete!", stats.stepsComplete));
             }
             else {
-                bar.title = ( localize(13157, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
+                bar.title = ( localize(13212, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
             }
         });
     }
@@ -1164,7 +1202,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 if (isCommand) {
                     const keybinding = this.getKeyBinding(command);
                     if (keybinding) {
-                        const shortcutMessage = $('span.shortcut-message', {}, ( localize(13158, 'Tip: Use keyboard shortcut ')));
+                        const shortcutMessage = $('span.shortcut-message', {}, ( localize(13213, 'Tip: Use keyboard shortcut ')));
                         container.appendChild(shortcutMessage);
                         const label = ( new KeybindingLabel(shortcutMessage, OS, { ...defaultKeybindingLabelStyles }));
                         label.set(keybinding);
@@ -1255,8 +1293,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                     'role': 'checkbox',
                     'aria-checked': step.done ? 'true' : 'false',
                     'aria-label': step.done
-                        ? ( localize(13133, "Checkbox for Step {0}: Completed", step.title))
-                        : ( localize(13134, "Checkbox for Step {0}: Not completed", step.title)),
+                        ? ( localize(13185, "Checkbox for Step {0}: Completed", step.title))
+                        : ( localize(13186, "Checkbox for Step {0}: Not completed", step.title)),
                 });
                 const container = $('.step-description-container', { 'x-step-description-for': step.id });
                 this.buildMarkdownDescription(container, step.description);
@@ -1264,10 +1302,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 reset(stepTitle, ...renderLabelWithIcons(step.title));
                 const stepDescription = $('.step-container', {}, stepTitle, container);
                 if (step.media.type === 'image') {
-                    stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(13159, "Image showing {0}", step.media.altText)) }));
+                    stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(13214, "Image showing {0}", step.media.altText)) }));
                 }
                 else if (step.media.type === 'video') {
-                    stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(13160, "Video showing {0}", step.media.altText)) }));
+                    stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(13215, "Video showing {0}", step.media.altText)) }));
                 }
                 return $('button.getting-started-step', {
                     'x-dispatch': 'selectTask:' + step.id,
@@ -1287,8 +1325,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             }
         }));
         const showNextCategory = this.gettingStartedCategories.find(_category => _category.id === category.next);
-        const stepsContainer = $('.getting-started-detail-container', { 'role': 'list' }, stepListContainer, $('.done-next-container', {}, $('button.button-link.all-done', { 'x-dispatch': 'allDone' }, $('span.codicon.codicon-check-all'), ( localize(13161, "Mark Done"))), ...(showNextCategory
-            ? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(13162, "Next Section")), $('span.codicon.codicon-arrow-right'))]
+        const stepsContainer = $('.getting-started-detail-container', { 'role': 'list' }, stepListContainer, $('.done-next-container', {}, $('button.button-link.all-done', { 'x-dispatch': 'allDone' }, $('span.codicon.codicon-check-all'), ( localize(13216, "Mark Done"))), ...(showNextCategory
+            ? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(13217, "Next Section")), $('span.codicon.codicon-arrow-right'))]
             : [])));
         this.detailsScrollbar = this._register(( new DomScrollableElement(stepsContainer, { className: 'steps-container' })));
         const stepListComponent = this.detailsScrollbar.getDomNode();
@@ -1304,12 +1342,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.registerDispatchListeners();
     }
     buildTelemetryFooter(parent) {
-        const privacyStatementCopy = ( localize(13163, "privacy statement"));
+        const privacyStatementCopy = ( localize(13218, "privacy statement"));
         const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
-        const optOutCopy = ( localize(13164, "opt out"));
+        const optOutCopy = ( localize(13219, "opt out"));
         const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
         const text = ( localize(
-            13165,
+            13220,
             "{0} collects usage data. Read our {1} and learn how to {2}.",
             this.productService.nameShort,
             privacyStatementButton,
@@ -1383,7 +1421,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const prevButton = this.container.querySelector('.prev-button.button-link');
             prevButton.style.display = this.editorInput?.showWelcome || this.prevWalkthrough ? 'block' : 'none';
             const moreTextElement = prevButton.querySelector('.moreText');
-            moreTextElement.textContent = firstLaunch ? ( localize(13166, "Welcome")) : ( localize(13139, "Go Back"));
+            moreTextElement.textContent = firstLaunch ? ( localize(13221, "Welcome")) : ( localize(13192, "Go Back"));
             this.container.querySelector('.gettingStartedSlideDetails').querySelectorAll('button').forEach(button => button.disabled = false);
             this.container.querySelector('.gettingStartedSlideCategories').querySelectorAll('button').forEach(button => button.disabled = true);
             this.container.querySelector('.gettingStartedSlideCategories').querySelectorAll('input').forEach(button => button.disabled = true);

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedAccessibleView.js

@@ -116,11 +116,11 @@ class GettingStartedAccessibleProvider extends Disposable {
     }
     _getContent(waltkrough, step, includeTitle) {
         const description = ( step.description.map(lt => lt.nodes.filter(node => typeof node === 'string'))).join('\n');
-        const stepsContent = ( localize(13167, '{0}\n{1}', step.title, description));
+        const stepsContent = ( localize(13222, '{0}\n{1}', step.title, description));
         if (includeTitle) {
             return [
-                ( localize(13168, 'Title: {0}', waltkrough.title)),
-                ( localize(13169, 'Description: {0}', waltkrough.description)),
+                ( localize(13223, 'Title: {0}', waltkrough.title)),
+                ( localize(13224, 'Description: {0}', waltkrough.description)),
                 stepsContent
             ].join('\n');
         }

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors.js

@@ -12,10 +12,10 @@ import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/quic
 import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/searchColors';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
 
-registerColor('welcomePage.background', null, ( localize(13170, 'Background color for the Welcome page.')));
-registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(13171, 'Background color for the tiles on the Welcome page.')));
-registerColor('welcomePage.tileHoverBackground', { dark: ( lighten(editorWidgetBackground, .2)), light: ( darken(editorWidgetBackground, .1)), hcDark: null, hcLight: null }, ( localize(13172, 'Hover background color for the tiles on the Welcome.')));
-registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(13173, 'Border color for the tiles on the Welcome page.')));
-registerColor('welcomePage.progress.background', inputBackground, ( localize(13174, 'Foreground color for the Welcome page progress bars.')));
-registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(13175, 'Background color for the Welcome page progress bars.')));
-registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(13176, 'Foreground color of the heading of each walkthrough step')));
+registerColor('welcomePage.background', null, ( localize(13225, 'Background color for the Welcome page.')));
+registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(13226, 'Background color for the tiles on the Welcome page.')));
+registerColor('welcomePage.tileHoverBackground', { dark: ( lighten(editorWidgetBackground, .2)), light: ( darken(editorWidgetBackground, .1)), hcDark: null, hcLight: null }, ( localize(13227, 'Hover background color for the tiles on the Welcome.')));
+registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(13228, 'Border color for the tiles on the Welcome page.')));
+registerColor('welcomePage.progress.background', inputBackground, ( localize(13229, 'Foreground color for the Welcome page progress bars.')));
+registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(13230, 'Background color for the Welcome page progress bars.')));
+registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(13231, 'Foreground color of the heading of each walkthrough step')));