@codingame/monaco-vscode-welcome-service-override 3.2.3 → 4.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codingame/monaco-vscode-welcome-service-override",
-  "version": "3.2.3",
+  "version": "4.0.0",
   "keywords": [],
   "author": {
     "name": "CodinGame",
@@ -18,6 +18,6 @@
   "module": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "vscode": "npm:@codingame/monaco-vscode-api@3.2.3"
+    "vscode": "npm:@codingame/monaco-vscode-api@4.0.0"
   }
 }

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

@@ -24,6 +24,7 @@ import { IExtensionService } from 'vscode/vscode/vs/workbench/services/extension
 import { StartupPageEditorResolverContribution, StartupPageRunnerContribution } from './startupPage.js';
 import { ExtensionsInput } from 'vscode/vscode/vs/workbench/contrib/extensions/common/extensionsInput';
 import { Categories } from 'vscode/vscode/vs/platform/action/common/actionCommonCategories';
+import './gettingStartedIcons.js';
 
 registerAction2(class extends Action2 {
     constructor() {
@@ -50,7 +51,7 @@ registerAction2(class extends Action2 {
         const commandService = accessor.get(ICommandService);
         if (walkthroughID) {
             const selectedCategory = typeof walkthroughID === 'string' ? walkthroughID : walkthroughID.category;
-            const selectedStep = typeof walkthroughID === 'string' ? undefined : walkthroughID.step;
+            const selectedStep = typeof walkthroughID === 'string' ? undefined : walkthroughID.category + '#' + walkthroughID.step;
             if (!selectedCategory && !selectedStep) {
                 editorService.openEditor({
                     resource: GettingStartedInput.RESOURCE,

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

@@ -1,5 +1,5 @@
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
-import { $, getWindow, addDisposableListener, clearNode, reset, append } from 'vscode/vscode/vs/base/browser/dom';
+import { $, addDisposableListener, clearNode, reset, append } from 'vscode/vscode/vs/base/browser/dom';
 import { renderFormattedText } from 'vscode/vscode/vs/base/browser/formattedTextRenderer';
 import { StandardKeyboardEvent } from 'vscode/vscode/vs/base/browser/keyboardEvent';
 import { Button } from 'vscode/vscode/vs/base/browser/ui/button/button';
@@ -52,7 +52,7 @@ import './gettingStartedColors.js';
 import { GettingStartedDetailsRenderer } from './gettingStartedDetailsRenderer.js';
 import { gettingStartedUncheckedCodicon, gettingStartedCheckedCodicon } from './gettingStartedIcons.js';
 import { GettingStartedInput } from './gettingStartedInput.js';
-import { hiddenEntriesConfigurationKey, IWalkthroughsService } from 'vscode/vscode/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedService';
+import { hiddenEntriesConfigurationKey, parseDescription, IWalkthroughsService } from 'vscode/vscode/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedService';
 import { restoreWalkthroughsConfigurationKey } from './startupPage.js';
 import { startEntries } from 'vscode/vscode/vs/workbench/contrib/welcomeGettingStarted/common/gettingStartedContent';
 import { IEditorGroupsService } from 'vscode/vscode/vs/workbench/services/editor/common/editorGroupsService';
@@ -60,6 +60,7 @@ import { IExtensionService } from 'vscode/vscode/vs/workbench/services/extension
 import { IHostService } from 'vscode/vscode/vs/workbench/services/host/browser/host';
 import { ThemeSettings } from 'vscode/vscode/vs/workbench/services/themes/common/workbenchThemeService';
 import { GettingStartedIndexList } from './gettingStartedList.js';
+import { IWorkbenchAssignmentService } from 'vscode/vscode/vs/workbench/services/assignment/common/assignmentService';
 
 var GettingStartedPage_1;
 const SLIDE_TRANSITION_TIME_MS = 250;
@@ -79,8 +80,8 @@ const REDUCED_MOTION_KEY = 'workbench.welcomePage.preferReducedMotion';
 let GettingStartedPage = class GettingStartedPage extends EditorPane {
     static { GettingStartedPage_1 = this; }
     static { this.ID = 'gettingStartedPage'; }
-    constructor(commandService, productService, keybindingService, gettingStartedService, configurationService, telemetryService, languageService, fileService, openerService, themeService, storageService, extensionService, instantiationService, notificationService, groupsService, contextService, quickInputService, workspacesService, labelService, hostService, webviewService, workspaceContextService, accessibilityService) {
-        super(GettingStartedPage_1.ID, telemetryService, themeService, storageService);
+    constructor(group, commandService, productService, keybindingService, gettingStartedService, configurationService, telemetryService, languageService, fileService, openerService, themeService, storageService, extensionService, instantiationService, notificationService, groupsService, contextService, quickInputService, workspacesService, labelService, hostService, webviewService, workspaceContextService, accessibilityService, tasExperimentService) {
+        super(GettingStartedPage_1.ID, group, telemetryService, themeService, storageService);
         this.commandService = commandService;
         this.productService = productService;
         this.keybindingService = keybindingService;
@@ -101,6 +102,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.webviewService = webviewService;
         this.workspaceContextService = workspaceContextService;
         this.accessibilityService = accessibilityService;
+        this.tasExperimentService = tasExperimentService;
         this.inProgressScroll = Promise.resolve();
         this.dispatchListeners = ( new DisposableStore());
         this.stepDisposables = ( new DisposableStore());
@@ -108,6 +110,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.mediaDisposables = ( new DisposableStore());
         this.buildSlideThrottle = ( new Throttler());
         this.hasScrolledToFirstCategory = false;
+        this.showFeaturedWalkthrough = true;
         this.currentMediaComponent = undefined;
         this.currentMediaType = undefined;
         this.container = $('.gettingStartedContainer', {
@@ -186,7 +189,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             }));
             ourStep.done = step.done;
             if (category.id === this.currentWalkthrough?.id) {
-                const badgeelements = assertIsDefined(getWindow(this.container).document.querySelectorAll(`[data-done-step-id="${step.id}"]`));
+                const badgeelements = assertIsDefined(this.window.document.querySelectorAll(`[data-done-step-id="${step.id}"]`));
                 badgeelements.forEach(badgeelement => {
                     if (step.done) {
                         badgeelement.setAttribute('aria-checked', 'true');
@@ -249,7 +252,14 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     registerDispatchListeners() {
         this.dispatchListeners.clear();
         this.container.querySelectorAll('[x-dispatch]').forEach(element => {
-            const [command, argument] = (element.getAttribute('x-dispatch') ?? '').split(':');
+            const dispatch = element.getAttribute('x-dispatch') ?? '';
+            let command, argument;
+            if (dispatch.startsWith('openLink:https')) {
+                [command, argument] = ['openLink', dispatch.replace('openLink:', '')];
+            }
+            else {
+                [command, argument] = dispatch.split(':');
+            }
             if (command) {
                 this.dispatchListeners.add(addDisposableListener(element, 'click', (e) => {
                     e.stopPropagation();
@@ -338,12 +348,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 }
                 break;
             }
-            case 'openExtensionPage': {
-                this.commandService.executeCommand('extension.open', argument);
+            case 'hideVideos': {
+                this.hideVideos();
                 break;
             }
-            case 'hideExtension': {
-                this.hideExtension(argument);
+            case 'openLink': {
+                this.openerService.open(argument);
                 break;
             }
             default: {
@@ -360,9 +370,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.setHiddenCategories([...this.getHiddenCategories().add(categoryId)]);
         this.gettingStartedList?.rerender();
     }
-    hideExtension(extensionId) {
-        this.setHiddenCategories([...this.getHiddenCategories().add(extensionId)]);
-        this.registerDispatchListeners();
+    hideVideos() {
+        this.setHiddenCategories([...this.getHiddenCategories().add('getting-started-videos')]);
+        this.videoList?.setEntries(undefined);
     }
     markAllStepsComplete() {
         if (this.currentWalkthrough) {
@@ -412,12 +422,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     setHiddenCategories(hidden) {
         this.storageService.store(hiddenEntriesConfigurationKey, JSON.stringify(hidden), 0 , 0 );
     }
-    async buildMediaComponent(stepId) {
+    async buildMediaComponent(stepId, forceRebuild = false) {
         if (!this.currentWalkthrough) {
             throw Error('no walkthrough selected');
         }
         const stepToExpand = assertIsDefined(this.currentWalkthrough.steps.find(step => step.id === stepId));
-        if (this.currentMediaComponent === stepId) {
+        if (!forceRebuild && this.currentMediaComponent === stepId) {
             return;
         }
         this.currentMediaComponent = stepId;
@@ -435,11 +445,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             clearNode(this.stepMediaComponent);
             if (stepToExpand.media.type === 'svg') {
                 this.webview = this.mediaDisposables.add(this.webviewService.createWebviewElement({ title: undefined, options: { disableServiceWorker: true }, contentOptions: {}, extension: undefined }));
-                this.webview.mountTo(this.stepMediaComponent);
+                this.webview.mountTo(this.stepMediaComponent, this.window);
             }
             else if (stepToExpand.media.type === 'markdown') {
                 this.webview = this.mediaDisposables.add(this.webviewService.createWebviewElement({ options: {}, contentOptions: { localResourceRoots: [stepToExpand.media.root], allowScripts: true }, title: '', extension: undefined }));
-                this.webview.mountTo(this.stepMediaComponent);
+                this.webview.mountTo(this.stepMediaComponent, this.window);
             }
         }
         if (stepToExpand.media.type === 'image') {
@@ -591,7 +601,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.editorInput.selectedStep = id;
             stepElement.classList.add('expanded');
             stepElement.setAttribute('aria-expanded', 'true');
-            this.buildMediaComponent(id);
+            this.buildMediaComponent(id, true);
             this.gettingStartedService.progressByEvent('stepSelected:' + id);
         }
         else {
@@ -678,22 +688,56 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         const rightColumn = $('.categories-column.categories-column-right', {});
         const startList = this.buildStartList();
         const recentList = this.buildRecentlyOpenedList();
+        const showVideoTutorials = await Promise.race([
+            this.tasExperimentService?.getTreatment('gettingStarted.showVideoTutorials'),
+            ( new Promise(resolve => setTimeout(() => resolve(false), 200)))
+        ]);
+        let videoList;
+        if (showVideoTutorials === true) {
+            this.showFeaturedWalkthrough = false;
+            videoList = this.buildVideosList();
+            const layoutVideos = () => {
+                if (videoList?.itemCount > 0) {
+                    reset(rightColumn, videoList?.getDomElement(), gettingStartedList.getDomElement());
+                }
+                else {
+                    reset(rightColumn, gettingStartedList.getDomElement());
+                }
+                setTimeout(() => this.categoriesPageScrollbar?.scanDomNode(), 50);
+                layoutRecentList();
+            };
+            videoList.onDidChange(layoutVideos);
+        }
         const gettingStartedList = this.buildGettingStartedWalkthroughsList();
         const footer = $('.footer', {}, $('p.showOnStartup', {}, showOnStartupCheckbox.domNode, showOnStartupLabel));
         const layoutLists = () => {
             if (gettingStartedList.itemCount) {
                 this.container.classList.remove('noWalkthroughs');
-                reset(rightColumn, gettingStartedList.getDomElement());
+                if (videoList?.itemCount > 0) {
+                    this.container.classList.remove('noVideos');
+                    reset(rightColumn, videoList?.getDomElement(), gettingStartedList.getDomElement());
+                }
+                else {
+                    this.container.classList.add('noVideos');
+                    reset(rightColumn, gettingStartedList.getDomElement());
+                }
             }
             else {
                 this.container.classList.add('noWalkthroughs');
-                reset(rightColumn);
+                if (videoList?.itemCount > 0) {
+                    this.container.classList.remove('noVideos');
+                    reset(rightColumn, videoList?.getDomElement());
+                }
+                else {
+                    this.container.classList.add('noVideos');
+                    reset(rightColumn);
+                }
             }
             setTimeout(() => this.categoriesPageScrollbar?.scanDomNode(), 50);
             layoutRecentList();
         };
         const layoutRecentList = () => {
-            if (this.container.classList.contains('noWalkthroughs') && this.container.classList.contains('noExtensions')) {
+            if (this.container.classList.contains('noWalkthroughs') && this.container.classList.contains('noVideos')) {
                 recentList.setLimit(10);
                 reset(leftColumn, startList.getDomElement());
                 reset(rightColumn, recentList.getDomElement());
@@ -732,14 +776,14 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.buildTelemetryFooter(telemetryNotice);
             footer.appendChild(telemetryNotice);
         }
-        else if (!this.productService.openToWelcomeMainPage && !someStepsComplete && !this.hasScrolledToFirstCategory) {
+        else if (!this.productService.openToWelcomeMainPage && !someStepsComplete && !this.hasScrolledToFirstCategory && this.showFeaturedWalkthrough) {
             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') {
                 const first = this.gettingStartedCategories.filter(c => !c.when || this.contextService.contextMatchesRules(c.when))[0];
-                this.hasScrolledToFirstCategory = true;
                 if (first) {
+                    this.hasScrolledToFirstCategory = true;
                     this.currentWalkthrough = first;
                     this.editorInput.selectedCategory = this.currentWalkthrough?.id;
                     this.buildCategorySlide(this.editorInput.selectedCategory, undefined);
@@ -891,13 +935,13 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             }
             const featuredBadge = $('.featured-badge', {});
             const descriptionContent = $('.description-content', {});
-            if (category.isFeatured) {
+            if (category.isFeatured && this.showFeaturedWalkthrough) {
                 reset(featuredBadge, $('.featured', {}, $('span.featured-icon.codicon.codicon-star-full')));
                 reset(descriptionContent, ...renderLabelWithIcons(category.description));
             }
             const titleContent = $('h3.category-title.max-lines-3', { 'x-category-title-for': category.id });
             reset(titleContent, ...renderLabelWithIcons(category.title));
-            return $('button.getting-started-category' + (category.isFeatured ? '.featured' : ''), {
+            return $('button.getting-started-category' + (category.isFeatured && this.showFeaturedWalkthrough ? '.featured' : ''), {
                 'x-dispatch': 'selectCategory:' + category.id,
                 'title': category.description
             }, featuredBadge, $('.main-content', {}, this.iconWidgetFor(category), titleContent, renderNewBadge ? newBadge : $('.no-badge'), $('a.codicon.codicon-close.hide-category-button', {
@@ -967,6 +1011,70 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         allWalkthroughsHiddenContext.bindTo(this.contextService).set(gettingStartedList.itemCount === 0);
         return gettingStartedList;
     }
+    buildVideosList() {
+        const renderFeaturedExtensions = (entry) => {
+            const featuredBadge = $('.featured-badge', {});
+            const descriptionContent = $('.description-content', {});
+            reset(featuredBadge, $('.featured', {}, $('span.featured-icon.codicon.codicon-star-full')));
+            reset(descriptionContent, ...renderLabelWithIcons(entry.description));
+            const titleContent = $('h3.category-title.max-lines-3', { 'x-category-title-for': entry.id });
+            reset(titleContent, ...renderLabelWithIcons(entry.title));
+            return $('button.getting-started-category' + '.featured', {
+                'x-dispatch': 'openLink:' + entry.command,
+                'title': entry.title
+            }, featuredBadge, $('.main-content', {}, this.iconWidgetFor(entry), titleContent, $('a.codicon.codicon-close.hide-category-button', {
+                'tabindex': 0,
+                'x-dispatch': 'hideVideos',
+                'title': ( localizeWithPath(
+                    'vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted',
+                    'close',
+                    "Hide"
+                )),
+                'role': 'button',
+                'aria-label': ( localizeWithPath(
+                    'vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted',
+                    'closeAriaLabel',
+                    "Hide"
+                )),
+            })), descriptionContent);
+        };
+        if (this.videoList) {
+            this.videoList.dispose();
+        }
+        const videoList = this.videoList = ( new GettingStartedIndexList({
+            title: ( localizeWithPath(
+                'vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted',
+                'videos',
+                "Videos"
+            )),
+            klass: 'getting-started-videos',
+            limit: 1,
+            renderElement: renderFeaturedExtensions,
+            contextService: this.contextService,
+        }));
+        if (( this.getHiddenCategories().has('getting-started-videos'))) {
+            return videoList;
+        }
+        videoList.setEntries([{
+                id: 'getting-started-videos',
+                title: ( localizeWithPath(
+                    'vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted',
+                    'videos-title',
+                    'Watch Getting Started Tutorials'
+                )),
+                description: ( localizeWithPath(
+                    'vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted',
+                    'videos-description',
+                    'Learn VS Code\'s must-have features in short and practical videos'
+                )),
+                command: 'https://aka.ms/vscode-getting-started-tutorials',
+                order: 0,
+                icon: { type: 'icon', icon: Codicon.deviceCameraVideo },
+                when: ContextKeyExpr.true(),
+            }]);
+        videoList.onDidChange(() => this.registerDispatchListeners());
+        return videoList;
+    }
     layout(size) {
         this.detailsScrollbar?.scanDomNode();
         this.categoriesPageScrollbar?.scanDomNode();
@@ -974,6 +1082,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.startList?.layout(size);
         this.gettingStartedList?.layout(size);
         this.recentlyOpenedList?.layout(size);
+        this.videoList?.layout(size);
         if (this.editorInput?.selectedStep && this.currentMediaType) {
             this.mediaDisposables.clear();
             this.stepDisposables.clear();
@@ -988,7 +1097,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.detailsScrollbar?.scanDomNode();
     }
     updateCategoryProgress() {
-        getWindow(this.container).document.querySelectorAll('.category-progress').forEach(element => {
+        this.window.document.querySelectorAll('.category-progress').forEach(element => {
             const categoryID = element.getAttribute('x-data-category-id');
             const category = this.gettingStartedCategories.find(category => category.id === categoryID);
             if (!category) {
@@ -1034,7 +1143,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.editorInput.selectedCategory = categoryID;
             this.editorInput.selectedStep = stepId;
             this.currentWalkthrough = ourCategory;
-            this.buildCategorySlide(categoryID);
+            this.buildCategorySlide(categoryID, stepId);
             this.setSlide('details');
         });
     }
@@ -1044,7 +1153,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         return widget;
     }
     focusSideEditorGroup() {
-        const fullSize = this.group ? this.groupsService.getPart(this.group).contentDimension : undefined;
+        const fullSize = this.groupsService.getPart(this.group).contentDimension;
         if (!fullSize || fullSize.width <= 700) {
             return;
         }
@@ -1116,7 +1225,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.gettingStartedService.progressByEvent('onLink:' + href);
         }
     }
-    buildStepMarkdownDescription(container, text) {
+    buildMarkdownDescription(container, text) {
         while (container.firstChild) {
             container.removeChild(container.firstChild);
         }
@@ -1188,7 +1297,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         if (!category) {
             throw Error('could not find category with ID ' + categoryID);
         }
-        const categoryDescriptorComponent = $('.getting-started-category', {}, $('.category-description-container', {}, $('h2.category-title.max-lines-3', { 'x-category-title-for': category.id }, ...renderLabelWithIcons(category.title)), $('.category-description.description.max-lines-3', { 'x-category-description-for': category.id }, ...renderLabelWithIcons(category.description))));
+        const descriptionContainer = $('.category-description.description.max-lines-3', { 'x-category-description-for': category.id });
+        this.buildMarkdownDescription(descriptionContainer, parseDescription(category.description));
+        const categoryDescriptorComponent = $('.getting-started-category', {}, $('.category-description-container', {}, $('h2.category-title.max-lines-3', { 'x-category-title-for': category.id }, ...renderLabelWithIcons(category.title)), descriptionContainer));
         const stepListContainer = $('.step-list-container');
         this.detailsPageDisposables.add(addDisposableListener(stepListContainer, 'keydown', (e) => {
             const event = ( new StandardKeyboardEvent(e));
@@ -1226,7 +1337,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                     'aria-checked': step.done ? 'true' : 'false'
                 });
                 const container = $('.step-description-container', { 'x-step-description-for': step.id });
-                this.buildStepMarkdownDescription(container, step.description);
+                this.buildMarkdownDescription(container, step.description);
                 const stepTitle = $('h3.step-title.max-lines-3', { 'x-step-title-for': step.id });
                 reset(stepTitle, ...renderLabelWithIcons(step.title));
                 const stepDescription = $('.step-container', {}, stepTitle, container);
@@ -1372,29 +1483,30 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     }
 };
 GettingStartedPage = GettingStartedPage_1 = ( __decorate([
-    ( __param(0, ICommandService)),
-    ( __param(1, IProductService)),
-    ( __param(2, IKeybindingService)),
-    ( __param(3, IWalkthroughsService)),
-    ( __param(4, IConfigurationService)),
-    ( __param(5, ITelemetryService)),
-    ( __param(6, ILanguageService)),
-    ( __param(7, IFileService)),
-    ( __param(8, IOpenerService)),
-    ( __param(9, IThemeService)),
-    ( __param(10, IStorageService)),
-    ( __param(11, IExtensionService)),
-    ( __param(12, IInstantiationService)),
-    ( __param(13, INotificationService)),
-    ( __param(14, IEditorGroupsService)),
-    ( __param(15, IContextKeyService)),
-    ( __param(16, IQuickInputService)),
-    ( __param(17, IWorkspacesService)),
-    ( __param(18, ILabelService)),
-    ( __param(19, IHostService)),
-    ( __param(20, IWebviewService)),
-    ( __param(21, IWorkspaceContextService)),
-    ( __param(22, IAccessibilityService))
+    ( __param(1, ICommandService)),
+    ( __param(2, IProductService)),
+    ( __param(3, IKeybindingService)),
+    ( __param(4, IWalkthroughsService)),
+    ( __param(5, IConfigurationService)),
+    ( __param(6, ITelemetryService)),
+    ( __param(7, ILanguageService)),
+    ( __param(8, IFileService)),
+    ( __param(9, IOpenerService)),
+    ( __param(10, IThemeService)),
+    ( __param(11, IStorageService)),
+    ( __param(12, IExtensionService)),
+    ( __param(13, IInstantiationService)),
+    ( __param(14, INotificationService)),
+    ( __param(15, IEditorGroupsService)),
+    ( __param(16, IContextKeyService)),
+    ( __param(17, IQuickInputService)),
+    ( __param(18, IWorkspacesService)),
+    ( __param(19, ILabelService)),
+    ( __param(20, IHostService)),
+    ( __param(21, IWebviewService)),
+    ( __param(22, IWorkspaceContextService)),
+    ( __param(23, IAccessibilityService)),
+    ( __param(24, IWorkbenchAssignmentService))
 ], GettingStartedPage));
 class GettingStartedInputSerializer {
     canSerialize(editorInput) {

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

@@ -1,4 +1,14 @@
-import { registerColor, editorWidgetBackground, lighten, darken, contrastBorder, inputBackground, textLinkForeground } from 'vscode/vscode/vs/platform/theme/common/colorRegistry';
+import { registerColor, lighten, darken } from 'vscode/vscode/vs/platform/theme/common/colorUtils';
+import { contrastBorder, textLinkForeground } from 'vscode/vscode/vs/platform/theme/common/colors/baseColors';
+import 'vscode/vscode/vs/platform/theme/common/colors/chartsColors';
+import { editorWidgetBackground } from 'vscode/vscode/vs/platform/theme/common/colors/editorColors';
+import { inputBackground } from 'vscode/vscode/vs/platform/theme/common/colors/inputColors';
+import 'vscode/vscode/vs/platform/theme/common/colors/listColors';
+import 'vscode/vscode/vs/platform/theme/common/colors/menuColors';
+import 'vscode/vscode/vs/platform/theme/common/colors/minimapColors';
+import 'vscode/vscode/vs/platform/theme/common/colors/miscColors';
+import 'vscode/vscode/vs/platform/theme/common/colors/quickpickColors';
+import 'vscode/vscode/vs/platform/theme/common/colors/searchColors';
 import { localizeWithPath } from 'vscode/vscode/vs/nls';
 
 registerColor('welcomePage.background', { light: null, dark: null, hcDark: null, hcLight: null }, ( localizeWithPath(

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

@@ -1,6 +1,6 @@
 import n from '../../../../../../../../external/rollup-plugin-styles/dist/runtime/inject-css.js';
 
-var css = ".file-icons-enabled .show-file-icons .vscode_getting_started_page-name-file-icon.file-icon:before{background-image:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGQ9Ik0xMDI0IDEwMjRIMFYwaDEwMjR2MTAyNHoiIHN0eWxlPSJmaWxsOiNmNmY2ZjY7ZmlsbC1vcGFjaXR5OjAiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTAyNCA4NS4zMzN2ODUzLjMzM0gwVjg1LjMzM2gxMDI0eiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0wIDg1LjMzM2gyOTguNjY3djg1My4zMzNIMFY4NS4zMzN6bTEwMjQgMHY4NTMuMzMzSDM4NFY4NS4zMzNoNjQwem0tNTU0LjY2NyAxNjBoMzQxLjMzM3YtNjRINDY5LjMzM3Y2NHptMzQxLjMzNCA1MzMuMzM0SDQ2OS4zMzN2NjRoMzQxLjMzM2wuMDAxLTY0em0xMjgtMTQ5LjMzNEg1OTcuMzMzdjY0aDM0MS4zMzNsLjAwMS02NHptMC0xNDkuMzMzSDU5Ny4zMzN2NjRoMzQxLjMzM2wuMDAxLTY0em0wLTE0OS4zMzNINTk3LjMzM3Y2NGgzNDEuMzMzbC4wMDEtNjR6IiBzdHlsZT0iZmlsbDojMTY3YWJmIi8+PC9zdmc+\");content:\" \"}.monaco-workbench .part.editor>.content .gettingStartedContainer{box-sizing:border-box;height:inherit;line-height:22px;outline:none;overflow:hidden;position:relative;user-select:auto;-webkit-user-select:initial;width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer.loading{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer img{max-height:100%;max-width:100%;object-fit:contain;pointer-events:none}.monaco-workbench .part.editor>.content .gettingStartedContainer{font-size:13px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStarted{height:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer h1{border:none;font-size:2.7em;font-weight:400;margin:0;padding:5px 0 0;white-space:nowrap}.monaco-workbench .part.editor>.content .gettingStartedContainer .title{flex:1 100%;margin-bottom:1em;margin-top:1em}.monaco-workbench .part.editor>.content .gettingStartedContainer .subtitle{display:block;font-size:2em;margin-top:.6em}.monaco-workbench.hc-black .part.editor>.content .gettingStartedContainer .subtitle,.monaco-workbench.hc-light .part.editor>.content .gettingStartedContainer .subtitle{font-weight:200}.monaco-workbench .part.editor>.content .gettingStartedContainer h2{font-size:1.5em;font-weight:400;line-height:normal;margin-bottom:5px;margin-top:0}.monaco-workbench .part.editor>.content .gettingStartedContainer a:focus{outline:1px solid -webkit-focus-ring-color;outline-offset:-1px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide{box-sizing:border-box;height:100%;left:0;padding:0;position:absolute;top:0;width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories{padding:12px 24px}.monaco-workbench .part.editor>.content .gettingStartedContainer.animatable .gettingStartedSlide{transition:left .25s,opacity .25s}.monaco-workbench.reduce-motion .part.editor>.content .gettingStartedContainer .gettingStartedSlide,.monaco-workbench.reduce-motion .part.editor>.content .gettingStartedContainer.animatable .gettingStartedSlide{transition:left 0s,opacity 0s}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer{display:grid;grid-template-areas:\".  header header header .\" \". left-column . right-column .\" \". footer footer footer .\";grid-template-columns:1fr 6fr 1fr 6fr 1fr;grid-template-rows:25% minmax(min-content,auto) min-content;height:100%;margin:0 auto;max-width:1200px}.monaco-workbench .part.editor>.content .gettingStartedContainer.width-constrained .gettingStartedSlideCategories>.gettingStartedCategoriesContainer{grid-template-areas:\"header\" \"left-column\" \"right-column\" \"footer\";grid-template-columns:1fr;grid-template-rows:auto min-content minmax(min-content,auto) min-content}.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained .gettingStartedSlideCategories>.gettingStartedCategoriesContainer{grid-template-areas:\"header\" \"left-column right-column\" \"footer footer\";grid-template-rows:auto minmax(min-content,auto) min-content}.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained.width-constrained .gettingStartedSlideCategories>.gettingStartedCategoriesContainer{grid-template-areas:\"left-column\" \"right-column\" \"footer\";grid-template-columns:1fr;grid-template-rows:min-content minmax(min-content,auto) min-content}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories li.showWalkthroughsEntry,.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.header,.monaco-workbench .part.editor>.content .gettingStartedContainer.width-constrained .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.header{display:none}.gettingStartedContainer.noExtensions,.monaco-workbench .part.editor>.content .gettingStartedContainer.noWalkthroughs .gettingStartedSlideCategories li.showWalkthroughsEntry{display:unset}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>*{overflow:hidden;text-overflow:ellipsis}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.categories-column>div{margin-bottom:32px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.categories-column-left{grid-area:left-column}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.categories-column-right{grid-area:right-column}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.header{align-self:end;grid-area:header}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.footer{grid-area:footer;justify-self:center;text-align:center}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .categories-slide-container{max-width:1200px;width:90%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .gap{flex:150px 0 1000}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .category-title{display:inline-block;font-size:14px;font-weight:500;margin:4px 0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .category-progress{bottom:0;left:0;position:absolute;width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category.no-progress{padding:3px 6px}.monaco-workbench .part.editor>.content .gettingStartedContainer .getting-started-category.no-progress .category-progress{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories ul{line-height:24px;list-style:none;margin:0;padding-left:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories li{list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .path{padding-left:1em}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .featured-icon,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .icon-widget,.monaco-workbench .part.editor>.content .gettingStartedContainer .icon-widget{font-size:20px;padding-right:8px;position:relative;top:3px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .codicon:not(.icon-widget,.featured-icon,.hide-category-button){margin:0 2px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .codicon:first-child{margin-left:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .start-container img{max-height:16px;max-width:16px;padding-right:8px;position:relative;top:3px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .keybinding-label{padding-left:1em}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .progress-bar-outer{height:4px;margin-top:4px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .progress-bar-inner{height:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category{box-sizing:border-box;font-size:13px;line-height:normal;margin:8px 8px 8px 0;padding:3px 6px 6px;text-align:left;width:calc(100% - 16px)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .getting-started-category{border-radius:6px;overflow:hidden;position:relative}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .main-content{align-items:center;display:flex;justify-content:flex-start;width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .description-content{margin-left:28px;text-align:left}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .description-content>.codicon{font-size:16px;padding-right:1px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .description-content:not(:empty){margin-bottom:8px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .new-badge{align-self:flex-start;border-radius:4px;font-size:11px;justify-self:flex-end;margin:4px;padding:2px 4px;white-space:nowrap}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .featured-badge{left:-8px;position:relative;top:-4px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .featured{border-right:40px solid transparent;border-top:30px solid var(--vscode-activityBarBadge-background);box-sizing:border-box;height:20px;position:absolute;width:30px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .featured .featured-icon{font-size:14px;left:4px;top:-30px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .codicon.hide-category-button{margin-left:auto;right:8px;top:4px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category.featured .icon-widget{visibility:hidden}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .getting-started-category img.category-icon{max-height:20px;max-width:20px;padding-right:8px;position:relative;top:auto}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .getting-started-category img.featured-icon{border-radius:4px;max-height:24px;max-width:24px;padding-right:8px;position:relative;top:auto}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-category img.category-icon{margin-left:10px;margin-right:10px;max-height:32px;max-width:32px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails{display:flex;flex-direction:column;overflow:hidden}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gap{flex:150px 0 1000}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-category{display:flex;margin-bottom:24px;min-height:auto}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-columns .gap{flex:150px 1 1000}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.getting-started-category>.codicon-getting-started-setup{font-size:28px;margin-right:8px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-columns{display:flex;justify-content:flex-start;max-height:calc(100% - 40px);padding:40px 40px 0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step{border-radius:6px;display:flex;overflow:hidden;width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .button-container:not(:last-of-type){margin-bottom:6px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step.expanded{border:1px solid var(--vscode-welcomePage-tileBorder);cursor:default!important}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step.expanded h3{color:var(--vscode-walkthrough-stepTitle-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step.expanded>.codicon{cursor:pointer!important}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step:not(.expanded){background:none;color:var(--vscode-descriptionForeground);height:48px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step:not(.expanded):hover{background:var(--vscode-welcomePage-tileHoverBackground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step:not(.expanded) .step-title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:inherit}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-title .codicon{position:relative;top:2px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-columns .getting-started-detail-left>div{width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step:not(.expanded) .step-description-container{visibility:hidden}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-container{width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-description{padding-top:8px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .actions{align-items:center;display:flex;margin-top:12px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .shortcut-message{color:var(--vscode-descriptionForeground);display:flex;font-size:12px;margin-top:12px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .shortcut-message .keybinding{font-weight:600}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-next{margin-left:auto;margin-right:10px;padding:6px 12px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .codicon.hidden{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .codicon-getting-started-step-checked,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .codicon-getting-started-step-unchecked{margin-right:8px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step-action{font-size:13px;margin-bottom:0;padding:6px 12px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-left{display:flex;flex-direction:column;max-width:400px;min-width:330px;width:40%}.monaco-workbench .part.editor>.content .gettingStartedContainer .full-height-scrollable,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-container{height:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent{display:grid;grid-template-areas:\". back   .      media  .\" \". title  .      media  .\" \". steps  .      media  .\" \". .      .      media  .\" \". footer footer footer .\";grid-template-columns:1fr 5fr 1fr 8fr;grid-template-rows:calc(25% - 100px) auto auto 1fr auto;height:100%;margin:0 auto;max-width:1200px;padding:0 32px}.monaco-workbench .part.editor>.content .gettingStartedContainer.width-semi-constrained .gettingStartedSlideDetails .gettingStartedDetailsContent{grid-template-areas:\"back\" \"title\" \"steps\" \"media\" \"footer\";grid-template-columns:auto;grid-template-rows:30px max-content minmax(30%,max-content) minmax(30%,1fr) auto;max-width:500px;row-gap:4px}.monaco-workbench .part.editor>.content .gettingStartedContainer.width-semi-constrained .gettingStartedSlideDetails .gettingStartedDetailsContent.markdown{grid-template-rows:30px max-content minmax(30%,max-content) minmax(40%,1fr) auto}.monaco-workbench .part.editor>.content .gettingStartedContainer.width-semi-constrained.height-constrained .gettingStartedSlideDetails .gettingStartedDetailsContent{grid-template-rows:0 max-content minmax(25%,max-content) minmax(25%,1fr) auto}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.prev-button{grid-area:back}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.getting-started-category{align-self:flex-end;grid-area:title}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.steps-container{grid-area:steps;height:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.getting-started-media{align-self:center;grid-area:media}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent.markdown>.getting-started-media{height:inherit}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent.image>.getting-started-media{align-self:unset;display:flex;grid-area:title-start/media-start/steps-end/media-end;justify-content:center}.monaco-workbench .part.editor>.content .gettingStartedContainer.width-semi-constrained .gettingStartedSlideDetails .gettingStartedDetailsContent.image>.getting-started-media{display:flex;grid-area:media;height:inherit;justify-content:center;width:inherit}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.getting-started-footer{align-self:flex-end;grid-area:footer;justify-self:center;text-align:center}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-right{align-items:flex-start;display:flex;justify-content:center;max-width:800px;min-height:300px;min-width:400px;padding:0 0 20px 44px;width:66%}.monaco-workbench .part.editor>.content .gettingStartedContainer .index-list.getting-started .button-link{margin:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .index-list.getting-started .see-all-walkthroughs{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer.someWalkthroughsHidden .index-list.getting-started .see-all-walkthroughs{display:inline}.monaco-workbench .part.editor>.content .gettingStartedContainer.noWalkthroughs .index-list.getting-started{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-right img{cursor:unset;object-fit:contain}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-right img.clickable{cursor:pointer}.monaco-workbench .part.editor>.content .gettingStartedContainer button{border:none;color:inherit;font-family:inherit;font-size:13px;margin:1px 0;padding:16px;text-align:left}.monaco-workbench .part.editor>.content .gettingStartedContainer button:hover{cursor:pointer}.monaco-workbench .part.editor>.content .gettingStartedContainer button:focus{outline:none}.monaco-workbench .part.editor>.content .gettingStartedContainer button:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.monaco-workbench .part.editor>.content .gettingStartedContainer .prev-button.button-link{display:none;left:40px;margin:10px;padding:0 2px 2px;position:absolute;top:5px;z-index:1}.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained .prev-button.button-link,.monaco-workbench .part.editor>.content .gettingStartedContainer.width-semi-constrained .prev-button.button-link{left:0;top:-10px}.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained .prev-button.button-link .codicon{font-size:20px}.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained .prev-button.button-link .moreText{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer .prev-button:hover{cursor:pointer}.monaco-workbench .part.editor>.content .gettingStartedContainer .prev-button .codicon{left:-4px;position:relative;top:3px}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link .codicon-arrow-right{padding-left:4px}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link .codicon-check-all{padding-right:4px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .skip{display:block;margin:2px auto;text-align:center;width:fit-content}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails h2{font-size:26px;font-weight:400;margin:0 0 8px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails h2 .codicon{font-size:20px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails h3{font-size:13px;font-weight:600;margin:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .subtitle{font-size:16px;margin:0;padding:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStarted.showCategories .gettingStartedSlideDetails{left:100%;opacity:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStarted.showDetails .gettingStartedSlideCategories{left:-100%;opacity:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStarted.showDetails .categoriesScrollbar .scrollbar.vertical{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer .done-next-container{display:flex;padding:16px}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link{background:transparent;cursor:pointer;margin:2px;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis}.monaco-workbench .part.editor>.content .gettingStartedContainer .done-next-container .button-link{align-items:center;display:flex}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link.next{margin-left:auto}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link:hover{background:transparent}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .openAWalkthrough>button,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .showOnStartup{align-items:center;display:flex;gap:8px;justify-content:center;text-align:center}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-checkbox{border:1px solid transparent;border-radius:3px;color:inherit!important;height:18px;margin-right:9px;padding:0;width:18px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-checkbox.codicon:not(.checked):before{opacity:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.footer p{margin:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer .index-list.start-container{margin-bottom:16px;min-height:156px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.footer>button{text-align:center}.monaco-workbench .part.editor>.content .gettingStartedContainer .getting-started-category .codicon{top:0}.monaco-workbench .part.editor>.content .getting-started-category .codicon-star-full:before{vertical-align:middle}.monaco-workbench .part.editor>.content .gettingStartedContainer .hide-category-button{visibility:hidden}.monaco-workbench .part.editor>.content .gettingStartedContainer .getting-started-category:focus-within .hide-category-button,.monaco-workbench .part.editor>.content .gettingStartedContainer .getting-started-category:hover .hide-category-button{visibility:visible}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-description-container span{line-height:1.3em}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-description-container .monaco-button,.monaco-workbench .part.editor>.content .gettingStartedContainer .max-lines-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-description-container .monaco-button{align-items:center;display:flex;height:24px;min-width:max-content;padding:0 11px;width:fit-content}.monaco-workbench .part.editor>.content .gettingStartedContainer .hide-category-button{border-radius:5px;padding:3px}.monaco-workbench .part.editor>.content .gettingStartedContainer .hide-category-button:before{vertical-align:unset}.monaco-workbench .part.editor>.content .gettingStartedContainer .hide-category-button:hover{background-color:var(--vscode-toolbar-hoverBackground)}.monaco-workbench .part.editor>.content .gettingStartedContainer{background:var(--vscode-welcomePage-background);color:var(--vscode-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .description{color:var(--vscode-descriptionForeground);line-height:1.4em}.monaco-workbench .part.editor>.content .gettingStartedContainer .category-progress .message,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.getting-started-footer{color:var(--vscode-descriptionForeground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .codicon-getting-started-step-checked,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step.expanded .codicon-getting-started-step-unchecked,.monaco-workbench .part.editor>.content .gettingStartedContainer .icon-widget{color:var(--vscode-textLink-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer button{background:var(--vscode-welcomePage-tileBackground)}.monaco-workbench .part.editor>.content .gettingStartedContainer button:hover{background:var(--vscode-welcomePage-tileHoverBackground);outline-color:var(--vscode-contrastActiveBorder,var(--vscode-focusBorder))}.monaco-workbench .part.editor>.content .gettingStartedContainer button.expanded:hover{background:var(--vscode-welcomePage-tileBackground)}.monaco-workbench .part.editor>.content .gettingStartedContainer button.emphasis{background:var(--vscode-button-background);color:var(--vscode-button-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .codicon-getting-started-step-unchecked{color:var(--vscode-descriptionForeground)}.monaco-workbench .part.editor>.content .gettingStartedContainer button.emphasis:hover{background:var(--vscode-button-hoverBackground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link,.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link .codicon,.monaco-workbench .part.editor>.content .gettingStartedContainer a:not(.hide-category-button){color:var(--vscode-textLink-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer a:not(.hide-category-button):active,.monaco-workbench .part.editor>.content .gettingStartedContainer a:not(.hide-category-button):hover,.monaco-workbench .part.editor>.content .gettingStartedContainer button.button-link:hover,.monaco-workbench .part.editor>.content .gettingStartedContainer button.button-link:hover .codicon{color:var(--vscode-textLink-activeForeground)}.monaco-workbench .part.editor>.content .gettingStartedContainer a:not(.codicon-close):focus{outline-color:var(--vscode-focusBorder)}.monaco-workbench .part.editor>.content .gettingStartedContainer button{border:1px solid var(--vscode-contrastBorder)}.monaco-workbench .part.editor>.content .gettingStartedContainer button.button-link{border:inherit}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .progress-bar-outer{background-color:var(--vscode-welcomePage-progress-background)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .progress-bar-inner{background-color:var(--vscode-welcomePage-progress-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .featured .featured-icon,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .new-badge{color:var(--vscode-activityBarBadge-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .new-badge{background-color:var(--vscode-activityBarBadge-background)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-checkbox{background-color:var(--vscode-checkbox-background)!important;border-color:var(--vscode-checkbox-border)!important;color:var(--vscode-checkbox-foreground)!important}";
+var css = ".file-icons-enabled .show-file-icons .vscode_getting_started_page-name-file-icon.file-icon:before{background-image:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGQ9Ik0xMDI0IDEwMjRIMFYwaDEwMjR2MTAyNHoiIHN0eWxlPSJmaWxsOiNmNmY2ZjY7ZmlsbC1vcGFjaXR5OjAiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTAyNCA4NS4zMzN2ODUzLjMzM0gwVjg1LjMzM2gxMDI0eiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0wIDg1LjMzM2gyOTguNjY3djg1My4zMzNIMFY4NS4zMzN6bTEwMjQgMHY4NTMuMzMzSDM4NFY4NS4zMzNoNjQwem0tNTU0LjY2NyAxNjBoMzQxLjMzM3YtNjRINDY5LjMzM3Y2NHptMzQxLjMzNCA1MzMuMzM0SDQ2OS4zMzN2NjRoMzQxLjMzM2wuMDAxLTY0em0xMjgtMTQ5LjMzNEg1OTcuMzMzdjY0aDM0MS4zMzNsLjAwMS02NHptMC0xNDkuMzMzSDU5Ny4zMzN2NjRoMzQxLjMzM2wuMDAxLTY0em0wLTE0OS4zMzNINTk3LjMzM3Y2NGgzNDEuMzMzbC4wMDEtNjR6IiBzdHlsZT0iZmlsbDojMTY3YWJmIi8+PC9zdmc+\");content:\" \"}.monaco-workbench .part.editor>.content .gettingStartedContainer{box-sizing:border-box;height:inherit;line-height:22px;outline:none;overflow:hidden;position:relative;user-select:auto;-webkit-user-select:initial;width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer.loading{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer img{max-height:100%;max-width:100%;object-fit:contain;pointer-events:none}.monaco-workbench .part.editor>.content .gettingStartedContainer{font-size:13px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStarted{height:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer h1{border:none;font-size:2.7em;font-weight:400;margin:0;padding:5px 0 0;white-space:nowrap}.monaco-workbench .part.editor>.content .gettingStartedContainer .title{flex:1 100%;margin-bottom:1em;margin-top:1em}.monaco-workbench .part.editor>.content .gettingStartedContainer .subtitle{display:block;font-size:2em;margin-top:.6em}.monaco-workbench.hc-black .part.editor>.content .gettingStartedContainer .subtitle,.monaco-workbench.hc-light .part.editor>.content .gettingStartedContainer .subtitle{font-weight:200}.monaco-workbench .part.editor>.content .gettingStartedContainer h2{font-size:1.5em;font-weight:400;line-height:normal;margin-bottom:5px;margin-top:0}.monaco-workbench .part.editor>.content .gettingStartedContainer a:focus{outline:1px solid -webkit-focus-ring-color;outline-offset:-1px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide{box-sizing:border-box;height:100%;left:0;padding:0;position:absolute;top:0;width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories{padding:12px 24px}.monaco-workbench .part.editor>.content .gettingStartedContainer.animatable .gettingStartedSlide{transition:left .25s,opacity .25s}.monaco-workbench.reduce-motion .part.editor>.content .gettingStartedContainer .gettingStartedSlide,.monaco-workbench.reduce-motion .part.editor>.content .gettingStartedContainer.animatable .gettingStartedSlide{transition:left 0s,opacity 0s}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer{display:grid;grid-template-areas:\".  header header header .\" \". left-column . right-column .\" \". footer footer footer .\";grid-template-columns:1fr 6fr 1fr 6fr 1fr;grid-template-rows:25% minmax(min-content,auto) min-content;height:100%;margin:0 auto;max-width:1200px}.monaco-workbench .part.editor>.content .gettingStartedContainer.width-constrained .gettingStartedSlideCategories>.gettingStartedCategoriesContainer{grid-template-areas:\"header\" \"left-column\" \"right-column\" \"footer\";grid-template-columns:1fr;grid-template-rows:auto min-content minmax(min-content,auto) min-content}.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained .gettingStartedSlideCategories>.gettingStartedCategoriesContainer{grid-template-areas:\"header\" \"left-column right-column\" \"footer footer\";grid-template-rows:auto minmax(min-content,auto) min-content}.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained.width-constrained .gettingStartedSlideCategories>.gettingStartedCategoriesContainer{grid-template-areas:\"left-column\" \"right-column\" \"footer\";grid-template-columns:1fr;grid-template-rows:min-content minmax(min-content,auto) min-content}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories li.showWalkthroughsEntry,.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.header,.monaco-workbench .part.editor>.content .gettingStartedContainer.width-constrained .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.header{display:none}.gettingStartedContainer.noExtensions,.monaco-workbench .part.editor>.content .gettingStartedContainer.noWalkthroughs .gettingStartedSlideCategories li.showWalkthroughsEntry{display:unset}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>*{overflow:hidden;text-overflow:ellipsis}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.categories-column>div{margin-bottom:32px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.categories-column-left{grid-area:left-column}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.categories-column-right{grid-area:right-column}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.header{align-self:end;grid-area:header}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.footer{grid-area:footer;justify-self:center;text-align:center}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .categories-slide-container{max-width:1200px;width:90%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .gap{flex:150px 0 1000}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .category-title{display:inline-block;font-size:14px;font-weight:500;margin:4px 0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .category-progress{bottom:0;left:0;position:absolute;width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category.no-progress{padding:3px 6px}.monaco-workbench .part.editor>.content .gettingStartedContainer .getting-started-category.no-progress .category-progress{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories ul{line-height:24px;list-style:none;margin:0;padding-left:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories li{list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .path{padding-left:1em}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .featured-icon,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .icon-widget:not(.codicon-device-camera-video),.monaco-workbench .part.editor>.content .gettingStartedContainer .icon-widget{font-size:20px;padding-right:8px;position:relative;top:3px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .icon-widget.codicon-device-camera-video{font-size:20px;padding-right:8px;position:relative;transform:translateY(100%)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .codicon:not(.icon-widget,.featured-icon,.hide-category-button){margin:0 2px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .codicon:first-child{margin-left:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .start-container img{max-height:16px;max-width:16px;padding-right:8px;position:relative;top:3px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .keybinding-label{padding-left:1em}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .progress-bar-outer{height:4px;margin-top:4px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .progress-bar-inner{height:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category{box-sizing:border-box;font-size:13px;line-height:normal;margin:8px 8px 8px 0;padding:3px 6px 6px;text-align:left;width:calc(100% - 16px)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .getting-started-category{border-radius:6px;overflow:hidden;position:relative}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .main-content{align-items:center;display:flex;justify-content:flex-start;width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .description-content{margin-left:28px;text-align:left}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .description-content>.codicon{font-size:16px;padding-right:1px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .description-content:not(:empty){margin-bottom:8px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .new-badge{align-self:flex-start;border-radius:4px;font-size:11px;justify-self:flex-end;margin:4px;padding:2px 4px;white-space:nowrap}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .featured-badge{left:-8px;position:relative;top:-4px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .featured{border-right:40px solid transparent;border-top:30px solid var(--vscode-activityBarBadge-background);box-sizing:border-box;height:20px;position:absolute;width:30px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .featured .featured-icon{font-size:14px;left:4px;top:-30px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .codicon.hide-category-button{margin-left:auto;right:8px;top:4px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category.featured .icon-widget:not(.codicon-device-camera-video){visibility:hidden}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .getting-started-category img.category-icon{max-height:20px;max-width:20px;padding-right:8px;position:relative;top:auto}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .getting-started-category img.featured-icon{border-radius:4px;max-height:24px;max-width:24px;padding-right:8px;position:relative;top:auto}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-category img.category-icon{margin-left:10px;margin-right:10px;max-height:32px;max-width:32px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails{display:flex;flex-direction:column;overflow:hidden}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gap{flex:150px 0 1000}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-category{display:flex;margin-bottom:24px;min-height:auto}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-columns .gap{flex:150px 1 1000}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.getting-started-category>.codicon-getting-started-setup{font-size:28px;margin-right:8px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-columns{display:flex;justify-content:flex-start;max-height:calc(100% - 40px);padding:40px 40px 0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step{border-radius:6px;display:flex;overflow:hidden;width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .button-container:not(:last-of-type){margin-bottom:6px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step.expanded{border:1px solid var(--vscode-welcomePage-tileBorder);cursor:default!important}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step.expanded h3{color:var(--vscode-walkthrough-stepTitle-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step.expanded>.codicon{cursor:pointer!important}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step:not(.expanded){background:none;color:var(--vscode-descriptionForeground);height:48px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step:not(.expanded):hover{background:var(--vscode-welcomePage-tileHoverBackground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step:not(.expanded) .step-title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:inherit}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-title .codicon{position:relative;top:2px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-columns .getting-started-detail-left>div{width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step:not(.expanded) .step-description-container{visibility:hidden}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-container{width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-description{padding-top:8px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .actions{align-items:center;display:flex;margin-top:12px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .shortcut-message{color:var(--vscode-descriptionForeground);display:flex;font-size:12px;margin-top:12px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .shortcut-message .keybinding{font-weight:600}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-next{margin-left:auto;margin-right:10px;padding:6px 12px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .codicon.hidden{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .codicon-getting-started-step-checked,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .codicon-getting-started-step-unchecked{margin-right:8px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step-action{font-size:13px;margin-bottom:0;padding:6px 12px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-left{display:flex;flex-direction:column;max-width:400px;min-width:330px;width:40%}.monaco-workbench .part.editor>.content .gettingStartedContainer .full-height-scrollable,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-container{height:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent{display:grid;grid-template-areas:\". back   .      media  .\" \". title  .      media  .\" \". steps  .      media  .\" \". .      .      media  .\" \". footer footer footer .\";grid-template-columns:1fr 5fr 1fr 8fr;grid-template-rows:calc(25% - 100px) auto auto 1fr auto;height:100%;margin:0 auto;max-width:1200px;padding:0 32px}.monaco-workbench .part.editor>.content .gettingStartedContainer.width-semi-constrained .gettingStartedSlideDetails .gettingStartedDetailsContent{grid-template-areas:\"back\" \"title\" \"steps\" \"media\" \"footer\";grid-template-columns:auto;grid-template-rows:30px max-content minmax(30%,max-content) minmax(30%,1fr) auto;max-width:500px;row-gap:4px}.monaco-workbench .part.editor>.content .gettingStartedContainer.width-semi-constrained .gettingStartedSlideDetails .gettingStartedDetailsContent.markdown{grid-template-rows:30px max-content minmax(30%,max-content) minmax(40%,1fr) auto}.monaco-workbench .part.editor>.content .gettingStartedContainer.width-semi-constrained.height-constrained .gettingStartedSlideDetails .gettingStartedDetailsContent{grid-template-rows:0 max-content minmax(25%,max-content) minmax(25%,1fr) auto}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.prev-button{grid-area:back}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.getting-started-category{align-self:flex-end;grid-area:title}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.steps-container{grid-area:steps;height:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.getting-started-media{align-self:center;grid-area:media}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent.markdown>.getting-started-media{height:inherit}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent.image>.getting-started-media{align-self:unset;display:flex;grid-area:title-start/media-start/steps-end/media-end;justify-content:center}.monaco-workbench .part.editor>.content .gettingStartedContainer.width-semi-constrained .gettingStartedSlideDetails .gettingStartedDetailsContent.image>.getting-started-media{display:flex;grid-area:media;height:inherit;justify-content:center;width:inherit}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.getting-started-footer{align-self:flex-end;grid-area:footer;justify-self:center;text-align:center}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-right{align-items:flex-start;display:flex;justify-content:center;max-width:800px;min-height:300px;min-width:400px;padding:0 0 20px 44px;width:66%}.monaco-workbench .part.editor>.content .gettingStartedContainer .index-list.getting-started .button-link{margin:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .index-list.getting-started .see-all-walkthroughs{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer.someWalkthroughsHidden .index-list.getting-started .see-all-walkthroughs{display:inline}.monaco-workbench .part.editor>.content .gettingStartedContainer.noWalkthroughs .index-list.getting-started{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-right img{cursor:unset;object-fit:contain}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-right img.clickable{cursor:pointer}.monaco-workbench .part.editor>.content .gettingStartedContainer button{border:none;color:inherit;font-family:inherit;font-size:13px;margin:1px 0;padding:16px;text-align:left}.monaco-workbench .part.editor>.content .gettingStartedContainer button:hover{cursor:pointer}.monaco-workbench .part.editor>.content .gettingStartedContainer button:focus{outline:none}.monaco-workbench .part.editor>.content .gettingStartedContainer button:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.monaco-workbench .part.editor>.content .gettingStartedContainer .prev-button.button-link{display:none;left:40px;margin:10px;padding:0 2px 2px;position:absolute;top:5px;z-index:1}.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained .prev-button.button-link,.monaco-workbench .part.editor>.content .gettingStartedContainer.width-semi-constrained .prev-button.button-link{left:0;top:-10px}.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained .prev-button.button-link .codicon{font-size:20px}.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained .prev-button.button-link .moreText{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer .prev-button:hover{cursor:pointer}.monaco-workbench .part.editor>.content .gettingStartedContainer .prev-button .codicon{left:-4px;position:relative;top:3px}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link .codicon-arrow-right{padding-left:4px}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link .codicon-check-all{padding-right:4px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .skip{display:block;margin:2px auto;text-align:center;width:fit-content}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails h2{font-size:26px;font-weight:400;margin:0 0 8px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails h2 .codicon{font-size:20px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails h3{font-size:13px;font-weight:600;margin:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .subtitle{font-size:16px;margin:0;padding:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStarted.showCategories .gettingStartedSlideDetails{left:100%;opacity:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStarted.showDetails .gettingStartedSlideCategories{left:-100%;opacity:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStarted.showDetails .categoriesScrollbar .scrollbar.vertical{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer .done-next-container{display:flex;padding:16px}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link{background:transparent;cursor:pointer;margin:2px;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis}.monaco-workbench .part.editor>.content .gettingStartedContainer .done-next-container .button-link{align-items:center;display:flex}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link.next{margin-left:auto}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link:hover{background:transparent}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .openAWalkthrough>button,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .showOnStartup{align-items:center;display:flex;gap:8px;justify-content:center;text-align:center}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-checkbox{border:1px solid transparent;border-radius:3px;color:inherit!important;height:18px;margin-right:9px;padding:0;width:18px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-checkbox.codicon:not(.checked):before{opacity:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.footer p{margin:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer .index-list.start-container{margin-bottom:16px;min-height:156px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.footer>button{text-align:center}.monaco-workbench .part.editor>.content .gettingStartedContainer .getting-started-category .codicon{top:0}.monaco-workbench .part.editor>.content .getting-started-category .codicon-star-full:before{vertical-align:middle}.monaco-workbench .part.editor>.content .gettingStartedContainer .hide-category-button{visibility:hidden}.monaco-workbench .part.editor>.content .gettingStartedContainer .getting-started-category:focus-within .hide-category-button,.monaco-workbench .part.editor>.content .gettingStartedContainer .getting-started-category:hover .hide-category-button{visibility:visible}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-description-container span{line-height:1.3em}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-description-container .monaco-button,.monaco-workbench .part.editor>.content .gettingStartedContainer .max-lines-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-description-container .monaco-button{align-items:center;display:flex;height:24px;min-width:max-content;padding:0 11px;width:fit-content}.monaco-workbench .part.editor>.content .gettingStartedContainer .hide-category-button{border-radius:5px;padding:3px}.monaco-workbench .part.editor>.content .gettingStartedContainer .hide-category-button:before{vertical-align:unset}.monaco-workbench .part.editor>.content .gettingStartedContainer .hide-category-button:hover{background-color:var(--vscode-toolbar-hoverBackground)}.monaco-workbench .part.editor>.content .gettingStartedContainer{background:var(--vscode-welcomePage-background);color:var(--vscode-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .description{color:var(--vscode-descriptionForeground);line-height:1.4em}.monaco-workbench .part.editor>.content .gettingStartedContainer .category-progress .message,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.getting-started-footer{color:var(--vscode-descriptionForeground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .codicon-getting-started-step-checked,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step.expanded .codicon-getting-started-step-unchecked,.monaco-workbench .part.editor>.content .gettingStartedContainer .icon-widget{color:var(--vscode-textLink-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer button{background:var(--vscode-welcomePage-tileBackground)}.monaco-workbench .part.editor>.content .gettingStartedContainer button:hover{background:var(--vscode-welcomePage-tileHoverBackground);outline-color:var(--vscode-contrastActiveBorder,var(--vscode-focusBorder))}.monaco-workbench .part.editor>.content .gettingStartedContainer button.expanded:hover{background:var(--vscode-welcomePage-tileBackground)}.monaco-workbench .part.editor>.content .gettingStartedContainer button.emphasis{background:var(--vscode-button-background);color:var(--vscode-button-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .codicon-getting-started-step-unchecked{color:var(--vscode-descriptionForeground)}.monaco-workbench .part.editor>.content .gettingStartedContainer button.emphasis:hover{background:var(--vscode-button-hoverBackground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link,.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link .codicon,.monaco-workbench .part.editor>.content .gettingStartedContainer a:not(.hide-category-button){color:var(--vscode-textLink-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer a:not(.hide-category-button):active,.monaco-workbench .part.editor>.content .gettingStartedContainer a:not(.hide-category-button):hover,.monaco-workbench .part.editor>.content .gettingStartedContainer button.button-link:hover,.monaco-workbench .part.editor>.content .gettingStartedContainer button.button-link:hover .codicon{color:var(--vscode-textLink-activeForeground)}.monaco-workbench .part.editor>.content .gettingStartedContainer a:not(.codicon-close):focus{outline-color:var(--vscode-focusBorder)}.monaco-workbench .part.editor>.content .gettingStartedContainer button{border:1px solid var(--vscode-contrastBorder)}.monaco-workbench .part.editor>.content .gettingStartedContainer button.button-link{border:inherit}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .progress-bar-outer{background-color:var(--vscode-welcomePage-progress-background)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .progress-bar-inner{background-color:var(--vscode-welcomePage-progress-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .featured .featured-icon,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .new-badge{color:var(--vscode-activityBarBadge-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .new-badge{background-color:var(--vscode-activityBarBadge-background)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-checkbox{background-color:var(--vscode-checkbox-background)!important;border-color:var(--vscode-checkbox-border)!important;color:var(--vscode-checkbox-foreground)!important}";
 n(css,{});
 
 export { css, css as default };

package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/editor/editorWalkThrough.js

@@ -1,6 +1,7 @@
+import 'vscode/vscode/vs/base/common/platform';
+import { IInstantiationService } from 'vscode/vscode/vs/platform/instantiation/common/instantiation';
 import { localizeWithPath, localize2WithPath } from 'vscode/vscode/vs/nls';
 import { IEditorService } from 'vscode/vscode/vs/workbench/services/editor/common/editorService';
-import { IInstantiationService } from 'vscode/vscode/vs/platform/instantiation/common/instantiation';
 import { WalkThroughInput } from '../walkThroughInput.js';
 import { FileAccess, Schemas } from 'vscode/vscode/vs/base/common/network';
 import { Action2 } from 'vscode/vscode/vs/platform/actions/common/actions';

package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThroughPart.js

@@ -1,4 +1,5 @@
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
+import '../common/walkThroughUtils.js';
 import './media/walkThroughPart.css.js';
 import { DomScrollableElement } from 'vscode/vscode/vs/base/browser/ui/scrollbar/scrollableElement';
 import { Gesture, EventType } from 'vscode/vscode/vs/base/browser/touch';
@@ -10,7 +11,7 @@ import { ITelemetryService } from 'vscode/vscode/vs/platform/telemetry/common/te
 import { WalkThroughInput } from './walkThroughInput.js';
 import { IOpenerService } from 'vscode/vscode/vs/platform/opener/common/opener';
 import { ITextResourceConfigurationService } from 'vscode/vscode/vs/editor/common/services/textResourceConfiguration';
-import { CodeEditorWidget } from 'vscode/vscode/vs/editor/browser/widget/codeEditorWidget';
+import { CodeEditorWidget } from 'vscode/vscode/vs/editor/browser/widget/codeEditor/codeEditorWidget';
 import { IInstantiationService } from 'vscode/vscode/vs/platform/instantiation/common/instantiation';
 import { IKeybindingService } from 'vscode/vscode/vs/platform/keybinding/common/keybinding';
 import { localizeWithPath } from 'vscode/vscode/vs/nls';
@@ -24,7 +25,7 @@ import { UILabelProvider } from 'vscode/vscode/vs/base/common/keybindingLabels';
 import { OS } from 'vscode/vscode/vs/base/common/platform';
 import { deepClone } from 'vscode/vscode/vs/base/common/objects';
 import { INotificationService } from 'vscode/vscode/vs/platform/notification/common/notification';
-import { getWindow, size, safeInnerHtml, addDisposableListener } from 'vscode/vscode/vs/base/browser/dom';
+import { size, safeInnerHtml, addDisposableListener } from 'vscode/vscode/vs/base/browser/dom';
 import { IEditorGroupsService } from 'vscode/vscode/vs/workbench/services/editor/common/editorGroupsService';
 import { IExtensionService } from 'vscode/vscode/vs/workbench/services/extensions/common/extensions';
 
@@ -39,8 +40,8 @@ const WALK_THROUGH_EDITOR_VIEW_STATE_PREFERENCE_KEY = 'walkThroughEditorViewStat
 let WalkThroughPart = class WalkThroughPart extends EditorPane {
     static { WalkThroughPart_1 = this; }
     static { this.ID = 'workbench.editor.walkThroughPart'; }
-    constructor(telemetryService, themeService, textResourceConfigurationService, instantiationService, openerService, keybindingService, storageService, contextKeyService, configurationService, notificationService, extensionService, editorGroupService) {
-        super(WalkThroughPart_1.ID, telemetryService, themeService, storageService);
+    constructor(group, telemetryService, themeService, textResourceConfigurationService, instantiationService, openerService, keybindingService, storageService, contextKeyService, configurationService, notificationService, extensionService, editorGroupService) {
+        super(WalkThroughPart_1.ID, group, telemetryService, themeService, storageService);
         this.instantiationService = instantiationService;
         this.openerService = openerService;
         this.keybindingService = keybindingService;
@@ -113,7 +114,7 @@ let WalkThroughPart = class WalkThroughPart extends EditorPane {
         this.content.addEventListener('click', event => {
             for (let node = event.target; node; node = node.parentNode) {
                 if (node instanceof HTMLAnchorElement && node.href) {
-                    const baseElement = node.ownerDocument.getElementsByTagName('base')[0] || getWindow(node).location;
+                    const baseElement = node.ownerDocument.getElementsByTagName('base')[0] || this.window.location;
                     if (baseElement && node.href.indexOf(baseElement.href) >= 0 && node.hash) {
                         const scrollTarget = this.content.querySelector(node.hash);
                         const innerContent = this.content.firstElementChild;
@@ -379,21 +380,17 @@ let WalkThroughPart = class WalkThroughPart extends EditorPane {
     }
     saveTextEditorViewState(input) {
         const scrollPosition = this.scrollbar.getScrollPosition();
-        if (this.group) {
-            this.editorMemento.saveEditorState(this.group, input, {
-                viewState: {
-                    scrollTop: scrollPosition.scrollTop,
-                    scrollLeft: scrollPosition.scrollLeft
-                }
-            });
-        }
+        this.editorMemento.saveEditorState(this.group, input, {
+            viewState: {
+                scrollTop: scrollPosition.scrollTop,
+                scrollLeft: scrollPosition.scrollLeft
+            }
+        });
     }
     loadTextEditorViewState(input) {
-        if (this.group) {
-            const state = this.editorMemento.loadEditorState(this.group, input);
-            if (state) {
-                this.scrollbar.setScrollPosition(state.viewState);
-            }
+        const state = this.editorMemento.loadEditorState(this.group, input);
+        if (state) {
+            this.scrollbar.setScrollPosition(state.viewState);
         }
     }
     clearInput() {
@@ -417,18 +414,18 @@ let WalkThroughPart = class WalkThroughPart extends EditorPane {
     }
 };
 WalkThroughPart = WalkThroughPart_1 = ( __decorate([
-    ( __param(0, ITelemetryService)),
-    ( __param(1, IThemeService)),
-    ( __param(2, ITextResourceConfigurationService)),
-    ( __param(3, IInstantiationService)),
-    ( __param(4, IOpenerService)),
-    ( __param(5, IKeybindingService)),
-    ( __param(6, IStorageService)),
-    ( __param(7, IContextKeyService)),
-    ( __param(8, IConfigurationService)),
-    ( __param(9, INotificationService)),
-    ( __param(10, IExtensionService)),
-    ( __param(11, IEditorGroupsService))
+    ( __param(1, ITelemetryService)),
+    ( __param(2, IThemeService)),
+    ( __param(3, ITextResourceConfigurationService)),
+    ( __param(4, IInstantiationService)),
+    ( __param(5, IOpenerService)),
+    ( __param(6, IKeybindingService)),
+    ( __param(7, IStorageService)),
+    ( __param(8, IContextKeyService)),
+    ( __param(9, IConfigurationService)),
+    ( __param(10, INotificationService)),
+    ( __param(11, IExtensionService)),
+    ( __param(12, IEditorGroupsService))
 ], WalkThroughPart));
 
 export { WALK_THROUGH_FOCUS, WalkThroughPart };

package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/common/walkThroughUtils.js

@@ -0,0 +1,19 @@
+import { registerColor } from 'vscode/vscode/vs/platform/theme/common/colorUtils';
+import 'vscode/vscode/vs/platform/theme/common/colors/baseColors';
+import 'vscode/vscode/vs/platform/theme/common/colors/chartsColors';
+import 'vscode/vscode/vs/platform/theme/common/colors/editorColors';
+import 'vscode/vscode/vs/platform/theme/common/colors/inputColors';
+import 'vscode/vscode/vs/platform/theme/common/colors/listColors';
+import 'vscode/vscode/vs/platform/theme/common/colors/menuColors';
+import 'vscode/vscode/vs/platform/theme/common/colors/minimapColors';
+import 'vscode/vscode/vs/platform/theme/common/colors/miscColors';
+import 'vscode/vscode/vs/platform/theme/common/colors/quickpickColors';
+import 'vscode/vscode/vs/platform/theme/common/colors/searchColors';
+import { localizeWithPath } from 'vscode/vscode/vs/nls';
+import { Color, RGBA } from 'vscode/vscode/vs/base/common/color';
+
+registerColor('walkThrough.embeddedEditorBackground', { dark: ( new Color(( new RGBA(0, 0, 0, .4)))), light: '#f4f4f4', hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/workbench/contrib/welcomeWalkthrough/common/walkThroughUtils',
+ 'walkThrough.embeddedEditorBackground',
+ 'Background color for the embedded editors on the Interactive Playground.'
+)));