@codingame/monaco-vscode-walkthrough-service-override 20.4.1 → 21.0.0

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

@@ -15,7 +15,6 @@ import { onUnexpectedError } from '@codingame/monaco-vscode-api/vscode/vs/base/c
 import { KeyCode } from '@codingame/monaco-vscode-api/vscode/vs/base/common/keyCodes';
 import { splitRecentLabel } from '@codingame/monaco-vscode-api/vscode/vs/base/common/labels';
 import { DisposableStore, toDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
-import { parseLinkedText } from '@codingame/monaco-vscode-api/vscode/vs/base/common/linkedText';
 import { parse } from '@codingame/monaco-vscode-api/vscode/vs/base/common/marshalling';
 import { matchesScheme, Schemas } from '@codingame/monaco-vscode-api/vscode/vs/base/common/network';
 import { OS } from '@codingame/monaco-vscode-api/vscode/vs/base/common/platform';
@@ -55,7 +54,7 @@ import { isRecentFolder, isRecentWorkspace } from '@codingame/monaco-vscode-158b
 import { IWorkspacesService } from '@codingame/monaco-vscode-api/vscode/vs/platform/workspaces/common/workspaces.service';
 import { OpenRecentAction } from '@codingame/monaco-vscode-158b9837-fc78-5d9c-86f5-9134e4358643-common/vscode/vs/workbench/browser/actions/windowActions';
 import { OpenFolderViaWorkspaceAction, OpenFileFolderAction, OpenFolderAction } from '@codingame/monaco-vscode-f24e325c-2ce0-5bba-8236-bfc4f53180ab-common/vscode/vs/workbench/browser/actions/workspaceActions';
-import { EditorPane } from '@codingame/monaco-vscode-60014c9d-b815-501d-83a9-4b08725c2ec2-common/vscode/vs/workbench/browser/parts/editor/editorPane';
+import { EditorPane } from '@codingame/monaco-vscode-5e2c24a1-3217-55e8-bc90-521eaf7df5a6-common/vscode/vs/workbench/browser/parts/editor/editorPane';
 import { WorkbenchStateContext } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/contextkeys';
 import { IWebviewService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/webview/browser/webview.service';
 import './gettingStartedColors.js';
@@ -65,7 +64,7 @@ import { GettingStartedInput } from './gettingStartedInput.js';
 import { hiddenEntriesConfigurationKey, parseDescription } from './gettingStartedService.js';
 import { IWalkthroughsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedService.service';
 import { restoreWalkthroughsConfigurationKey } from './startupPage.js';
-import { startEntries, NEW_WELCOME_EXPERIENCE, copilotSettingsMessage } from '../common/gettingStartedContent.js';
+import { startEntries } from '../common/gettingStartedContent.js';
 import { GroupDirection, GroupsOrder } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/editor/common/editorGroupsService';
 import { IEditorGroupsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/editor/common/editorGroupsService.service';
 import { IExtensionService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/extensions/common/extensions.service';
@@ -76,7 +75,6 @@ import { AccessibilityVerbositySettingId } from '@codingame/monaco-vscode-api/vs
 import { AccessibleViewAction } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/accessibility/browser/accessibleViewActions';
 import { KeybindingLabel } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/keybindingLabel/keybindingLabel';
 import { ScrollbarVisibility } from '@codingame/monaco-vscode-api/vscode/vs/base/common/scrollable';
-import { startupExpContext, StartupExperimentGroup } from '@codingame/monaco-vscode-f6f55824-df83-5ffc-ac26-50fd4df4fe0e-common/vscode/vs/workbench/services/coreExperimentation/common/coreExperimentationService';
 
 var GettingStartedPage_1;
 registerCss(gettingStarted);
@@ -126,14 +124,13 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.detailsPageDisposables = ( new DisposableStore());
         this.mediaDisposables = ( new DisposableStore());
         this.buildSlideThrottle = ( new Throttler());
-        this.hasScrolledToFirstCategory = false;
         this.showFeaturedWalkthrough = true;
         this.currentMediaComponent = undefined;
         this.currentMediaType = undefined;
         this.container = $('.gettingStartedContainer', {
             role: 'document',
             tabindex: 0,
-            'aria-label': ( localize(12310, "Overview of how to get up to speed with your editor."))
+            'aria-label': ( localize(12528, "Overview of how to get up to speed with your editor."))
         });
         this.stepMediaComponent = $('.getting-started-media');
         this.stepMediaComponent.id = generateUuid();
@@ -183,8 +180,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.container.querySelectorAll(`[x-category-description-for="${category.id}"]`).forEach(step => step.innerText = ourCategory.description);
         }));
         this._register(this.gettingStartedService.onDidProgressStep(step => {
-            const category = step.category === NEW_WELCOME_EXPERIENCE ? this.gettingStartedService.getWalkthrough(step.category) :
-                this.gettingStartedCategories.find(c => c.id === step.category);
+            const category = this.gettingStartedCategories.find(c => c.id === step.category);
             if (!category) {
                 throw Error('Could not find category with ID: ' + step.category);
             }
@@ -210,14 +206,14 @@ 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(12311, "Checkbox for Step {0}: Completed", step.title)));
+                        badgeelement.setAttribute('aria-label', ( localize(12529, "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(12312, "Checkbox for Step {0}: Not completed", step.title)));
+                        badgeelement.setAttribute('aria-label', ( localize(12530, "Checkbox for Step {0}: Not completed", step.title)));
                     }
                 });
             }
@@ -419,7 +415,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             label: x.title,
             detail: x.description,
             description: x.source,
-        }))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(12313, "Open Walkthrough...")) });
+        }))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(12531, "Open Walkthrough...")) });
         if (selection) {
             this.runDispatchCommand('selectCategory', selection.id);
         }
@@ -600,7 +596,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(12314, "Video for {0}", stepToExpand.title));
+            const altText = media.altText ? media.altText : ( localize(12532, "Video for {0}", stepToExpand.title));
             const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster, altText);
             this.webview.setHtml(rawHTML);
             let isDisposed = false;
@@ -628,8 +624,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(12315, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
-                12316,
+            return kbLabel ? ( localize(12533, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
+                12534,
                 "Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
             ));
         }
@@ -689,7 +685,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(12317, "Go Back"))));
+        const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(12535, "Go Back"))));
         this.stepsSlide = $('.gettingStartedSlideDetails.gettingStartedSlide', {}, prevButton);
         this.stepsContent = $('.gettingStartedDetailsContent', {});
         this.detailsPageScrollbar = this._register(( new DomScrollableElement(
@@ -713,11 +709,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             icon: Codicon.check,
             actionClassName: 'getting-started-checkbox',
             isChecked: this.configurationService.getValue(configurationKey) === 'welcomePage',
-            title: ( localize(12318, "When checked, this page will be shown on startup.")),
+            title: ( localize(12536, "When checked, this page will be shown on startup.")),
             ...defaultToggleStyles
         }));
         showOnStartupCheckbox.domNode.id = 'showOnStartup';
-        const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(12319, "Show welcome page on startup")));
+        const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(12537, "Show welcome page on startup")));
         const onShowOnStartupChanged = () => {
             if (showOnStartupCheckbox.checked) {
                 this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'showOnStartupChecked', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
@@ -736,7 +732,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(12320, "Editing evolved"))));
+        const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(12538, "Editing evolved"))));
         const leftColumn = $('.categories-column.categories-column-left', {});
         const rightColumn = $('.categories-column.categories-column-right', {});
         const startList = this.buildStartList();
@@ -773,57 +769,38 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.updateCategoryProgress();
         this.registerDispatchListeners();
         if (this.editorInput.selectedCategory) {
-            const showNewExperience = this.editorInput.selectedCategory === NEW_WELCOME_EXPERIENCE;
             this.currentWalkthrough = this.gettingStartedCategories.find(category => category.id === this.editorInput.selectedCategory);
             if (!this.currentWalkthrough) {
                 this.gettingStartedCategories = this.gettingStartedService.getWalkthroughs();
-                this.currentWalkthrough = showNewExperience ? this.gettingStartedService.getWalkthrough(this.editorInput.selectedCategory) : this.gettingStartedCategories.find(category => category.id === this.editorInput.selectedCategory);
+                this.currentWalkthrough = this.gettingStartedCategories.find(category => category.id === this.editorInput.selectedCategory);
                 if (this.currentWalkthrough) {
-                    if (showNewExperience) {
-                        this.buildNewCategorySlide(this.editorInput.selectedCategory, this.editorInput.selectedStep);
-                    }
-                    else {
-                        this.buildCategorySlide(this.editorInput.selectedCategory, this.editorInput.selectedStep);
-                    }
+                    this.buildCategorySlide(this.editorInput.selectedCategory, this.editorInput.selectedStep);
                     this.setSlide('details');
                     return;
                 }
             }
             else {
-                if (showNewExperience) {
-                    this.buildNewCategorySlide(this.editorInput.selectedCategory, this.editorInput.selectedStep);
-                }
-                else {
-                    this.buildCategorySlide(this.editorInput.selectedCategory, this.editorInput.selectedStep);
-                }
+                this.buildCategorySlide(this.editorInput.selectedCategory, this.editorInput.selectedStep);
                 this.setSlide('details');
                 return;
             }
         }
-        const someStepsComplete = ( this.gettingStartedCategories.some(category => category.steps.find(s => s.done)));
         if (this.editorInput.showTelemetryNotice && this.productService.openToWelcomeMainPage) {
             const telemetryNotice = $('p.telemetry-notice');
             this.buildTelemetryFooter(telemetryNotice);
             footer.appendChild(telemetryNotice);
         }
-        else if (!this.productService.openToWelcomeMainPage && !someStepsComplete && !this.hasScrolledToFirstCategory && this.showFeaturedWalkthrough) {
+        else if (!this.productService.openToWelcomeMainPage && this.showFeaturedWalkthrough && this.storageService.isNew(StorageScope.APPLICATION)) {
             const firstSessionDateString = this.storageService.get(firstSessionDateStorageKey, StorageScope.APPLICATION) || ( new Date()).toUTCString();
             const daysSinceFirstSession = ((+( new Date())) - (+( new Date(firstSessionDateString)))) / 1000 / 60 / 60 / 24;
             const fistContentBehaviour = daysSinceFirstSession < 1 ? 'openToFirstCategory' : 'index';
-            const startupExpValue = startupExpContext.getValue(this.contextService);
-            if (fistContentBehaviour === 'openToFirstCategory' && ((!startupExpValue || startupExpValue === '' || startupExpValue === StartupExperimentGroup.Control))) {
+            if (fistContentBehaviour === 'openToFirstCategory') {
                 const first = this.gettingStartedCategories.filter(c => !c.when || this.contextService.contextMatchesRules(c.when))[0];
                 if (first) {
-                    this.hasScrolledToFirstCategory = true;
                     this.currentWalkthrough = first;
                     this.editorInput.selectedCategory = this.currentWalkthrough?.id;
                     this.editorInput.walkthroughPageTitle = this.currentWalkthrough.walkthroughPageTitle;
-                    if (first.id === NEW_WELCOME_EXPERIENCE) {
-                        this.buildNewCategorySlide(this.editorInput.selectedCategory, undefined);
-                    }
-                    else {
-                        this.buildCategorySlide(this.editorInput.selectedCategory, undefined);
-                    }
+                    this.buildCategorySlide(this.editorInput.selectedCategory, undefined);
                     this.setSlide('details', true );
                     return;
                 }
@@ -848,7 +825,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const link = $('button.button-link');
             link.innerText = name;
             link.title = fullPath;
-            link.setAttribute('aria-label', ( localize(12321, "Open folder {0} with path {1}", name, parentPath)));
+            link.setAttribute('aria-label', ( localize(12539, "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], {
@@ -871,18 +848,18 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.recentlyOpenedList.dispose();
         }
         const recentlyOpenedList = this.recentlyOpenedList = ( new GettingStartedIndexList({
-            title: ( localize(12322, "Recent")),
+            title: ( localize(12540, "Recent")),
             klass: 'recently-opened',
             limit: 5,
-            empty: $('.empty-recent', {}, ( localize(12323, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(12324, "open a folder"))), ( localize(12325, "to start."))),
+            empty: $('.empty-recent', {}, ( localize(12541, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(12542, "open a folder"))), ( localize(12543, "to start."))),
             more: $('.more', {}, $('button.button-link', {
                 'x-dispatch': 'showMoreRecents',
                 title: ( localize(
-                    12326,
+                    12544,
                     "Show All Recent Folders {0}",
                     this.getKeybindingLabel(OpenRecentAction.ID)
                 ))
-            }, ( localize(12327, "More...")))),
+            }, ( localize(12545, "More...")))),
             renderElement: renderRecent,
             contextService: this.contextService
         }));
@@ -910,7 +887,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.startList.dispose();
         }
         const startList = this.startList = ( new GettingStartedIndexList({
-            title: ( localize(12328, "Start")),
+            title: ( localize(12546, "Start")),
             klass: 'start-container',
             limit: 10,
             renderElement: renderStartEntry,
@@ -926,10 +903,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(12329, "New"))));
+                reset(newBadge, $('.new-category', {}, ( localize(12547, "New"))));
             }
             else if (category.newItems) {
-                reset(newBadge, $('.new-items', {}, ( localize(12330, "Updated"))));
+                reset(newBadge, $('.new-items', {}, ( localize(12548, "Updated"))));
             }
             const featuredBadge = $('.featured-badge', {});
             const descriptionContent = $('.description-content', {});
@@ -945,9 +922,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(12331, "Hide")),
+                'title': ( localize(12549, "Hide")),
                 'role': 'button',
-                'aria-label': ( localize(12332, "Hide")),
+                'aria-label': ( localize(12550, "Hide")),
             })), descriptionContent, $('.category-progress', { 'x-data-category-id': category.id, }, $('.progress-bar-outer', { 'role': 'progressbar' }, $('.progress-bar-inner'))));
         };
         if (this.gettingStartedList) {
@@ -973,10 +950,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             return rank;
         };
         const gettingStartedList = this.gettingStartedList = ( new GettingStartedIndexList({
-            title: ( localize(12333, "Walkthroughs")),
+            title: ( localize(12551, "Walkthroughs")),
             klass: 'getting-started',
             limit: 5,
-            footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(12327, "More..."))),
+            footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(12545, "More..."))),
             renderElement: renderGetttingStaredWalkthrough,
             rankElement: rankWalkthrough,
             contextService: this.contextService,
@@ -1009,7 +986,6 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.container.classList.toggle('height-constrained', size.height <= 600);
         this.container.classList.toggle('width-constrained', size.width <= 400);
         this.container.classList.toggle('width-semi-constrained', size.width <= 950);
-        this.container.classList.toggle('new-layout-width-constrained', size.width <= 800);
         this.categoriesPageScrollbar?.scanDomNode();
         this.detailsPageScrollbar?.scanDomNode();
         this.detailsScrollbar?.scanDomNode();
@@ -1017,8 +993,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     updateCategoryProgress() {
         this.window.document.querySelectorAll('.category-progress').forEach(element => {
             const categoryID = element.getAttribute('x-data-category-id');
-            const category = categoryID === NEW_WELCOME_EXPERIENCE ? this.gettingStartedService.getWalkthrough(categoryID) :
-                this.gettingStartedCategories.find(c => c.id === categoryID);
+            const category = this.gettingStartedCategories.find(c => c.id === categoryID);
             if (!category) {
                 throw Error('Could not find category with ID ' + categoryID);
             }
@@ -1031,10 +1006,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(12334, "All {0} steps complete!", stats.stepsComplete));
+                bar.title = ( localize(12552, "All {0} steps complete!", stats.stepsComplete));
             }
             else {
-                bar.title = ( localize(12335, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
+                bar.title = ( localize(12553, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
             }
         });
     }
@@ -1042,8 +1017,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         if (!( this.gettingStartedCategories.some(c => c.id === categoryID))) {
             this.gettingStartedCategories = this.gettingStartedService.getWalkthroughs();
         }
-        const ourCategory = categoryID === NEW_WELCOME_EXPERIENCE ? this.gettingStartedService.getWalkthrough(categoryID) :
-            this.gettingStartedCategories.find(c => c.id === categoryID);
+        const ourCategory = this.gettingStartedCategories.find(c => c.id === categoryID);
         if (!ourCategory) {
             throw Error('Could not find category with ID: ' + categoryID);
         }
@@ -1158,7 +1132,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 if (isCommand) {
                     const keybinding = this.getKeyBinding(command);
                     if (keybinding) {
-                        const shortcutMessage = $('span.shortcut-message', {}, ( localize(12336, 'Tip: Use keyboard shortcut ')));
+                        const shortcutMessage = $('span.shortcut-message', {}, ( localize(12554, 'Tip: Use keyboard shortcut ')));
                         container.appendChild(shortcutMessage);
                         const label = ( new KeybindingLabel(shortcutMessage, OS, { ...defaultKeybindingLabelStyles }));
                         label.set(keybinding);
@@ -1195,367 +1169,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.stepDisposables.clear();
         super.clearInput();
     }
-    selectStepByIndex(newIndex, steps, direction) {
-        this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'selectTask', argument: steps[newIndex].id, walkthroughId: this.currentWalkthrough?.id });
-        const currentIndex = steps.findIndex(step => step.id === this.editorInput.selectedStep);
-        this.selectSlide(steps[newIndex].id);
-        const footer = this.stepsContent.querySelector('.getting-started-footer');
-        if (footer && newIndex !== 0) {
-            footer.style.display = 'none';
-        }
-        else if (footer) {
-            footer.style.display = 'block';
-        }
-        this.updateNavButtons(newIndex, steps);
-        const dots = this.stepsContent.querySelectorAll('.step-dot');
-        dots.forEach((dot, index) => {
-            if (index === newIndex) {
-                dot.classList.add('active');
-            }
-            else {
-                dot.classList.remove('active');
-            }
-        });
-        if (currentIndex === newIndex) {
-            return;
-        }
-        const slidesContainer = this.stepsContent.querySelector('.step-slides-container');
-        if (slidesContainer) {
-            const slides = slidesContainer.querySelectorAll('.step-slide');
-            slides.forEach((slide, index) => {
-                const slideElement = slide;
-                if (index === currentIndex) {
-                    slideElement.style.display = 'block';
-                    slideElement.style.transform = 'translateX(0)';
-                }
-                else if (index === newIndex) {
-                    slideElement.style.display = 'block';
-                    slideElement.style.transform = `translateX(${direction < 0 ? '-100%' : '100%'})`;
-                }
-                else {
-                    slideElement.style.display = 'none';
-                }
-            });
-            slidesContainer.getBoundingClientRect();
-            setTimeout(() => {
-                slides.forEach((slide, index) => {
-                    const slideElement = slide;
-                    if (index === currentIndex) {
-                        slideElement.style.transform = `translateX(${direction > 0 ? '-100%' : '100%'})`;
-                        setTimeout(() => {
-                            slideElement.style.display = 'none';
-                        }, SLIDE_TRANSITION_TIME_MS);
-                    }
-                    else if (index === newIndex) {
-                        slideElement.style.transform = 'translateX(0)';
-                    }
-                });
-            }, 20);
-        }
-    }
-    updateNavButtons(newIndex, steps) {
-        const prevButton = this.stepsContent.querySelector('.button-link.navigation.back');
-        if (newIndex === 0) {
-            if (prevButton) {
-                prevButton.classList.add('inactive');
-                prevButton.setAttribute('aria-hidden', 'true');
-                prevButton.setAttribute('tabindex', '-1');
-            }
-        }
-        else {
-            if (prevButton) {
-                prevButton.classList.remove('inactive');
-                prevButton.removeAttribute('aria-hidden');
-                prevButton.removeAttribute('tabindex');
-            }
-        }
-        if (this.nextButton) {
-            const isLastSlide = newIndex === steps.length - 1;
-            const textNode = this.nextButton.firstChild;
-            if (textNode && textNode.nodeType === Node.TEXT_NODE) {
-                textNode.textContent = isLastSlide
-                    ? ( localize(12337, "Start coding"))
-                    : ( localize(12338, "Next"));
-            }
-            this.nextButton.setAttribute('aria-label', isLastSlide
-                ? ( localize(12339, "Start coding"))
-                : ( localize(12340, "Next")));
-        }
-    }
-    buildNewCategorySlide(categoryID, selectedStep) {
-        this.container.classList.add('newSlide');
-        if (this.detailsScrollbar) {
-            this.detailsScrollbar.dispose();
-        }
-        this.detailsPageDisposables.clear();
-        this.mediaDisposables.clear();
-        const category = this.gettingStartedService.getWalkthrough(categoryID);
-        if (!category) {
-            throw Error('could not find category with ID ' + categoryID);
-        }
-        const steps = category.steps.filter(step => this.contextService.contextMatchesRules(step.when));
-        const groupedSteps = ( new Map());
-        steps.forEach(step => {
-            const prefixMatch = step.id.match(/^([^.]+)\./);
-            const prefix = prefixMatch ? prefixMatch[1] : step.id;
-            if (!( groupedSteps.has(prefix))) {
-                groupedSteps.set(prefix, []);
-            }
-            groupedSteps.get(prefix)?.push(step);
-        });
-        const slidesContainer = $('.step-slides-container');
-        const navigationContainer = $('.step-dots-container');
-        const prevButton = $('button.button-link.navigation.back', {
-            'aria-label': ( localize(12341, "Previous Step")),
-            'tabindex': '0'
-        }, $('span.codicon.codicon-arrow-left'), ( localize(12342, "Back")));
-        const dotsContainer = $('.dots-centered');
-        navigationContainer.appendChild(prevButton);
-        navigationContainer.appendChild(dotsContainer);
-        const allSlides = [];
-        groupedSteps.forEach((stepsInGroup, prefix) => {
-            if (stepsInGroup.length === 1) {
-                allSlides.push({ id: stepsInGroup[0].id, steps: [stepsInGroup[0]] });
-            }
-            else {
-                allSlides.push({ id: prefix, steps: stepsInGroup });
-            }
-        });
-        allSlides.forEach((slide, index) => {
-            const slideElement = $('.step-slide', { 'data-step': slide.id });
-            const slideContent = $('.step-slide-content');
-            const textContent = $('.step-text-content');
-            if (slide.steps.length === 1) {
-                const step = slide.steps[0];
-                const titleElement = $('h3.step-title', { 'x-step-title-for': step.id });
-                reset(titleElement, ...renderLabelWithIcons(step.title));
-                textContent.appendChild(titleElement);
-                const descriptionContainer = $('.step-description', { 'x-step-description-for': step.id });
-                this.buildMarkdownDescription(descriptionContainer, step.description);
-                textContent.appendChild(descriptionContainer);
-            }
-            else {
-                const multiStepContainer = $('.multi-step-container');
-                slide.steps.forEach((step, i) => {
-                    const subStep = $('.sub-step', { 'data-sub-step-id': step.id });
-                    this.detailsPageDisposables.add(addDisposableListener(subStep, 'click', () => {
-                        this.selectSubStep(step.id);
-                    }));
-                    this.detailsPageDisposables.add(addDisposableListener(subStep, 'mouseenter', () => {
-                        this.selectSubStep(step.id);
-                    }));
-                    const subStepTitleEl = $('.sub-step-title', {}, ...renderLabelWithIcons(step.title));
-                    subStep.appendChild(subStepTitleEl);
-                    const subStepDesc = $('.sub-step-description');
-                    this.buildMarkdownDescription(subStepDesc, [step.description[0]]);
-                    subStep.appendChild(subStepDesc);
-                    if (i === 0 || step.id === this.editorInput.selectedStep) {
-                        subStep.classList.add('active');
-                    }
-                    else {
-                        subStep.classList.remove('active');
-                    }
-                    multiStepContainer.appendChild(subStep);
-                });
-                const lastStep = slide.steps[slide.steps.length - 1];
-                const linkedText = lastStep.description.length > 1 ? lastStep.description[1] : undefined;
-                if (linkedText) {
-                    const descElement = $('.multi-step-action');
-                    this.buildMarkdownDescription(descElement, [linkedText]);
-                    multiStepContainer.appendChild(descElement);
-                    const actionMessage = $('span.action-message');
-                    const updatedText = parseLinkedText(copilotSettingsMessage);
-                    this.buildMarkdownDescription(actionMessage, [updatedText]);
-                    multiStepContainer.appendChild(actionMessage);
-                }
-                textContent.appendChild(multiStepContainer);
-            }
-            slideContent.appendChild(textContent);
-            slideElement.appendChild(slideContent);
-            slidesContainer.appendChild(slideElement);
-            const dot = $('button.step-dot', {
-                'data-step-dot-index': `${index}`,
-                'role': 'button'
-            });
-            if (index === 0) {
-                dot.classList.add('active');
-            }
-            dotsContainer.appendChild(dot);
-            this.detailsPageDisposables.add(addDisposableListener(dot, 'click', () => {
-                const currentIndex = this.getCurrentSlideIndex(allSlides);
-                if (currentIndex === index) {
-                    return;
-                }
-                this.selectStepByIndex(index, ( allSlides.map(s => s.steps[0])), index > currentIndex ? 1 : -1);
-            }));
-        });
-        this.nextButton = $('button.button-link.navigation.next', {
-            'aria-label': ( localize(12340, "Next")),
-        }, ( localize(12338, "Next")), $('span.codicon.codicon-arrow-right'));
-        navigationContainer.appendChild(this.nextButton);
-        this.detailsPageDisposables.add(addDisposableListener(prevButton, 'click', () => {
-            const currentIndex = this.getCurrentSlideIndex(allSlides);
-            if (currentIndex > 0) {
-                this.selectStepByIndex(currentIndex - 1, ( allSlides.map(s => s.steps[0])), -1);
-            }
-        }));
-        this.detailsPageDisposables.add(addDisposableListener(this.nextButton, 'click', () => {
-            const currentIndex = this.getCurrentSlideIndex(allSlides);
-            if (currentIndex < allSlides.length - 1) {
-                this.selectStepByIndex(currentIndex + 1, ( allSlides.map(s => s.steps[0])), 1);
-            }
-            else {
-                this.scrollPrev();
-            }
-        }));
-        this.currentWalkthrough = category;
-        this.editorInput.selectedCategory = categoryID;
-        this.editorInput.selectedStep = this.currentWalkthrough.steps[0].id;
-        const categoryHeader = $('.category-header');
-        const categoryTitle = $('h2.category-title', { 'x-category-title-for': category.id });
-        reset(categoryTitle, ...renderLabelWithIcons(category.title));
-        categoryHeader.appendChild(categoryTitle);
-        const descriptionContainer = $('.category-description.description.max-lines-3', { 'x-category-description-for': category.id });
-        this.buildMarkdownDescription(descriptionContainer, parseDescription(category.description));
-        reset(descriptionContainer, ...renderLabelWithIcons(category.description));
-        categoryHeader.appendChild(descriptionContainer);
-        const categoryFooter = $('.getting-started-footer');
-        if (this.editorInput.showTelemetryNotice && getTelemetryLevel(this.configurationService) !== TelemetryLevel.NONE && this.productService.enableTelemetry) {
-            this.buildTelemetryFooter(categoryFooter);
-        }
-        const stepsContainer = $('.getting-started-steps-container', {}, categoryHeader, slidesContainer, navigationContainer, categoryFooter);
-        this.detailsScrollbar = this._register(( new DomScrollableElement(stepsContainer, { className: 'steps-container' })));
-        const stepListComponent = this.detailsScrollbar.getDomNode();
-        reset(this.stepsContent, stepListComponent);
-        stepListComponent.tabIndex = 0;
-        stepListComponent.focus();
-        this.selectStepByIndex(0, this.currentWalkthrough.steps, 1);
-        this.detailsPageDisposables.add(addDisposableListener(stepListComponent, 'keydown', (e) => {
-            const event = ( new StandardKeyboardEvent(e));
-            if (event.keyCode === KeyCode.RightArrow) {
-                const currentIndex = this.getCurrentSlideIndex(allSlides);
-                if (currentIndex < allSlides.length - 1) {
-                    this.selectStepByIndex(currentIndex + 1, ( allSlides.map(s => s.steps[0])), 1);
-                }
-                else {
-                    this.scrollPrev();
-                }
-            }
-            else if (event.keyCode === KeyCode.LeftArrow) {
-                const currentIndex = this.getCurrentSlideIndex(allSlides);
-                if (currentIndex > 0) {
-                    this.selectStepByIndex(currentIndex - 1, ( allSlides.map(s => s.steps[0])), -1);
-                }
-            }
-            else if (event.keyCode === KeyCode.UpArrow || event.keyCode === KeyCode.DownArrow) {
-                const currentIndex = this.getCurrentSlideIndex(allSlides);
-                if (currentIndex > 0) {
-                    return;
-                }
-                this.navigateWithinMultiStepContainer(event.keyCode);
-            }
-        }));
-        this.registerDispatchListeners();
-        this.detailsScrollbar.scanDomNode();
-        this.detailsPageScrollbar?.scanDomNode();
-    }
-    navigateWithinMultiStepContainer(keyCode) {
-        const currentElement = this.container.querySelector(`.multi-step-container`);
-        if (!currentElement) {
-            return;
-        }
-        const currentSubStep = currentElement.querySelector('.sub-step.active');
-        const allElements = Array.from(this.container.querySelectorAll('.sub-step'));
-        const currentIndex = currentSubStep ? allElements.indexOf(currentSubStep) : -1;
-        let targetElement;
-        if (keyCode === KeyCode.UpArrow && currentIndex > 0) {
-            targetElement = allElements[currentIndex - 1];
-        }
-        else if (keyCode === KeyCode.DownArrow && currentIndex < allElements.length - 1) {
-            targetElement = allElements[currentIndex + 1];
-        }
-        if (targetElement) {
-            const stepId = targetElement.getAttribute('data-sub-step-id');
-            this.selectSubStep(stepId);
-            targetElement.focus();
-        }
-    }
-    selectSubStep(selectedStepId) {
-        this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'selectTask', argument: selectedStepId, walkthroughId: this.currentWalkthrough?.id });
-        if (this.editorInput.selectedStep === selectedStepId) {
-            return;
-        }
-        this.editorInput.selectedStep = selectedStepId;
-        const multiStepContainer = this.container.querySelector('.multi-step-container');
-        if (!multiStepContainer) {
-            return;
-        }
-        const subSteps = multiStepContainer.querySelectorAll('.sub-step');
-        subSteps.forEach(subStepEl => {
-            const stepId = subStepEl.getAttribute('data-sub-step-id');
-            if (stepId === selectedStepId) {
-                subStepEl.classList.add('active');
-            }
-            else {
-                subStepEl.classList.remove('active');
-            }
-        });
-        const prefixMatch = selectedStepId.match(/^([^.]+)\./);
-        const prefix = prefixMatch ? prefixMatch[1] : selectedStepId;
-        this.selectSlideWithPrefix(selectedStepId, prefix);
-        this.gettingStartedService.progressByEvent('stepSelected:' + selectedStepId);
-    }
-    selectSlideWithPrefix(stepId, prefix) {
-        this.editorInput.selectedStep = stepId;
-        const step = this.currentWalkthrough?.steps.find(step => step.id === stepId);
-        if (!step) {
-            return;
-        }
-        const selectedSlide = this.stepsContent.querySelector(`.step-slide[data-step="${prefix}"]`);
-        if (selectedSlide) {
-            const selectedSlideContent = selectedSlide.querySelector('.step-slide-content');
-            this.mediaDisposables.clear();
-            this.stepDisposables.clear();
-            this.buildMediaComponent(this.editorInput.selectedStep);
-            selectedSlideContent?.appendChild(this.stepMediaComponent);
-            setTimeout(() => selectedSlideContent.focus(), 0);
-        }
-        this.gettingStartedService.progressByEvent('stepSelected:' + stepId);
-        this.detailsPageScrollbar?.scanDomNode();
-        this.detailsScrollbar?.scanDomNode();
-    }
-    getCurrentSlideIndex(allSlides) {
-        if (!this.editorInput.selectedStep) {
-            return 0;
-        }
-        const directMatch = allSlides.findIndex(slide => slide.id === this.editorInput.selectedStep);
-        if (directMatch !== -1) {
-            return directMatch;
-        }
-        return allSlides.findIndex(slide => ( slide.steps.some(step => step.id === this.editorInput.selectedStep)));
-    }
-    selectSlide(stepId) {
-        this.editorInput.selectedStep = stepId;
-        const step = this.currentWalkthrough?.steps.find(step => step.id === stepId);
-        if (!step) {
-            return;
-        }
-        const effectiveStepId = stepId.match(/^([^.]+)\./)?.[1] ?? stepId;
-        const selectedSlide = this.stepsContent.querySelector(`.step-slide[data-step="${effectiveStepId}"]`);
-        if (selectedSlide) {
-            const selectedSlideContent = selectedSlide.querySelector('.step-slide-content');
-            this.mediaDisposables.clear();
-            this.stepDisposables.clear();
-            this.buildMediaComponent(this.editorInput.selectedStep);
-            selectedSlideContent?.appendChild(this.stepMediaComponent);
-            setTimeout(() => selectedSlideContent.focus(), 0);
-        }
-        this.gettingStartedService.progressByEvent('stepSelected:' + stepId);
-        this.detailsPageScrollbar?.scanDomNode();
-        this.detailsScrollbar?.scanDomNode();
-    }
     buildCategorySlide(categoryID, selectedStep) {
-        this.container.classList.remove('newSlide');
         if (this.detailsScrollbar) {
             this.detailsScrollbar.dispose();
         }
@@ -1564,8 +1178,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         });
         this.detailsPageDisposables.clear();
         this.mediaDisposables.clear();
-        const category = categoryID === NEW_WELCOME_EXPERIENCE ? this.gettingStartedService.getWalkthrough(categoryID) :
-            this.gettingStartedCategories.find(category => category.id === categoryID);
+        const category = this.gettingStartedCategories.find(category => category.id === categoryID);
         if (!category) {
             throw Error('could not find category with ID ' + categoryID);
         }
@@ -1607,8 +1220,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                     'role': 'checkbox',
                     'aria-checked': step.done ? 'true' : 'false',
                     'aria-label': step.done
-                        ? ( localize(12311, "Checkbox for Step {0}: Completed", step.title))
-                        : ( localize(12312, "Checkbox for Step {0}: Not completed", step.title)),
+                        ? ( localize(12529, "Checkbox for Step {0}: Completed", step.title))
+                        : ( localize(12530, "Checkbox for Step {0}: Not completed", step.title)),
                 });
                 const container = $('.step-description-container', { 'x-step-description-for': step.id });
                 this.buildMarkdownDescription(container, step.description);
@@ -1616,10 +1229,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(12343, "Image showing {0}", step.media.altText)) }));
+                    stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(12555, "Image showing {0}", step.media.altText)) }));
                 }
                 else if (step.media.type === 'video') {
-                    stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(12344, "Video showing {0}", step.media.altText)) }));
+                    stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(12556, "Video showing {0}", step.media.altText)) }));
                 }
                 return $('button.getting-started-step', {
                     'x-dispatch': 'selectTask:' + step.id,
@@ -1639,8 +1252,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(12345, "Mark Done"))), ...(showNextCategory
-            ? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(12346, "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(12557, "Mark Done"))), ...(showNextCategory
+            ? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(12558, "Next Section")), $('span.codicon.codicon-arrow-right'))]
             : [])));
         this.detailsScrollbar = this._register(( new DomScrollableElement(stepsContainer, { className: 'steps-container' })));
         const stepListComponent = this.detailsScrollbar.getDomNode();
@@ -1657,12 +1270,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     }
     buildTelemetryFooter(parent) {
         const mdRenderer = this.instantiationService.createInstance(MarkdownRenderer, {});
-        const privacyStatementCopy = ( localize(12347, "privacy statement"));
+        const privacyStatementCopy = ( localize(12559, "privacy statement"));
         const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
-        const optOutCopy = ( localize(12348, "opt out"));
+        const optOutCopy = ( localize(12560, "opt out"));
         const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
         const text = ( localize(
-            12349,
+            12561,
             "{0} collects usage data. Read our {1} and learn how to {2}.",
             this.productService.nameShort,
             privacyStatementButton,
@@ -1733,13 +1346,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             slideManager.classList.remove('showCategories');
             const prevButton = this.container.querySelector('.prev-button.button-link');
             prevButton.style.display = this.editorInput.showWelcome || this.prevWalkthrough ? 'block' : 'none';
-            if (this.editorInput.selectedCategory === NEW_WELCOME_EXPERIENCE) {
-                prevButton.style.display = 'none';
-            }
-            else {
-                const moreTextElement = prevButton.querySelector('.moreText');
-                moreTextElement.textContent = firstLaunch ? ( localize(12350, "Welcome")) : ( localize(12317, "Go Back"));
-            }
+            const moreTextElement = prevButton.querySelector('.moreText');
+            moreTextElement.textContent = firstLaunch ? ( localize(12562, "Welcome")) : ( localize(12535, "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);