@codingame/monaco-vscode-walkthrough-service-override 23.3.0 → 24.1.0

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

@@ -35,7 +35,7 @@ import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platf
 import { IFileService } from '@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files.service';
 import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
 import { IKeybindingService } from '@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybinding.service';
-import { Verbosity } from '@codingame/monaco-vscode-158b9837-fc78-5d9c-86f5-9134e4358643-common/vscode/vs/platform/label/common/label';
+import { Verbosity } from '@codingame/monaco-vscode-api/vscode/vs/platform/label/common/label';
 import { ILabelService } from '@codingame/monaco-vscode-api/vscode/vs/platform/label/common/label.service';
 import { INotificationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/notification/common/notification.service';
 import { Link } from '@codingame/monaco-vscode-api/vscode/vs/platform/opener/browser/link';
@@ -50,11 +50,11 @@ import { getTelemetryLevel } from '@codingame/monaco-vscode-api/vscode/vs/platfo
 import { defaultToggleStyles, defaultButtonStyles, defaultKeybindingLabelStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
 import { UNKNOWN_EMPTY_WINDOW_WORKSPACE } from '@codingame/monaco-vscode-api/vscode/vs/platform/workspace/common/workspace';
 import { IWorkspaceContextService } from '@codingame/monaco-vscode-api/vscode/vs/platform/workspace/common/workspace.service';
-import { isRecentFolder, isRecentWorkspace } from '@codingame/monaco-vscode-158b9837-fc78-5d9c-86f5-9134e4358643-common/vscode/vs/platform/workspaces/common/workspaces';
+import { isRecentFolder, isRecentWorkspace } from '@codingame/monaco-vscode-api/vscode/vs/platform/workspaces/common/workspaces';
 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 { OpenRecentAction } from '@codingame/monaco-vscode-api/vscode/vs/workbench/browser/actions/windowActions';
+import { OpenFolderViaWorkspaceAction, OpenFileFolderAction, OpenFolderAction } from '@codingame/monaco-vscode-api/vscode/vs/workbench/browser/actions/workspaceActions';
+import { EditorPane } from '@codingame/monaco-vscode-api/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';
@@ -134,7 +134,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.container = $('.gettingStartedContainer', {
             role: 'document',
             tabindex: 0,
-            'aria-label': ( localize(12992, "Overview of how to get up to speed with your editor."))
+            'aria-label': ( localize(13132, "Overview of how to get up to speed with your editor."))
         });
         this.stepMediaComponent = $('.getting-started-media');
         this.stepMediaComponent.id = generateUuid();
@@ -210,14 +210,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(12993, "Checkbox for Step {0}: Completed", step.title)));
+                        badgeelement.setAttribute('aria-label', ( localize(13133, "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(12994, "Checkbox for Step {0}: Not completed", step.title)));
+                        badgeelement.setAttribute('aria-label', ( localize(13134, "Checkbox for Step {0}: Not completed", step.title)));
                     }
                 });
             }
@@ -259,16 +259,24 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     }
     async setInput(newInput, options, context, token) {
         await super.setInput(newInput, options, context, token);
-        await this.applyInput(options);
+        const selectedCategory = options?.selectedCategory ?? newInput.selectedCategory;
+        const selectedStep = options?.selectedStep ?? newInput.selectedStep;
+        await this.applyInput({ ...options, selectedCategory, selectedStep });
     }
     async setOptions(options) {
         super.setOptions(options);
+        if (!this.editorInput) {
+            return;
+        }
         if (this.editorInput.selectedCategory !== options?.selectedCategory ||
             this.editorInput.selectedStep !== options?.selectedStep) {
             await this.applyInput(options);
         }
     }
     async applyInput(options) {
+        if (!this.editorInput) {
+            return;
+        }
         this.editorInput.showTelemetryNotice = options?.showTelemetryNotice ?? true;
         this.editorInput.selectedCategory = options?.selectedCategory;
         this.editorInput.selectedStep = options?.selectedStep;
@@ -430,7 +438,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             label: x.title,
             detail: x.description,
             description: x.source,
-        }))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(12995, "Open Walkthrough...")) });
+        }))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(13135, "Open Walkthrough...")) });
         if (selection) {
             this.runDispatchCommand('selectCategory', selection.id);
         }
@@ -612,7 +620,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(12996, "Video for {0}", stepToExpand.title));
+            const altText = media.altText ? media.altText : ( localize(13136, "Video for {0}", stepToExpand.title));
             const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster, altText);
             this.webview.setHtml(rawHTML);
             let isDisposed = false;
@@ -629,6 +637,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         }
     }
     async selectStepLoose(id) {
+        if (!this.editorInput) {
+            return;
+        }
         if (id.startsWith(`${this.editorInput.selectedCategory}#`)) {
             this.selectStep(id);
         }
@@ -640,14 +651,17 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     provideScreenReaderUpdate() {
         if (this.configurationService.getValue(AccessibilityVerbositySettingId.Walkthrough)) {
             const kbLabel = this.keybindingService.lookupKeybinding(AccessibleViewAction.id)?.getAriaLabel();
-            return kbLabel ? ( localize(12997, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
-                12998,
+            return kbLabel ? ( localize(13137, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
+                13138,
                 "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 (!this.editorInput) {
+            return;
+        }
         if (id) {
             let stepElement = this.container.querySelector(`[data-step-id="${id}"]`);
             if (!stepElement) {
@@ -701,7 +715,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(12999, "Go Back"))));
+        const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(13139, "Go Back"))));
         this.stepsSlide = $('.gettingStartedSlideDetails.gettingStartedSlide', {}, prevButton);
         this.stepsContent = $('.gettingStartedDetailsContent', {});
         this.detailsPageScrollbar = this._register(( new DomScrollableElement(
@@ -725,11 +739,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             icon: Codicon.check,
             actionClassName: 'getting-started-checkbox',
             isChecked: this.configurationService.getValue(configurationKey) === 'welcomePage',
-            title: ( localize(13000, "When checked, this page will be shown on startup.")),
+            title: ( localize(13140, "When checked, this page will be shown on startup.")),
             ...defaultToggleStyles
         }));
         showOnStartupCheckbox.domNode.id = 'showOnStartup';
-        const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(13001, "Show welcome page on startup")));
+        const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(13141, "Show welcome page on startup")));
         const onShowOnStartupChanged = () => {
             if (showOnStartupCheckbox.checked) {
                 this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'showOnStartupChecked', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
@@ -748,7 +762,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(13002, "Editing evolved"))));
+        const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(13142, "Editing evolved"))));
         const leftColumn = $('.categories-column.categories-column-left', {});
         const rightColumn = $('.categories-column.categories-column-right', {});
         const startList = this.buildStartList();
@@ -784,19 +798,20 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.categoriesPageScrollbar?.scanDomNode();
         this.updateCategoryProgress();
         this.registerDispatchListeners();
-        if (this.editorInput?.selectedCategory) {
-            this.currentWalkthrough = this.gettingStartedCategories.find(category => category.id === this.editorInput.selectedCategory);
+        const editorInput = this.editorInput;
+        if (editorInput?.selectedCategory) {
+            this.currentWalkthrough = this.gettingStartedCategories.find(category => category.id === editorInput.selectedCategory);
             if (!this.currentWalkthrough) {
                 this.gettingStartedCategories = this.gettingStartedService.getWalkthroughs();
-                this.currentWalkthrough = this.gettingStartedCategories.find(category => category.id === this.editorInput.selectedCategory);
+                this.currentWalkthrough = this.gettingStartedCategories.find(category => category.id === editorInput.selectedCategory);
                 if (this.currentWalkthrough) {
-                    this.buildCategorySlide(this.editorInput.selectedCategory, this.editorInput.selectedStep);
+                    this.buildCategorySlide(editorInput.selectedCategory, editorInput.selectedStep);
                     this.setSlide('details');
                     return;
                 }
             }
             else {
-                this.buildCategorySlide(this.editorInput.selectedCategory, this.editorInput.selectedStep);
+                this.buildCategorySlide(editorInput.selectedCategory, editorInput.selectedStep);
                 this.setSlide('details');
                 return;
             }
@@ -841,7 +856,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const link = $('button.button-link');
             link.innerText = name;
             link.title = fullPath;
-            link.setAttribute('aria-label', ( localize(13003, "Open folder {0} with path {1}", name, parentPath)));
+            link.setAttribute('aria-label', ( localize(13143, "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], {
@@ -864,18 +879,18 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.recentlyOpenedList.dispose();
         }
         const recentlyOpenedList = this.recentlyOpenedList = ( new GettingStartedIndexList({
-            title: ( localize(13004, "Recent")),
+            title: ( localize(13144, "Recent")),
             klass: 'recently-opened',
             limit: 5,
-            empty: $('.empty-recent', {}, ( localize(13005, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(13006, "open a folder"))), ( localize(13007, "to start."))),
+            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."))),
             more: $('.more', {}, $('button.button-link', {
                 'x-dispatch': 'showMoreRecents',
                 title: ( localize(
-                    13008,
+                    13148,
                     "Show All Recent Folders {0}",
                     this.getKeybindingLabel(OpenRecentAction.ID)
                 ))
-            }, ( localize(13009, "More...")))),
+            }, ( localize(13149, "More...")))),
             renderElement: renderRecent,
             contextService: this.contextService
         }));
@@ -903,7 +918,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.startList.dispose();
         }
         const startList = this.startList = ( new GettingStartedIndexList({
-            title: ( localize(13010, "Start")),
+            title: ( localize(13150, "Start")),
             klass: 'start-container',
             limit: 10,
             renderElement: renderStartEntry,
@@ -919,10 +934,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(13011, "New"))));
+                reset(newBadge, $('.new-category', {}, ( localize(13151, "New"))));
             }
             else if (category.newItems) {
-                reset(newBadge, $('.new-items', {}, ( localize(13012, "Updated"))));
+                reset(newBadge, $('.new-items', {}, ( localize(13152, "Updated"))));
             }
             const featuredBadge = $('.featured-badge', {});
             const descriptionContent = $('.description-content', {});
@@ -938,9 +953,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(13013, "Hide")),
+                'title': ( localize(13153, "Hide")),
                 'role': 'button',
-                'aria-label': ( localize(13014, "Hide")),
+                'aria-label': ( localize(13154, "Hide")),
             })), descriptionContent, $('.category-progress', { 'x-data-category-id': category.id, }, $('.progress-bar-outer', { 'role': 'progressbar' }, $('.progress-bar-inner'))));
         };
         if (this.gettingStartedList) {
@@ -966,10 +981,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             return rank;
         };
         const gettingStartedList = this.gettingStartedList = ( new GettingStartedIndexList({
-            title: ( localize(13015, "Walkthroughs")),
+            title: ( localize(13155, "Walkthroughs")),
             klass: 'getting-started',
             limit: 5,
-            footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(13009, "More..."))),
+            footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(13149, "More..."))),
             renderElement: renderGetttingStaredWalkthrough,
             rankElement: rankWalkthrough,
             contextService: this.contextService,
@@ -1022,10 +1037,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(13016, "All {0} steps complete!", stats.stepsComplete));
+                bar.title = ( localize(13156, "All {0} steps complete!", stats.stepsComplete));
             }
             else {
-                bar.title = ( localize(13017, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
+                bar.title = ( localize(13157, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
             }
         });
     }
@@ -1038,6 +1053,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             throw Error('Could not find category with ID: ' + categoryID);
         }
         this.inProgressScroll = this.inProgressScroll.then(async () => {
+            if (!this.editorInput) {
+                return;
+            }
             reset(this.stepsContent);
             this.editorInput.selectedCategory = categoryID;
             this.editorInput.selectedStep = stepId;
@@ -1095,11 +1113,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             if ((commandURI.path === ( OpenFileFolderAction.ID.toString()) ||
                 commandURI.path === ( OpenFolderAction.ID.toString())) &&
                 this.workspaceContextService.getWorkspace().folders.length === 0) {
-                const selectedStepIndex = this.currentWalkthrough?.steps.findIndex(step => step.id === this.editorInput.selectedStep);
+                const selectedStepIndex = this.currentWalkthrough?.steps.findIndex(step => step.id === this.editorInput?.selectedStep);
                 if (selectedStepIndex !== undefined &&
                     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 };
+                    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);
                 }
             }
@@ -1110,7 +1128,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                         console.warn('Warn: Running walkthrough command', href, 'yielded non-URI `openFolder` result', toOpen, '. It will be disregarded.');
                         return;
                     }
-                    const restoreData = { folder: ( toOpen.toString()), category: this.editorInput.selectedCategory, step: this.editorInput.selectedStep };
+                    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.hostService.openWindow([{ folderUri: toOpen }]);
                 }
@@ -1146,7 +1164,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 if (isCommand) {
                     const keybinding = this.getKeyBinding(command);
                     if (keybinding) {
-                        const shortcutMessage = $('span.shortcut-message', {}, ( localize(13018, 'Tip: Use keyboard shortcut ')));
+                        const shortcutMessage = $('span.shortcut-message', {}, ( localize(13158, 'Tip: Use keyboard shortcut ')));
                         container.appendChild(shortcutMessage);
                         const label = ( new KeybindingLabel(shortcutMessage, OS, { ...defaultKeybindingLabelStyles }));
                         label.set(keybinding);
@@ -1184,6 +1202,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         super.clearInput();
     }
     buildCategorySlide(categoryID, selectedStep) {
+        if (!this.editorInput) {
+            return;
+        }
         if (this.detailsScrollbar) {
             this.detailsScrollbar.dispose();
         }
@@ -1202,7 +1223,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         const stepListContainer = $('.step-list-container');
         this.detailsPageDisposables.add(addDisposableListener(stepListContainer, 'keydown', (e) => {
             const event = ( new StandardKeyboardEvent(e));
-            const currentStepIndex = () => category.steps.findIndex(e => e.id === this.editorInput.selectedStep);
+            const currentStepIndex = () => category.steps.findIndex(e => e.id === this.editorInput?.selectedStep);
             if (event.keyCode === KeyCode.UpArrow) {
                 const toExpand = category.steps.filter((step, index) => index < currentStepIndex() && this.contextService.contextMatchesRules(step.when));
                 if (toExpand.length) {
@@ -1234,8 +1255,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                     'role': 'checkbox',
                     'aria-checked': step.done ? 'true' : 'false',
                     'aria-label': step.done
-                        ? ( localize(12993, "Checkbox for Step {0}: Completed", step.title))
-                        : ( localize(12994, "Checkbox for Step {0}: Not completed", step.title)),
+                        ? ( localize(13133, "Checkbox for Step {0}: Completed", step.title))
+                        : ( localize(13134, "Checkbox for Step {0}: Not completed", step.title)),
                 });
                 const container = $('.step-description-container', { 'x-step-description-for': step.id });
                 this.buildMarkdownDescription(container, step.description);
@@ -1243,10 +1264,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(13019, "Image showing {0}", step.media.altText)) }));
+                    stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(13159, "Image showing {0}", step.media.altText)) }));
                 }
                 else if (step.media.type === 'video') {
-                    stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(13020, "Video showing {0}", step.media.altText)) }));
+                    stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(13160, "Video showing {0}", step.media.altText)) }));
                 }
                 return $('button.getting-started-step', {
                     'x-dispatch': 'selectTask:' + step.id,
@@ -1259,15 +1280,15 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         };
         buildStepList();
         this.detailsPageDisposables.add(this.contextService.onDidChangeContext(e => {
-            if (e.affectsSome(contextKeysToWatch) && this.currentWalkthrough) {
+            if (e.affectsSome(contextKeysToWatch) && this.currentWalkthrough && this.editorInput) {
                 buildStepList();
                 this.registerDispatchListeners();
                 this.selectStep(this.editorInput.selectedStep, false);
             }
         }));
         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(13021, "Mark Done"))), ...(showNextCategory
-            ? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(13022, "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(13161, "Mark Done"))), ...(showNextCategory
+            ? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(13162, "Next Section")), $('span.codicon.codicon-arrow-right'))]
             : [])));
         this.detailsScrollbar = this._register(( new DomScrollableElement(stepsContainer, { className: 'steps-container' })));
         const stepListComponent = this.detailsScrollbar.getDomNode();
@@ -1283,12 +1304,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.registerDispatchListeners();
     }
     buildTelemetryFooter(parent) {
-        const privacyStatementCopy = ( localize(13023, "privacy statement"));
+        const privacyStatementCopy = ( localize(13163, "privacy statement"));
         const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
-        const optOutCopy = ( localize(13024, "opt out"));
+        const optOutCopy = ( localize(13164, "opt out"));
         const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
         const text = ( localize(
-            13025,
+            13165,
             "{0} collects usage data. Read our {1} and learn how to {2}.",
             this.productService.nameShort,
             privacyStatementButton,
@@ -1320,10 +1341,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             }
             else {
                 this.currentWalkthrough = undefined;
-                this.editorInput.selectedCategory = undefined;
-                this.editorInput.selectedStep = undefined;
-                this.editorInput.showTelemetryNotice = false;
-                this.editorInput.walkthroughPageTitle = undefined;
+                if (this.editorInput) {
+                    this.editorInput.selectedCategory = undefined;
+                    this.editorInput.selectedStep = undefined;
+                    this.editorInput.showTelemetryNotice = false;
+                    this.editorInput.walkthroughPageTitle = undefined;
+                }
                 if (this.gettingStartedCategories.length !== this.gettingStartedList?.itemCount) {
                     this.buildCategoriesSlide();
                 }
@@ -1337,7 +1360,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.commandService.executeCommand('workbench.action.closeActiveEditor');
     }
     escape() {
-        if (this.editorInput.selectedCategory) {
+        if (this.editorInput?.selectedCategory) {
             this.scrollPrev();
         }
         else {
@@ -1358,9 +1381,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             slideManager.classList.add('showDetails');
             slideManager.classList.remove('showCategories');
             const prevButton = this.container.querySelector('.prev-button.button-link');
-            prevButton.style.display = this.editorInput.showWelcome || this.prevWalkthrough ? 'block' : 'none';
+            prevButton.style.display = this.editorInput?.showWelcome || this.prevWalkthrough ? 'block' : 'none';
             const moreTextElement = prevButton.querySelector('.moreText');
-            moreTextElement.textContent = firstLaunch ? ( localize(13026, "Welcome")) : ( localize(12999, "Go Back"));
+            moreTextElement.textContent = firstLaunch ? ( localize(13166, "Welcome")) : ( localize(13139, "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(13027, '{0}\n{1}', step.title, description));
+        const stepsContent = ( localize(13167, '{0}\n{1}', step.title, description));
         if (includeTitle) {
             return [
-                ( localize(13028, 'Title: {0}', waltkrough.title)),
-                ( localize(13029, 'Description: {0}', waltkrough.description)),
+                ( localize(13168, 'Title: {0}', waltkrough.title)),
+                ( localize(13169, '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(13030, 'Background color for the Welcome page.')));
-registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(13031, '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(13032, 'Hover background color for the tiles on the Welcome.')));
-registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(13033, 'Border color for the tiles on the Welcome page.')));
-registerColor('welcomePage.progress.background', inputBackground, ( localize(13034, 'Foreground color for the Welcome page progress bars.')));
-registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(13035, 'Background color for the Welcome page progress bars.')));
-registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(13036, 'Foreground color of the heading of each walkthrough step')));
+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')));

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

@@ -3,7 +3,7 @@ import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib
 import { generateUuid } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uuid';
 import { generateTokensCSSForColorMap } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/supports/tokenization';
 import { TokenizationRegistry } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/languages';
-import { DEFAULT_MARKDOWN_STYLES, renderMarkdownDocument } from '@codingame/monaco-vscode-cf77987b-b1b7-5359-aaf8-a259c63d9f03-common/vscode/vs/workbench/contrib/markdown/browser/markdownDocumentRenderer';
+import { DEFAULT_MARKDOWN_STYLES, renderMarkdownDocument } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/markdown/browser/markdownDocumentRenderer';
 import { language } from '@codingame/monaco-vscode-api/vscode/vs/base/common/platform';
 import { joinPath } from '@codingame/monaco-vscode-api/vscode/vs/base/common/resources';
 import { assertReturnsDefined } from '@codingame/monaco-vscode-api/vscode/vs/base/common/types';