@codingame/monaco-vscode-walkthrough-service-override 9.0.3 → 10.0.0

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

@@ -10,7 +10,6 @@ import { equals, coalesce } from 'vscode/vscode/vs/base/common/arrays';
 import { Throttler, Delayer } from 'vscode/vscode/vs/base/common/async';
 import { Codicon } from 'vscode/vscode/vs/base/common/codicons';
 import { onUnexpectedError } from 'vscode/vscode/vs/base/common/errors';
-import { KeyCode } from 'vscode/vscode/vs/base/common/keyCodes';
 import { splitRecentLabel } from 'vscode/vscode/vs/base/common/labels';
 import { DisposableStore, toDisposable } from 'vscode/vscode/vs/base/common/lifecycle';
 import { parse } from 'vscode/vscode/vs/base/common/marshalling';
@@ -26,23 +25,21 @@ import { MarkdownRenderer } from 'vscode/vscode/vs/editor/browser/widget/markdow
 import { localize } from 'vscode/vscode/vs/nls';
 import { IAccessibilityService } from 'vscode/vscode/vs/platform/accessibility/common/accessibility.service';
 import { ICommandService } from 'vscode/vscode/vs/platform/commands/common/commands.service';
-import { ConfigurationTarget } from 'vscode/vscode/vs/platform/configuration/common/configuration';
 import { IConfigurationService } from 'vscode/vscode/vs/platform/configuration/common/configuration.service';
 import { RawContextKey, ContextKeyExpr } from 'vscode/vscode/vs/platform/contextkey/common/contextkey';
 import { IContextKeyService } from 'vscode/vscode/vs/platform/contextkey/common/contextkey.service';
 import { IFileService } from 'vscode/vscode/vs/platform/files/common/files.service';
 import { IInstantiationService } from 'vscode/vscode/vs/platform/instantiation/common/instantiation';
 import { IKeybindingService } from 'vscode/vscode/vs/platform/keybinding/common/keybinding.service';
-import { Verbosity } from 'vscode/vscode/vs/platform/label/common/label';
 import { ILabelService } from 'vscode/vscode/vs/platform/label/common/label.service';
 import { INotificationService } from 'vscode/vscode/vs/platform/notification/common/notification.service';
 import { Link } from 'vscode/vscode/vs/platform/opener/browser/link';
 import { IOpenerService } from 'vscode/vscode/vs/platform/opener/common/opener.service';
 import { IProductService } from 'vscode/vscode/vs/platform/product/common/productService.service';
 import { IQuickInputService } from 'vscode/vscode/vs/platform/quickinput/common/quickInput.service';
-import { WillSaveStateReason, StorageScope, StorageTarget } from 'vscode/vscode/vs/platform/storage/common/storage';
+import { WillSaveStateReason } from 'vscode/vscode/vs/platform/storage/common/storage';
 import { IStorageService } from 'vscode/vscode/vs/platform/storage/common/storage.service';
-import { firstSessionDateStorageKey, TelemetryLevel } from 'vscode/vscode/vs/platform/telemetry/common/telemetry';
+import { firstSessionDateStorageKey } from 'vscode/vscode/vs/platform/telemetry/common/telemetry';
 import { ITelemetryService } from 'vscode/vscode/vs/platform/telemetry/common/telemetry.service';
 import { getTelemetryLevel } from 'vscode/vscode/vs/platform/telemetry/common/telemetryUtils';
 import { defaultToggleStyles, defaultButtonStyles } from 'vscode/vscode/vs/platform/theme/browser/defaultStyles';
@@ -63,12 +60,12 @@ import { hiddenEntriesConfigurationKey, parseDescription } from './gettingStarte
 import { IWalkthroughsService } from 'vscode/vscode/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedService.service';
 import { restoreWalkthroughsConfigurationKey } from './startupPage.js';
 import { startEntries } from '../common/gettingStartedContent.js';
-import { GroupDirection, GroupsOrder } from 'vscode/vscode/vs/workbench/services/editor/common/editorGroupsService';
 import { IEditorGroupsService } from 'vscode/vscode/vs/workbench/services/editor/common/editorGroupsService.service';
 import { IExtensionService } from 'vscode/vscode/vs/workbench/services/extensions/common/extensions.service';
 import { IHostService } from 'vscode/vscode/vs/workbench/services/host/browser/host.service';
 import { IWorkbenchThemeService } from 'vscode/vscode/vs/workbench/services/themes/common/workbenchThemeService.service';
 import { GettingStartedIndexList } from './gettingStartedList.js';
+import { AccessibleViewAction } from 'vscode/vscode/vs/workbench/contrib/accessibility/browser/accessibleViewActions';
 
 var GettingStartedPage_1;
 const SLIDE_TRANSITION_TIME_MS = 250;
@@ -124,7 +121,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.container = $('.gettingStartedContainer', {
             role: 'document',
             tabindex: 0,
-            'aria-label': ( localize(7491, "Overview of how to get up to speed with your editor."))
+            'aria-label': ( localize(7546, "Overview of how to get up to speed with your editor."))
         });
         this.stepMediaComponent = $('.getting-started-media');
         this.stepMediaComponent.id = generateUuid();
@@ -222,7 +219,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 return;
             }
             const restoreData = { folder: UNKNOWN_EMPTY_WINDOW_WORKSPACE.id, category: this.editorInput.selectedCategory, step: this.editorInput.selectedStep };
-            this.storageService.store(restoreWalkthroughsConfigurationKey, JSON.stringify(restoreData), StorageScope.PROFILE, StorageTarget.MACHINE);
+            this.storageService.store(restoreWalkthroughsConfigurationKey, JSON.stringify(restoreData), 0 , 1 );
         }));
     }
     shouldAnimate() {
@@ -273,8 +270,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                     const keyboardEvent = ( (new StandardKeyboardEvent(e)));
                     e.stopPropagation();
                     switch (keyboardEvent.keyCode) {
-                        case KeyCode.Enter:
-                        case KeyCode.Space:
+                        case 3 :
+                        case 10 :
                             this.runDispatchCommand(command, argument);
                             return;
                     }
@@ -345,6 +342,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             case 'nextSection': {
                 const next = this.currentWalkthrough?.next;
                 if (next) {
+                    this.prevWalkthrough = this.currentWalkthrough;
                     this.scrollToCategory(next);
                 }
                 else {
@@ -401,7 +399,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             label: x.title,
             detail: x.description,
             description: x.source,
-        })))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(7492, "Open Walkthrough...")) });
+        })))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(7547, "Open Walkthrough...")) });
         if (selection) {
             this.runDispatchCommand('selectCategory', selection.id);
         }
@@ -409,12 +407,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     getHiddenCategories() {
         return (
              (new Set(
-                JSON.parse(this.storageService.get(hiddenEntriesConfigurationKey, StorageScope.PROFILE, '[]'))
+                JSON.parse(this.storageService.get(hiddenEntriesConfigurationKey, 0 , '[]'))
             ))
         );
     }
     setHiddenCategories(hidden) {
-        this.storageService.store(hiddenEntriesConfigurationKey, JSON.stringify(hidden), StorageScope.PROFILE, StorageTarget.USER);
+        this.storageService.store(hiddenEntriesConfigurationKey, JSON.stringify(hidden), 0 , 0 );
     }
     async buildMediaComponent(stepId, forceRebuild = false) {
         if (!this.currentWalkthrough) {
@@ -565,7 +563,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                     const themeId = message.slice('setTheme:'.length);
                     const theme = (await this.themeService.getColorThemes()).find(theme => theme.settingsId === themeId);
                     if (theme) {
-                        this.themeService.setColorTheme(theme.id, ConfigurationTarget.USER);
+                        this.themeService.setColorTheme(theme.id, 2 );
                     }
                 }
                 else {
@@ -583,6 +581,16 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.selectStep(toSelect);
         }
     }
+    provideScreenReaderUpdate() {
+        if (this.configurationService.getValue("accessibility.verbosity.walkthrough" )) {
+            const kbLabel = this.keybindingService.lookupKeybinding(AccessibleViewAction.id)?.getAriaLabel();
+            return kbLabel ? ( localize(7548, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
+                7549,
+                "Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
+            ));
+        }
+        return '';
+    }
     async selectStep(id, delayFocus = true) {
         if (id) {
             let stepElement = this.container.querySelector(`[data-step-id="${id}"]`);
@@ -605,6 +613,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             stepElement.setAttribute('aria-expanded', 'true');
             this.buildMediaComponent(id, true);
             this.gettingStartedService.progressByEvent('stepSelected:' + id);
+            const step = this.currentWalkthrough?.steps?.find(step => step.id === id);
+            if (step) {
+                stepElement.setAttribute('aria-label', `${this.provideScreenReaderUpdate()} ${step.title}`);
+            }
         }
         else {
             this.editorInput.selectedStep = undefined;
@@ -625,7 +637,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(7493, "Welcome"))));
+        const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(7550, "Go Back"))));
         this.stepsSlide = $('.gettingStartedSlideDetails.gettingStartedSlide', {}, prevButton);
         this.stepsContent = $('.gettingStartedDetailsContent', {});
         this.detailsPageScrollbar = this._register(( (new DomScrollableElement(this.stepsContent, { className: 'full-height-scrollable' }))));
@@ -646,11 +658,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             icon: Codicon.check,
             actionClassName: 'getting-started-checkbox',
             isChecked: this.configurationService.getValue(configurationKey) === 'welcomePage',
-            title: ( localize(7494, "When checked, this page will be shown on startup.")),
+            title: ( localize(7551, "When checked, this page will be shown on startup.")),
             ...defaultToggleStyles
         })));
         showOnStartupCheckbox.domNode.id = 'showOnStartup';
-        const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(7495, "Show welcome page on startup")));
+        const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(7552, "Show welcome page on startup")));
         const onShowOnStartupChanged = () => {
             if (showOnStartupCheckbox.checked) {
                 this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'showOnStartupChecked', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
@@ -669,7 +681,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(7496, "Editing evolved"))));
+        const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(7553, "Editing evolved"))));
         const leftColumn = $('.categories-column.categories-column-left', {});
         const rightColumn = $('.categories-column.categories-column-right', {});
         const startList = this.buildStartList();
@@ -729,7 +741,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             footer.appendChild(telemetryNotice);
         }
         else if (!this.productService.openToWelcomeMainPage && !someStepsComplete && !this.hasScrolledToFirstCategory && this.showFeaturedWalkthrough) {
-            const firstSessionDateString = this.storageService.get(firstSessionDateStorageKey, StorageScope.APPLICATION) || ( (new Date())).toUTCString();
+            const firstSessionDateString = this.storageService.get(firstSessionDateStorageKey, -1 ) || ( (new Date())).toUTCString();
             const daysSinceFirstSession = ((+( (new Date()))) - (+( (new Date(firstSessionDateString))))) / 1000 / 60 / 60 / 24;
             const fistContentBehaviour = daysSinceFirstSession < 1 ? 'openToFirstCategory' : 'index';
             if (fistContentBehaviour === 'openToFirstCategory') {
@@ -739,7 +751,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                     this.currentWalkthrough = first;
                     this.editorInput.selectedCategory = this.currentWalkthrough?.id;
                     this.buildCategorySlide(this.editorInput.selectedCategory, undefined);
-                    this.setSlide('details');
+                    this.setSlide('details', true );
                     return;
                 }
             }
@@ -752,10 +764,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             let windowOpenable;
             if (isRecentFolder(recent)) {
                 windowOpenable = { folderUri: recent.folderUri };
-                fullPath = recent.label || this.labelService.getWorkspaceLabel(recent.folderUri, { verbose: Verbosity.LONG });
+                fullPath = recent.label || this.labelService.getWorkspaceLabel(recent.folderUri, { verbose: 2  });
             }
             else {
-                fullPath = recent.label || this.labelService.getWorkspaceLabel(recent.workspace, { verbose: Verbosity.LONG });
+                fullPath = recent.label || this.labelService.getWorkspaceLabel(recent.workspace, { verbose: 2  });
                 windowOpenable = { workspaceUri: recent.workspace.configPath };
             }
             const { name, parentPath } = splitRecentLabel(fullPath);
@@ -763,7 +775,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const link = $('button.button-link');
             link.innerText = name;
             link.title = fullPath;
-            link.setAttribute('aria-label', ( localize(7497, "Open folder {0} with path {1}", name, parentPath)));
+            link.setAttribute('aria-label', ( localize(7554, "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], {
@@ -786,18 +798,18 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.recentlyOpenedList.dispose();
         }
         const recentlyOpenedList = this.recentlyOpenedList = ( (new GettingStartedIndexList({
-            title: ( localize(7498, "Recent")),
+            title: ( localize(7555, "Recent")),
             klass: 'recently-opened',
             limit: 5,
-            empty: $('.empty-recent', {}, ( localize(7499, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(7500, "open a folder"))), ( localize(7501, "to start."))),
+            empty: $('.empty-recent', {}, ( localize(7556, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(7557, "open a folder"))), ( localize(7558, "to start."))),
             more: $('.more', {}, $('button.button-link', {
                 'x-dispatch': 'showMoreRecents',
                 title: ( localize(
-                    7502,
+                    7559,
                     "Show All Recent Folders {0}",
                     this.getKeybindingLabel(OpenRecentAction.ID)
                 ))
-            }, ( localize(7503, "More...")))),
+            }, ( localize(7560, "More...")))),
             renderElement: renderRecent,
             contextService: this.contextService
         })));
@@ -825,7 +837,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.startList.dispose();
         }
         const startList = this.startList = ( (new GettingStartedIndexList({
-            title: ( localize(7504, "Start")),
+            title: ( localize(7561, "Start")),
             klass: 'start-container',
             limit: 10,
             renderElement: renderStartEntry,
@@ -841,10 +853,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(7505, "New"))));
+                reset(newBadge, $('.new-category', {}, ( localize(7562, "New"))));
             }
             else if (category.newItems) {
-                reset(newBadge, $('.new-items', {}, ( localize(7506, "Updated"))));
+                reset(newBadge, $('.new-items', {}, ( localize(7563, "Updated"))));
             }
             const featuredBadge = $('.featured-badge', {});
             const descriptionContent = $('.description-content', {});
@@ -860,9 +872,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(7507, "Hide")),
+                'title': ( localize(7564, "Hide")),
                 'role': 'button',
-                'aria-label': ( localize(7508, "Hide")),
+                'aria-label': ( localize(7565, "Hide")),
             })), descriptionContent, $('.category-progress', { 'x-data-category-id': category.id, }, $('.progress-bar-outer', { 'role': 'progressbar' }, $('.progress-bar-inner'))));
         };
         if (this.gettingStartedList) {
@@ -888,10 +900,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             return rank;
         };
         const gettingStartedList = this.gettingStartedList = ( (new GettingStartedIndexList({
-            title: ( localize(7509, "Walkthroughs")),
+            title: ( localize(7566, "Walkthroughs")),
             klass: 'getting-started',
             limit: 5,
-            footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(7503, "More..."))),
+            footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(7560, "More..."))),
             renderElement: renderGetttingStaredWalkthrough,
             rankElement: rankWalkthrough,
             contextService: this.contextService,
@@ -944,10 +956,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(7510, "All {0} steps complete!", stats.stepsComplete));
+                bar.title = ( localize(7567, "All {0} steps complete!", stats.stepsComplete));
             }
             else {
-                bar.title = ( localize(7511, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
+                bar.title = ( localize(7568, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
             }
         });
     }
@@ -979,13 +991,13 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             return;
         }
         if (this.groupsService.count === 1) {
-            const sideGroup = this.groupsService.addGroup(this.groupsService.groups[0], GroupDirection.RIGHT);
+            const sideGroup = this.groupsService.addGroup(this.groupsService.groups[0], 3 );
             this.groupsService.activateGroup(sideGroup);
             const gettingStartedSize = Math.floor(fullSize.width / 2);
-            const gettingStartedGroup = this.groupsService.getGroups(GroupsOrder.MOST_RECENTLY_ACTIVE).find(group => (group.activeEditor instanceof GettingStartedInput));
+            const gettingStartedGroup = this.groupsService.getGroups(1 ).find(group => (group.activeEditor instanceof GettingStartedInput));
             this.groupsService.setSize(assertIsDefined(gettingStartedGroup), { width: gettingStartedSize, height: fullSize.height });
         }
-        const nonGettingStartedGroup = this.groupsService.getGroups(GroupsOrder.MOST_RECENTLY_ACTIVE).find(group => !(group.activeEditor instanceof GettingStartedInput));
+        const nonGettingStartedGroup = this.groupsService.getGroups(1 ).find(group => !(group.activeEditor instanceof GettingStartedInput));
         if (nonGettingStartedGroup) {
             this.groupsService.activateGroup(nonGettingStartedGroup);
             nonGettingStartedGroup.focus();
@@ -1023,7 +1035,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                     selectedStepIndex > -1 &&
                     this.currentWalkthrough?.steps.slice(selectedStepIndex + 1).some(step => !step.done)) {
                     const restoreData = { folder: UNKNOWN_EMPTY_WINDOW_WORKSPACE.id, category: this.editorInput.selectedCategory, step: this.editorInput.selectedStep };
-                    this.storageService.store(restoreWalkthroughsConfigurationKey, JSON.stringify(restoreData), StorageScope.PROFILE, StorageTarget.MACHINE);
+                    this.storageService.store(restoreWalkthroughsConfigurationKey, JSON.stringify(restoreData), 0 , 1 );
                 }
             }
             this.commandService.executeCommand(commandURI.path, ...args).then(result => {
@@ -1034,7 +1046,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                         return;
                     }
                     const restoreData = { folder: ( (toOpen.toString())), category: this.editorInput.selectedCategory, step: this.editorInput.selectedStep };
-                    this.storageService.store(restoreWalkthroughsConfigurationKey, JSON.stringify(restoreData), StorageScope.PROFILE, StorageTarget.MACHINE);
+                    this.storageService.store(restoreWalkthroughsConfigurationKey, JSON.stringify(restoreData), 0 , 1 );
                     this.hostService.openWindow([{ folderUri: toOpen }]);
                 }
             });
@@ -1069,7 +1081,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 if (isCommand) {
                     const keybindingLabel = this.getKeybindingLabel(command);
                     if (keybindingLabel) {
-                        container.appendChild($('span.shortcut-message', {}, ( localize(7512, 'Tip: Use keyboard shortcut ')), $('span.keybinding', {}, keybindingLabel)));
+                        container.appendChild($('span.shortcut-message', {}, ( localize(7569, 'Tip: Use keyboard shortcut ')), $('span.keybinding', {}, keybindingLabel)));
                     }
                 }
                 this.detailsPageDisposables.add(button);
@@ -1121,13 +1133,13 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.detailsPageDisposables.add(addDisposableListener(stepListContainer, 'keydown', (e) => {
             const event = ( (new StandardKeyboardEvent(e)));
             const currentStepIndex = () => category.steps.findIndex(e => e.id === this.editorInput.selectedStep);
-            if (event.keyCode === KeyCode.UpArrow) {
+            if (event.keyCode === 16 ) {
                 const toExpand = category.steps.filter((step, index) => index < currentStepIndex() && this.contextService.contextMatchesRules(step.when));
                 if (toExpand.length) {
                     this.selectStep(toExpand[toExpand.length - 1].id, false);
                 }
             }
-            if (event.keyCode === KeyCode.DownArrow) {
+            if (event.keyCode === 18 ) {
                 const toExpand = category.steps.find((step, index) => index > currentStepIndex() && this.contextService.contextMatchesRules(step.when));
                 if (toExpand) {
                     this.selectStep(toExpand.id, false);
@@ -1159,7 +1171,7 @@ 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(7513, "Image showing {0}", step.media.altText)) }));
+                    stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(7570, "Image showing {0}", step.media.altText)) }));
                 }
                 return $('button.getting-started-step', {
                     'x-dispatch': 'selectTask:' + step.id,
@@ -1179,13 +1191,13 @@ 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(7514, "Mark Done"))), ...(showNextCategory
-            ? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(7515, "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(7571, "Mark Done"))), ...(showNextCategory
+            ? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(7572, "Next Section")), $('span.codicon.codicon-arrow-right'))]
             : [])));
         this.detailsScrollbar = this._register(( (new DomScrollableElement(stepsContainer, { className: 'steps-container' }))));
         const stepListComponent = this.detailsScrollbar.getDomNode();
         const categoryFooter = $('.getting-started-footer');
-        if (this.editorInput.showTelemetryNotice && getTelemetryLevel(this.configurationService) !== TelemetryLevel.NONE && this.productService.enableTelemetry) {
+        if (this.editorInput.showTelemetryNotice && getTelemetryLevel(this.configurationService) !== 0  && this.productService.enableTelemetry) {
             this.buildTelemetryFooter(categoryFooter);
         }
         reset(this.stepsContent, categoryDescriptorComponent, stepListComponent, this.stepMediaComponent, categoryFooter);
@@ -1197,12 +1209,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     }
     buildTelemetryFooter(parent) {
         const mdRenderer = this.instantiationService.createInstance(MarkdownRenderer, {});
-        const privacyStatementCopy = ( localize(7516, "privacy statement"));
+        const privacyStatementCopy = ( localize(7573, "privacy statement"));
         const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
-        const optOutCopy = ( localize(7517, "opt out"));
+        const optOutCopy = ( localize(7574, "opt out"));
         const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
         const text = ( localize(
-            7518,
+            7575,
             "{0} collects usage data. Read our {1} and learn how to {2}.",
             this.productService.nameShort,
             privacyStatementButton,
@@ -1223,16 +1235,23 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     }
     async scrollPrev() {
         this.inProgressScroll = this.inProgressScroll.then(async () => {
-            this.currentWalkthrough = undefined;
-            this.editorInput.selectedCategory = undefined;
-            this.editorInput.selectedStep = undefined;
-            this.editorInput.showTelemetryNotice = false;
-            if (this.gettingStartedCategories.length !== this.gettingStartedList?.itemCount) {
-                this.buildCategoriesSlide();
+            if (this.prevWalkthrough && this.prevWalkthrough !== this.currentWalkthrough) {
+                this.currentWalkthrough = this.prevWalkthrough;
+                this.prevWalkthrough = undefined;
+                this.makeCategoryVisibleWhenAvailable(this.currentWalkthrough.id);
+            }
+            else {
+                this.currentWalkthrough = undefined;
+                this.editorInput.selectedCategory = undefined;
+                this.editorInput.selectedStep = undefined;
+                this.editorInput.showTelemetryNotice = false;
+                if (this.gettingStartedCategories.length !== this.gettingStartedList?.itemCount) {
+                    this.buildCategoriesSlide();
+                }
+                this.selectStep(undefined);
+                this.setSlide('categories');
+                this.container.focus();
             }
-            this.selectStep(undefined);
-            this.setSlide('categories');
-            this.container.focus();
         });
     }
     runSkip() {
@@ -1246,7 +1265,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.runSkip();
         }
     }
-    setSlide(toEnable) {
+    setSlide(toEnable, firstLaunch = false) {
         const slideManager = assertIsDefined(this.container.querySelector('.gettingStarted'));
         if (toEnable === 'categories') {
             slideManager.classList.remove('showDetails');
@@ -1259,7 +1278,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         else {
             slideManager.classList.add('showDetails');
             slideManager.classList.remove('showCategories');
-            this.container.querySelector('.prev-button.button-link').style.display = 'block';
+            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(7576, "Welcome")) : ( localize(7550, "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

@@ -0,0 +1,101 @@
+import { IContextKeyService } from 'vscode/vscode/vs/platform/contextkey/common/contextkey.service';
+import { inWelcomeContext, GettingStartedPage } from './gettingStarted.js';
+import { Disposable } from 'vscode/vscode/vs/base/common/lifecycle';
+import { IWalkthroughsService } from 'vscode/vscode/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedService.service';
+import { IEditorService } from 'vscode/vscode/vs/workbench/services/editor/common/editorService.service';
+import { GettingStartedInput } from './gettingStartedInput.js';
+import { localize } from 'vscode/vscode/vs/nls';
+
+class GettingStartedAccessibleView {
+    constructor() {
+        this.type = "view" ;
+        this.priority = 110;
+        this.name = 'walkthroughs';
+        this.when = inWelcomeContext;
+        this.getProvider = (accessor) => {
+            const editorService = accessor.get(IEditorService);
+            const editorPane = editorService.activeEditorPane;
+            if (!(editorPane instanceof GettingStartedPage)) {
+                return;
+            }
+            const gettingStartedInput = editorPane.input;
+            if (!(gettingStartedInput instanceof GettingStartedInput) || !gettingStartedInput.selectedCategory) {
+                return;
+            }
+            const gettingStartedService = accessor.get(IWalkthroughsService);
+            const currentWalkthrough = gettingStartedService.getWalkthrough(gettingStartedInput.selectedCategory);
+            const currentStepIds = gettingStartedInput.selectedStep;
+            if (currentWalkthrough) {
+                return (
+                     (new GettingStartedAccessibleProvider(
+                        accessor.get(IContextKeyService),
+                        editorPane,
+                        currentWalkthrough,
+                        currentStepIds
+                    ))
+                );
+            }
+            return;
+        };
+    }
+}
+class GettingStartedAccessibleProvider extends Disposable {
+    constructor(contextService, _gettingStartedPage, _focusedItem, _focusedStep) {
+        super();
+        this.contextService = contextService;
+        this._gettingStartedPage = _gettingStartedPage;
+        this._focusedItem = _focusedItem;
+        this._focusedStep = _focusedStep;
+        this._currentStepIndex = 0;
+        this._activeWalkthroughSteps = [];
+        this.id = "walkthrough" ;
+        this.verbositySettingKey = "accessibility.verbosity.walkthrough" ;
+        this.options = { type: "view"  };
+        this._activeWalkthroughSteps = _focusedItem.steps.filter(step => !step.when || this.contextService.contextMatchesRules(step.when));
+    }
+    provideContent() {
+        if (this._focusedStep) {
+            const stepIndex = this._activeWalkthroughSteps.findIndex(step => step.id === this._focusedStep);
+            if (stepIndex !== -1) {
+                this._currentStepIndex = stepIndex;
+            }
+        }
+        return this._getContent(this._currentStepIndex + 1, this._focusedItem, this._activeWalkthroughSteps[this._currentStepIndex]);
+    }
+    _getContent(index, waltkrough, step) {
+        const stepsContent = ( localize(
+            7581,
+            'Step {0}: {1}\nDescription: {2}',
+            index,
+            step.title,
+            step.description.join(' ')
+        ));
+        return [
+            ( localize(7582, 'Title: {0}', waltkrough.title)),
+            ( localize(7583, 'Description: {0}', waltkrough.description)),
+            stepsContent
+        ].join('\n\n');
+    }
+    provideNextContent() {
+        if (++this._currentStepIndex >= this._activeWalkthroughSteps.length) {
+            --this._currentStepIndex;
+            return;
+        }
+        return this._getContent(this._currentStepIndex + 1, this._focusedItem, this._activeWalkthroughSteps[this._currentStepIndex]);
+    }
+    providePreviousContent() {
+        if (--this._currentStepIndex < 0) {
+            ++this._currentStepIndex;
+            return;
+        }
+        return this._getContent(this._currentStepIndex + 1, this._focusedItem, this._activeWalkthroughSteps[this._currentStepIndex]);
+    }
+    onClose() {
+        if (this._currentStepIndex > -1) {
+            const currentStep = this._activeWalkthroughSteps[this._currentStepIndex];
+            this._gettingStartedPage.makeCategoryVisibleWhenAvailable(this._focusedItem.id, currentStep.id);
+        }
+    }
+}
+
+export { GettingStartedAccessibleView };

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

@@ -11,10 +11,10 @@ import 'vscode/vscode/vs/platform/theme/common/colors/quickpickColors';
 import 'vscode/vscode/vs/platform/theme/common/colors/searchColors';
 import { localize } from 'vscode/vscode/vs/nls';
 
-registerColor('welcomePage.background', null, ( localize(10650, 'Background color for the Welcome page.')));
-registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(10651, '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(10652, 'Hover background color for the tiles on the Welcome.')));
-registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(10653, 'Border color for the tiles on the Welcome page.')));
-registerColor('welcomePage.progress.background', inputBackground, ( localize(10654, 'Foreground color for the Welcome page progress bars.')));
-registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(10655, 'Background color for the Welcome page progress bars.')));
-registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(10656, 'Foreground color of the heading of each walkthrough step')));
+registerColor('welcomePage.background', null, ( localize(10751, 'Background color for the Welcome page.')));
+registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(10752, '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(10753, 'Hover background color for the tiles on the Welcome.')));
+registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(10754, 'Border color for the tiles on the Welcome page.')));
+registerColor('welcomePage.progress.background', inputBackground, ( localize(10755, 'Foreground color for the Welcome page progress bars.')));
+registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(10756, 'Background color for the Welcome page progress bars.')));
+registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(10757, 'Foreground color of the heading of each walkthrough step')));