@codingame/monaco-vscode-walkthrough-service-override 15.0.3 → 16.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codingame/monaco-vscode-walkthrough-service-override",
-  "version": "15.0.3",
+  "version": "16.0.0",
   "private": false,
   "description": "VSCode public API plugged on the monaco editor - walkthrough service-override",
   "keywords": [],
@@ -15,15 +15,16 @@
   },
   "type": "module",
   "dependencies": {
-    "@codingame/monaco-vscode-12c5f9eb-72d3-57ca-babd-5bef7aa9de3b-common": "15.0.3",
-    "@codingame/monaco-vscode-5e324391-11e3-5ceb-93ee-938e4098e4ad-common": "15.0.3",
-    "@codingame/monaco-vscode-7559b0be-bfa5-5fe6-b731-1973fe9fffa1-common": "15.0.3",
-    "@codingame/monaco-vscode-7ba0af96-90c2-5e11-ad7f-befdbbf246c8-common": "15.0.3",
-    "@codingame/monaco-vscode-7bbc9e7d-eeae-55fc-8bf9-dc2f66e0dc73-common": "15.0.3",
-    "@codingame/monaco-vscode-9d0168a3-519b-57f3-9bcc-89efc41f951a-common": "15.0.3",
-    "@codingame/monaco-vscode-a4c2011e-8775-52bd-abf0-4a3c07a9696b-common": "15.0.3",
-    "@codingame/monaco-vscode-aff8bc9b-c6f8-578f-9c8a-f70d14f9c13c-common": "15.0.3",
-    "@codingame/monaco-vscode-api": "15.0.3",
+    "@codingame/monaco-vscode-12c5f9eb-72d3-57ca-babd-5bef7aa9de3b-common": "16.0.0",
+    "@codingame/monaco-vscode-5e324391-11e3-5ceb-93ee-938e4098e4ad-common": "16.0.0",
+    "@codingame/monaco-vscode-68b3311c-eb96-5711-8f72-f5f4b2e31932-common": "16.0.0",
+    "@codingame/monaco-vscode-7559b0be-bfa5-5fe6-b731-1973fe9fffa1-common": "16.0.0",
+    "@codingame/monaco-vscode-7ba0af96-90c2-5e11-ad7f-befdbbf246c8-common": "16.0.0",
+    "@codingame/monaco-vscode-7bbc9e7d-eeae-55fc-8bf9-dc2f66e0dc73-common": "16.0.0",
+    "@codingame/monaco-vscode-9d0168a3-519b-57f3-9bcc-89efc41f951a-common": "16.0.0",
+    "@codingame/monaco-vscode-aff8bc9b-c6f8-578f-9c8a-f70d14f9c13c-common": "16.0.0",
+    "@codingame/monaco-vscode-api": "16.0.0",
+    "@codingame/monaco-vscode-b1110435-a331-5549-ab1e-aa3d763c3a1f-common": "16.0.0",
     "marked": "14.0.0"
   },
   "main": "index.js",
@@ -33,6 +34,9 @@
     ".": {
       "default": "./index.js"
     },
+    "./vscode/*.css": {
+      "default": "./vscode/src/*.css"
+    },
     "./vscode/*": {
       "types": "./vscode/src/*.d.ts",
       "default": "./vscode/src/*.js"

package/vscode/src/vs/workbench/browser/media/code-icon.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><style>.st0{fill:#f6f6f6;fill-opacity:0}.st1{fill:#fff}.st2{fill:#167abf}</style><path class="st0" d="M1024 1024H0V0h1024v1024z"/><path class="st1" d="M1024 85.333v853.333H0V85.333h1024z"/><path class="st2" d="M0 85.333h298.667v853.333H0V85.333zm1024 0v853.333H384V85.333h640zm-554.667 160h341.333v-64H469.333v64zm341.334 533.334H469.333v64h341.333l.001-64zm128-149.334H597.333v64h341.333l.001-64zm0-149.333H597.333v64h341.333l.001-64zm0-149.333H597.333v64h341.333l.001-64z"/></svg>

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

@@ -40,7 +40,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'workbench.action.openWalkthrough',
-            title: ( localize2(11055, 'Welcome')),
+            title: ( localize2(11377, 'Welcome')),
             category: Categories.Help,
             f1: true,
             menu: {
@@ -49,15 +49,17 @@ registerAction2(class extends Action2 {
                 order: 1,
             },
             metadata: {
-                description: ( localize2(11056, 'Opens a Walkthrough to help you get started in VS Code.'))
+                description: ( localize2(11378, 'Opens a Walkthrough to help you get started in VS Code.'))
             }
         });
     }
-    run(accessor, walkthroughID, toSide) {
+    run(accessor, walkthroughID, optionsOrToSide) {
         const editorGroupsService = accessor.get(IEditorGroupsService);
         const instantiationService = accessor.get(IInstantiationService);
         const editorService = accessor.get(IEditorService);
         const commandService = accessor.get(ICommandService);
+        const toSide = typeof optionsOrToSide === 'object' ? optionsOrToSide.toSide : optionsOrToSide;
+        const inactive = typeof optionsOrToSide === 'object' ? optionsOrToSide.inactive : false;
         if (walkthroughID) {
             const selectedCategory = typeof walkthroughID === 'string' ? walkthroughID : walkthroughID.category;
             let selectedStep;
@@ -70,7 +72,7 @@ registerAction2(class extends Action2 {
             if (!selectedCategory && !selectedStep) {
                 editorService.openEditor({
                     resource: GettingStartedInput.RESOURCE,
-                    options: { preserveFocus: toSide ?? false }
+                    options: { preserveFocus: toSide ?? false, inactive }
                 }, toSide ? SIDE_GROUP : undefined);
                 return;
             }
@@ -90,7 +92,7 @@ registerAction2(class extends Action2 {
                         editor.selectedCategory = selectedCategory;
                         editor.selectedStep = selectedStep;
                         editor.showWelcome = false;
-                        group.openEditor(editor, { revealIfOpened: true });
+                        group.openEditor(editor, { revealIfOpened: true, inactive });
                         return;
                     }
                 }
@@ -109,7 +111,7 @@ registerAction2(class extends Action2 {
                     }]);
             }
             else {
-                const options = { selectedCategory: selectedCategory, selectedStep: selectedStep, showWelcome: false, preserveFocus: toSide ?? false };
+                const options = { selectedCategory: selectedCategory, selectedStep: selectedStep, showWelcome: false, preserveFocus: toSide ?? false, inactive };
                 editorService.openEditor({
                     resource: GettingStartedInput.RESOURCE,
                     options
@@ -121,21 +123,21 @@ registerAction2(class extends Action2 {
         else {
             editorService.openEditor({
                 resource: GettingStartedInput.RESOURCE,
-                options: { preserveFocus: toSide ?? false }
+                options: { preserveFocus: toSide ?? false, inactive }
             }, toSide ? SIDE_GROUP : undefined);
         }
     }
 });
 ( Registry.as(EditorExtensions.EditorFactory)).registerEditorSerializer(GettingStartedInput.ID, GettingStartedInputSerializer);
-( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(11057, "Welcome"))), [
+( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(11379, "Welcome"))), [
     ( new SyncDescriptor(GettingStartedInput))
 ]);
-const category = ( localize2(11057, "Welcome"));
+const category = ( localize2(11379, "Welcome"));
 registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'welcome.goBack',
-            title: ( localize2(11058, 'Go Back')),
+            title: ( localize2(11380, 'Go Back')),
             category,
             keybinding: {
                 weight: KeybindingWeight.EditorContrib,
@@ -171,7 +173,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'welcome.markStepComplete',
-            title: ( localize(11059, "Mark Step Complete")),
+            title: ( localize(11381, "Mark Step Complete")),
             category,
         });
     }
@@ -187,7 +189,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'welcome.markStepIncomplete',
-            title: ( localize(11060, "Mark Step Incomplete")),
+            title: ( localize(11382, "Mark Step Incomplete")),
             category,
         });
     }
@@ -203,7 +205,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'welcome.showAllWalkthroughs',
-            title: ( localize2(11061, 'Open Walkthrough...')),
+            title: ( localize2(11383, 'Open Walkthrough...')),
             category,
             f1: true,
         });
@@ -230,7 +232,7 @@ registerAction2(class extends Action2 {
         quickPick.canSelectMany = false;
         quickPick.matchOnDescription = true;
         quickPick.matchOnDetail = true;
-        quickPick.placeholder = ( localize(11062, 'Select a walkthrough to open'));
+        quickPick.placeholder = ( localize(11384, 'Select a walkthrough to open'));
         quickPick.items = await this.getQuickPickItems(contextService, gettingStartedService);
         quickPick.busy = true;
         disposables.add(quickPick.onDidAccept(() => {
@@ -250,7 +252,7 @@ registerAction2(class extends Action2 {
     }
 });
 const WorkspacePlatform = ( new RawContextKey('workspacePlatform', undefined, ( localize(
-    11063,
+    11385,
     "The platform of the current workspace, which in remote or serverless contexts may be different from the platform of the UI"
 ))));
 let WorkspacePlatformContribution = class WorkspacePlatformContribution {
@@ -302,7 +304,7 @@ configurationRegistry.registerConfiguration({
             type: 'boolean',
             default: true,
             description: ( localize(
-                11064,
+                11386,
                 "When enabled, an extension's walkthrough will open upon install of the extension."
             ))
         },
@@ -311,25 +313,25 @@ configurationRegistry.registerConfiguration({
             'type': 'string',
             'enum': ['none', 'welcomePage', 'readme', 'newUntitledFile', 'welcomePageInEmptyWorkbench', 'terminal'],
             'enumDescriptions': [
-                ( localize(11065, "Start without an editor.")),
+                ( localize(11387, "Start without an editor.")),
                 ( localize(
-                11066,
+                11388,
                 "Open the Welcome page, with content to aid in getting started with VS Code and extensions."
             )),
                 ( localize(
-                11067,
+                11389,
                 "Open the README when opening a folder that contains one, fallback to 'welcomePage' otherwise. Note: This is only observed as a global configuration, it will be ignored if set in a workspace or folder configuration."
             )),
                 ( localize(
-                11068,
+                11390,
                 "Open a new untitled text file (only applies when opening an empty window)."
             )),
-                ( localize(11069, "Open the Welcome page when opening an empty workbench.")),
-                ( localize(11070, "Open a new terminal in the editor area.")),
+                ( localize(11391, "Open the Welcome page when opening an empty workbench.")),
+                ( localize(11392, "Open a new terminal in the editor area.")),
             ],
             'default': 'welcomePage',
             'description': ( localize(
-                11071,
+                11393,
                 "Controls which editor is shown at startup, if none are restored from the previous session."
             ))
         },
@@ -337,8 +339,8 @@ configurationRegistry.registerConfiguration({
             scope: ConfigurationScope.APPLICATION,
             type: 'boolean',
             default: false,
-            deprecationMessage: ( localize(11072, "Deprecated, use the global `workbench.reduceMotion`.")),
-            description: ( localize(11073, "When enabled, reduce motion in welcome page."))
+            deprecationMessage: ( localize(11394, "Deprecated, use the global `workbench.reduceMotion`.")),
+            description: ( localize(11395, "When enabled, reduce motion in welcome page."))
         }
     }
 });

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

@@ -21,7 +21,7 @@ import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/th
 import { assertIsDefined } from '@codingame/monaco-vscode-api/vscode/vs/base/common/types';
 import { URI } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uri';
 import { generateUuid } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uuid';
-import './media/gettingStarted.css.js';
+import './media/gettingStarted.css';
 import { ILanguageService } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language.service';
 import { MarkdownRenderer } from '@codingame/monaco-vscode-api/vscode/vs/editor/browser/widget/markdownRenderer/browser/markdownRenderer';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
@@ -52,7 +52,7 @@ import { IWorkspaceContextService } from '@codingame/monaco-vscode-api/vscode/vs
 import { isRecentFolder, isRecentWorkspace } from '@codingame/monaco-vscode-7559b0be-bfa5-5fe6-b731-1973fe9fffa1-common/vscode/vs/platform/workspaces/common/workspaces';
 import { IWorkspacesService } from '@codingame/monaco-vscode-api/vscode/vs/platform/workspaces/common/workspaces.service';
 import { OpenRecentAction } from '@codingame/monaco-vscode-7559b0be-bfa5-5fe6-b731-1973fe9fffa1-common/vscode/vs/workbench/browser/actions/windowActions';
-import { OpenFolderViaWorkspaceAction, OpenFileFolderAction, OpenFolderAction } from '@codingame/monaco-vscode-a4c2011e-8775-52bd-abf0-4a3c07a9696b-common/vscode/vs/workbench/browser/actions/workspaceActions';
+import { OpenFolderViaWorkspaceAction, OpenFileFolderAction, OpenFolderAction } from '@codingame/monaco-vscode-68b3311c-eb96-5711-8f72-f5f4b2e31932-common/vscode/vs/workbench/browser/actions/workspaceActions';
 import { EditorPane } from '@codingame/monaco-vscode-12c5f9eb-72d3-57ca-babd-5bef7aa9de3b-common/vscode/vs/workbench/browser/parts/editor/editorPane';
 import { WorkbenchStateContext } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/contextkeys';
 import { IWebviewService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/webview/browser/webview.service';
@@ -129,7 +129,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.container = $('.gettingStartedContainer', {
             role: 'document',
             tabindex: 0,
-            'aria-label': ( localize(11074, "Overview of how to get up to speed with your editor."))
+            'aria-label': ( localize(11396, "Overview of how to get up to speed with your editor."))
         });
         this.stepMediaComponent = $('.getting-started-media');
         this.stepMediaComponent.id = generateUuid();
@@ -205,12 +205,14 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                         badgeelement.parentElement?.setAttribute('aria-checked', 'true');
                         badgeelement.classList.remove(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
                         badgeelement.classList.add('complete', ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
+                        badgeelement.setAttribute('aria-label', ( localize(11397, "Checkbox for Step {0}: Completed", step.title)));
                     }
                     else {
                         badgeelement.setAttribute('aria-checked', 'false');
                         badgeelement.parentElement?.setAttribute('aria-checked', 'false');
                         badgeelement.classList.remove('complete', ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
                         badgeelement.classList.add(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
+                        badgeelement.setAttribute('aria-label', ( localize(11398, "Checkbox for Step {0}: Not completed", step.title)));
                     }
                 });
             }
@@ -411,7 +413,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             label: x.title,
             detail: x.description,
             description: x.source,
-        }))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(11075, "Open Walkthrough...")) });
+        }))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(11399, "Open Walkthrough...")) });
         if (selection) {
             this.runDispatchCommand('selectCategory', selection.id);
         }
@@ -592,7 +594,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const themeType = this.themeService.getColorTheme().type;
             const videoPath = media.path[themeType];
             const videoPoster = media.poster ? media.poster[themeType] : undefined;
-            const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster);
+            const altText = media.altText ? media.altText : ( localize(11400, "Video for {0}", stepToExpand.title));
+            const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster, altText);
             this.webview.setHtml(rawHTML);
             let isDisposed = false;
             this.stepDisposables.add(toDisposable(() => { isDisposed = true; }));
@@ -600,7 +603,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 const themeType = this.themeService.getColorTheme().type;
                 const videoPath = media.path[themeType];
                 const videoPoster = media.poster ? media.poster[themeType] : undefined;
-                const body = await this.detailsRenderer.renderVideo(videoPath, videoPoster);
+                const body = await this.detailsRenderer.renderVideo(videoPath, videoPoster, altText);
                 if (!isDisposed) {
                     this.webview.setHtml(body);
                 }
@@ -619,8 +622,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     provideScreenReaderUpdate() {
         if (this.configurationService.getValue(AccessibilityVerbositySettingId.Walkthrough)) {
             const kbLabel = this.keybindingService.lookupKeybinding(AccessibleViewAction.id)?.getAriaLabel();
-            return kbLabel ? ( localize(11076, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
-                11077,
+            return kbLabel ? ( localize(11401, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
+                11402,
                 "Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
             ));
         }
@@ -680,7 +683,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.categoriesPageScrollbar.dispose();
         }
         this.categoriesSlide = $('.gettingStartedSlideCategories.gettingStartedSlide');
-        const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(11078, "Go Back"))));
+        const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(11403, "Go Back"))));
         this.stepsSlide = $('.gettingStartedSlideDetails.gettingStartedSlide', {}, prevButton);
         this.stepsContent = $('.gettingStartedDetailsContent', {});
         this.detailsPageScrollbar = this._register(( new DomScrollableElement(
@@ -704,11 +707,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             icon: Codicon.check,
             actionClassName: 'getting-started-checkbox',
             isChecked: this.configurationService.getValue(configurationKey) === 'welcomePage',
-            title: ( localize(11079, "When checked, this page will be shown on startup.")),
+            title: ( localize(11404, "When checked, this page will be shown on startup.")),
             ...defaultToggleStyles
         }));
         showOnStartupCheckbox.domNode.id = 'showOnStartup';
-        const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(11080, "Show welcome page on startup")));
+        const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(11405, "Show welcome page on startup")));
         const onShowOnStartupChanged = () => {
             if (showOnStartupCheckbox.checked) {
                 this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'showOnStartupChecked', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
@@ -727,7 +730,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             showOnStartupCheckbox.checked = !showOnStartupCheckbox.checked;
             onShowOnStartupChanged();
         }));
-        const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(11081, "Editing evolved"))));
+        const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(11406, "Editing evolved"))));
         const leftColumn = $('.categories-column.categories-column-left', {});
         const rightColumn = $('.categories-column.categories-column-right', {});
         const startList = this.buildStartList();
@@ -822,7 +825,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const link = $('button.button-link');
             link.innerText = name;
             link.title = fullPath;
-            link.setAttribute('aria-label', ( localize(11082, "Open folder {0} with path {1}", name, parentPath)));
+            link.setAttribute('aria-label', ( localize(11407, "Open folder {0} with path {1}", name, parentPath)));
             link.addEventListener('click', e => {
                 this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'openRecent', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
                 this.hostService.openWindow([windowOpenable], {
@@ -845,18 +848,18 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.recentlyOpenedList.dispose();
         }
         const recentlyOpenedList = this.recentlyOpenedList = ( new GettingStartedIndexList({
-            title: ( localize(11083, "Recent")),
+            title: ( localize(11408, "Recent")),
             klass: 'recently-opened',
             limit: 5,
-            empty: $('.empty-recent', {}, ( localize(11084, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(11085, "open a folder"))), ( localize(11086, "to start."))),
+            empty: $('.empty-recent', {}, ( localize(11409, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(11410, "open a folder"))), ( localize(11411, "to start."))),
             more: $('.more', {}, $('button.button-link', {
                 'x-dispatch': 'showMoreRecents',
                 title: ( localize(
-                    11087,
+                    11412,
                     "Show All Recent Folders {0}",
                     this.getKeybindingLabel(OpenRecentAction.ID)
                 ))
-            }, ( localize(11088, "More...")))),
+            }, ( localize(11413, "More...")))),
             renderElement: renderRecent,
             contextService: this.contextService
         }));
@@ -884,7 +887,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.startList.dispose();
         }
         const startList = this.startList = ( new GettingStartedIndexList({
-            title: ( localize(11089, "Start")),
+            title: ( localize(11414, "Start")),
             klass: 'start-container',
             limit: 10,
             renderElement: renderStartEntry,
@@ -900,10 +903,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const renderNewBadge = (category.newItems || category.newEntry) && !category.isFeatured;
             const newBadge = $('.new-badge', {});
             if (category.newEntry) {
-                reset(newBadge, $('.new-category', {}, ( localize(11090, "New"))));
+                reset(newBadge, $('.new-category', {}, ( localize(11415, "New"))));
             }
             else if (category.newItems) {
-                reset(newBadge, $('.new-items', {}, ( localize(11091, "Updated"))));
+                reset(newBadge, $('.new-items', {}, ( localize(11416, "Updated"))));
             }
             const featuredBadge = $('.featured-badge', {});
             const descriptionContent = $('.description-content', {});
@@ -919,9 +922,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             }, featuredBadge, $('.main-content', {}, this.iconWidgetFor(category), titleContent, renderNewBadge ? newBadge : $('.no-badge'), $('a.codicon.codicon-close.hide-category-button', {
                 'tabindex': 0,
                 'x-dispatch': 'hideCategory:' + category.id,
-                'title': ( localize(11092, "Hide")),
+                'title': ( localize(11417, "Hide")),
                 'role': 'button',
-                'aria-label': ( localize(11093, "Hide")),
+                'aria-label': ( localize(11418, "Hide")),
             })), descriptionContent, $('.category-progress', { 'x-data-category-id': category.id, }, $('.progress-bar-outer', { 'role': 'progressbar' }, $('.progress-bar-inner'))));
         };
         if (this.gettingStartedList) {
@@ -947,10 +950,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             return rank;
         };
         const gettingStartedList = this.gettingStartedList = ( new GettingStartedIndexList({
-            title: ( localize(11094, "Walkthroughs")),
+            title: ( localize(11419, "Walkthroughs")),
             klass: 'getting-started',
             limit: 5,
-            footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(11088, "More..."))),
+            footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(11413, "More..."))),
             renderElement: renderGetttingStaredWalkthrough,
             rankElement: rankWalkthrough,
             contextService: this.contextService,
@@ -982,7 +985,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.layoutMarkdown?.();
         this.container.classList.toggle('height-constrained', size.height <= 600);
         this.container.classList.toggle('width-constrained', size.width <= 400);
-        this.container.classList.toggle('width-semi-constrained', size.width <= 800);
+        this.container.classList.toggle('width-semi-constrained', size.width <= 950);
         this.categoriesPageScrollbar?.scanDomNode();
         this.detailsPageScrollbar?.scanDomNode();
         this.detailsScrollbar?.scanDomNode();
@@ -1003,10 +1006,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             bar.style.width = `${progress}%`;
             element.parentElement.classList.toggle('no-progress', stats.stepsComplete === 0);
             if (stats.stepsTotal === stats.stepsComplete) {
-                bar.title = ( localize(11095, "All {0} steps complete!", stats.stepsComplete));
+                bar.title = ( localize(11420, "All {0} steps complete!", stats.stepsComplete));
             }
             else {
-                bar.title = ( localize(11096, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
+                bar.title = ( localize(11421, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
             }
         });
     }
@@ -1129,10 +1132,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 if (isCommand) {
                     const keybinding = this.getKeyBinding(command);
                     if (keybinding) {
-                        const shortcutMessage = $('span.shortcut-message', {}, ( localize(11097, 'Tip: Use keyboard shortcut ')));
+                        const shortcutMessage = $('span.shortcut-message', {}, ( localize(11422, 'Tip: Use keyboard shortcut ')));
                         container.appendChild(shortcutMessage);
                         const label = ( new KeybindingLabel(shortcutMessage, OS, { ...defaultKeybindingLabelStyles }));
                         label.set(keybinding);
+                        this.detailsPageDisposables.add(label);
                     }
                 }
                 this.detailsPageDisposables.add(button);
@@ -1214,7 +1218,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                     'data-done-step-id': step.id,
                     'x-dispatch': 'toggleStepCompletion:' + step.id,
                     'role': 'checkbox',
-                    'aria-checked': step.done ? 'true' : 'false'
+                    'aria-checked': step.done ? 'true' : 'false',
+                    'aria-label': step.done
+                        ? ( localize(11397, "Checkbox for Step {0}: Completed", step.title))
+                        : ( localize(11398, "Checkbox for Step {0}: Not completed", step.title)),
                 });
                 const container = $('.step-description-container', { 'x-step-description-for': step.id });
                 this.buildMarkdownDescription(container, step.description);
@@ -1222,10 +1229,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 reset(stepTitle, ...renderLabelWithIcons(step.title));
                 const stepDescription = $('.step-container', {}, stepTitle, container);
                 if (step.media.type === 'image') {
-                    stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(11098, "Image showing {0}", step.media.altText)) }));
+                    stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(11423, "Image showing {0}", step.media.altText)) }));
                 }
                 else if (step.media.type === 'video') {
-                    stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(11099, "Video showing {0}", step.media.altText)) }));
+                    stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(11424, "Video showing {0}", step.media.altText)) }));
                 }
                 return $('button.getting-started-step', {
                     'x-dispatch': 'selectTask:' + step.id,
@@ -1245,8 +1252,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             }
         }));
         const showNextCategory = this.gettingStartedCategories.find(_category => _category.id === category.next);
-        const stepsContainer = $('.getting-started-detail-container', { 'role': 'list' }, stepListContainer, $('.done-next-container', {}, $('button.button-link.all-done', { 'x-dispatch': 'allDone' }, $('span.codicon.codicon-check-all'), ( localize(11100, "Mark Done"))), ...(showNextCategory
-            ? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(11101, "Next Section")), $('span.codicon.codicon-arrow-right'))]
+        const stepsContainer = $('.getting-started-detail-container', { 'role': 'list' }, stepListContainer, $('.done-next-container', {}, $('button.button-link.all-done', { 'x-dispatch': 'allDone' }, $('span.codicon.codicon-check-all'), ( localize(11425, "Mark Done"))), ...(showNextCategory
+            ? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(11426, "Next Section")), $('span.codicon.codicon-arrow-right'))]
             : [])));
         this.detailsScrollbar = this._register(( new DomScrollableElement(stepsContainer, { className: 'steps-container' })));
         const stepListComponent = this.detailsScrollbar.getDomNode();
@@ -1263,12 +1270,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     }
     buildTelemetryFooter(parent) {
         const mdRenderer = this.instantiationService.createInstance(MarkdownRenderer, {});
-        const privacyStatementCopy = ( localize(11102, "privacy statement"));
+        const privacyStatementCopy = ( localize(11427, "privacy statement"));
         const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
-        const optOutCopy = ( localize(11103, "opt out"));
+        const optOutCopy = ( localize(11428, "opt out"));
         const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
         const text = ( localize(
-            11104,
+            11429,
             "{0} collects usage data. Read our {1} and learn how to {2}.",
             this.productService.nameShort,
             privacyStatementButton,
@@ -1339,7 +1346,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const prevButton = this.container.querySelector('.prev-button.button-link');
             prevButton.style.display = this.editorInput.showWelcome || this.prevWalkthrough ? 'block' : 'none';
             const moreTextElement = prevButton.querySelector('.moreText');
-            moreTextElement.textContent = firstLaunch ? ( localize(11105, "Welcome")) : ( localize(11078, "Go Back"));
+            moreTextElement.textContent = firstLaunch ? ( localize(11430, "Welcome")) : ( localize(11403, "Go Back"));
             this.container.querySelector('.gettingStartedSlideDetails').querySelectorAll('button').forEach(button => button.disabled = false);
             this.container.querySelector('.gettingStartedSlideCategories').querySelectorAll('button').forEach(button => button.disabled = true);
             this.container.querySelector('.gettingStartedSlideCategories').querySelectorAll('input').forEach(button => button.disabled = true);

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

@@ -116,11 +116,11 @@ class GettingStartedAccessibleProvider extends Disposable {
     }
     _getContent(waltkrough, step, includeTitle) {
         const description = ( step.description.map(lt => lt.nodes.filter(node => typeof node === 'string'))).join('\n');
-        const stepsContent = ( localize(11106, '{0}\n{1}', step.title, description));
+        const stepsContent = ( localize(11431, '{0}\n{1}', step.title, description));
         if (includeTitle) {
             return [
-                ( localize(11107, 'Title: {0}', waltkrough.title)),
-                ( localize(11108, 'Description: {0}', waltkrough.description)),
+                ( localize(11432, 'Title: {0}', waltkrough.title)),
+                ( localize(11433, 'Description: {0}', waltkrough.description)),
                 stepsContent
             ].join('\n');
         }

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

@@ -12,10 +12,10 @@ import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/quic
 import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/searchColors';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
 
-registerColor('welcomePage.background', null, ( localize(11109, 'Background color for the Welcome page.')));
-registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(11110, 'Background color for the tiles on the Welcome page.')));
-registerColor('welcomePage.tileHoverBackground', { dark: ( lighten(editorWidgetBackground, .2)), light: ( darken(editorWidgetBackground, .1)), hcDark: null, hcLight: null }, ( localize(11111, 'Hover background color for the tiles on the Welcome.')));
-registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(11112, 'Border color for the tiles on the Welcome page.')));
-registerColor('welcomePage.progress.background', inputBackground, ( localize(11113, 'Foreground color for the Welcome page progress bars.')));
-registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(11114, 'Background color for the Welcome page progress bars.')));
-registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(11115, 'Foreground color of the heading of each walkthrough step')));
+registerColor('welcomePage.background', null, ( localize(11434, 'Background color for the Welcome page.')));
+registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(11435, 'Background color for the tiles on the Welcome page.')));
+registerColor('welcomePage.tileHoverBackground', { dark: ( lighten(editorWidgetBackground, .2)), light: ( darken(editorWidgetBackground, .1)), hcDark: null, hcLight: null }, ( localize(11436, 'Hover background color for the tiles on the Welcome.')));
+registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(11437, 'Border color for the tiles on the Welcome page.')));
+registerColor('welcomePage.progress.background', inputBackground, ( localize(11438, 'Foreground color for the Welcome page progress bars.')));
+registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(11439, 'Background color for the Welcome page progress bars.')));
+registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(11440, 'Foreground color of the heading of each walkthrough step')));

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

@@ -13,7 +13,7 @@ export declare class GettingStartedDetailsRenderer {
     constructor(fileService: IFileService, notificationService: INotificationService, extensionService: IExtensionService, languageService: ILanguageService);
     renderMarkdown(path: URI, base: URI): Promise<string>;
     renderSVG(path: URI): Promise<string>;
-    renderVideo(path: URI, poster?: URI): Promise<string>;
+    renderVideo(path: URI, poster?: URI, description?: string): Promise<string>;
     private readAndCacheSVGFile;
     private readAndCacheStepMarkdown;
     private readContentsOfPath;

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

@@ -189,7 +189,7 @@ let GettingStartedDetailsRenderer = class GettingStartedDetailsRenderer {
 			</body>
 		</html>`;
     }
-    async renderVideo(path, poster) {
+    async renderVideo(path, poster, description) {
         const nonce = generateUuid();
         return `<!DOCTYPE html>
 		<html>
@@ -205,7 +205,7 @@ let GettingStartedDetailsRenderer = class GettingStartedDetailsRenderer {
 				</style>
 			</head>
 			<body>
-				<video controls autoplay ${poster ? `poster="${poster?.toString(true)}"` : ''} muted>
+				<video controls autoplay ${poster ? `poster="${( poster.toString(true))}"` : ''} muted ${description ? `aria-label="${description}"` : ''}>
 					<source src="${( path.toString(true))}" type="video/mp4">
 				</video>
 			</body>