@codingame/monaco-vscode-api 25.1.1 → 26.0.0

package/vscode/src/vs/workbench/contrib/extensions/browser/extensionEditor.js

@@ -82,13 +82,17 @@ import { fromNow } from '../../../../base/common/date.js';
 var ExtensionEditor_1;
 registerCss(extensionEditor);
 class NavBar extends Disposable {
-    get onChange() { return this._onChange.event; }
-    get currentId() { return this._currentId; }
+    get onChange() {
+        return this._onChange.event;
+    }
+    get currentId() {
+        return this._currentId;
+    }
     constructor(container) {
         super();
         this._onChange = this._register(( new Emitter()));
         this._currentId = null;
-        const element = append(container, $('.navbar'));
+        const element = append(container, $(".navbar"));
         this.actions = [];
         this.actionbar = this._register(( new ActionBar(element)));
     }
@@ -115,22 +119,27 @@ class NavBar extends Disposable {
     }
     update(id, focus) {
         this._currentId = id;
-        this._onChange.fire({ id, focus: !!focus });
+        this._onChange.fire({
+            id,
+            focus: !!focus
+        });
         this.actions.forEach(a => a.checked = a.id === id);
     }
 }
 var WebviewIndex;
-(function (WebviewIndex) {
+(function(WebviewIndex) {
     WebviewIndex[WebviewIndex["Readme"] = 0] = "Readme";
     WebviewIndex[WebviewIndex["Changelog"] = 1] = "Changelog";
 })(WebviewIndex || (WebviewIndex = {}));
-const CONTEXT_SHOW_PRE_RELEASE_VERSION = ( new RawContextKey('showPreReleaseVersion', false));
+const CONTEXT_SHOW_PRE_RELEASE_VERSION = ( new RawContextKey("showPreReleaseVersion", false));
 class ExtensionWithDifferentGalleryVersionWidget extends ExtensionWidget {
     constructor() {
         super(...arguments);
         this._gallery = null;
     }
-    get gallery() { return this._gallery; }
+    get gallery() {
+        return this._gallery;
+    }
     set gallery(gallery) {
         if (this.extension && gallery && !areSameExtensions(this.extension.identifier, gallery.identifier)) {
             return;
@@ -142,24 +151,52 @@ class ExtensionWithDifferentGalleryVersionWidget extends ExtensionWidget {
 class VersionWidget extends ExtensionWithDifferentGalleryVersionWidget {
     constructor(container, hoverService) {
         super();
-        this.element = append(container, $('code.version', undefined, 'pre-release'));
-        this._register(hoverService.setupManagedHover(getDefaultHoverDelegate('mouse'), this.element, ( localize(7283, "Extension Version"))));
+        this.element = append(container, $("code.version", undefined, "pre-release"));
+        this._register(
+            hoverService.setupManagedHover(getDefaultHoverDelegate("mouse"), this.element, ( localize(7594, "Extension Version")))
+        );
         this.render();
     }
     render() {
         if (this.extension?.preRelease) {
             show(this.element);
-        }
-        else {
+        } else {
             hide(this.element);
         }
     }
 }
 let ExtensionEditor = class ExtensionEditor extends EditorPane {
-    static { ExtensionEditor_1 = this; }
-    static { this.ID = 'workbench.editor.extension'; }
-    constructor(group, telemetryService, instantiationService, extensionsWorkbenchService, extensionGalleryService, themeService, notificationService, openerService, extensionRecommendationsService, storageService, extensionService, webviewService, languageService, contextMenuService, contextKeyService, hoverService) {
-        super(ExtensionEditor_1.ID, group, telemetryService, themeService, storageService);
+    static {
+        ExtensionEditor_1 = this;
+    }
+    static {
+        this.ID = "workbench.editor.extension";
+    }
+    constructor(
+        group,
+        telemetryService,
+        instantiationService,
+        extensionsWorkbenchService,
+        extensionGalleryService,
+        themeService,
+        notificationService,
+        openerService,
+        extensionRecommendationsService,
+        storageService,
+        extensionService,
+        webviewService,
+        languageService,
+        contextMenuService,
+        contextKeyService,
+        hoverService
+    ) {
+        super(
+            ExtensionEditor_1.ID,
+            group,
+            telemetryService,
+            themeService,
+            storageService
+        );
         this.instantiationService = instantiationService;
         this.extensionsWorkbenchService = extensionsWorkbenchService;
         this.extensionGalleryService = extensionGalleryService;
@@ -174,7 +211,7 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
         this.hoverService = hoverService;
         this._scopedContextKeyService = this._register(( new MutableDisposable()));
         this.initialScrollProgress = ( new Map());
-        this.currentIdentifier = '';
+        this.currentIdentifier = "";
         this.layoutParticipants = [];
         this.contentDisposables = this._register(( new DisposableStore()));
         this.transientDisposables = this._register(( new DisposableStore()));
@@ -187,42 +224,49 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
         return this._scopedContextKeyService.value;
     }
     createEditor(parent) {
-        const root = append(parent, $('.extension-editor'));
+        const root = append(parent, $(".extension-editor"));
         this._scopedContextKeyService.value = this.contextKeyService.createScoped(root);
-        this._scopedContextKeyService.value.createKey('inExtensionEditor', true);
+        this._scopedContextKeyService.value.createKey("inExtensionEditor", true);
         this.showPreReleaseVersionContextKey = CONTEXT_SHOW_PRE_RELEASE_VERSION.bindTo(this._scopedContextKeyService.value);
         root.tabIndex = 0;
-        root.style.outline = 'none';
-        root.setAttribute('role', 'document');
-        const header = append(root, $('.header'));
-        const iconContainer = append(header, $('.icon-container'));
+        root.style.outline = "none";
+        root.setAttribute("role", "document");
+        const header = append(root, $(".header"));
+        const iconContainer = append(header, $(".icon-container"));
         const iconWidget = this.instantiationService.createInstance(ExtensionIconWidget, iconContainer);
         const remoteBadge = this.instantiationService.createInstance(RemoteBadgeWidget, iconContainer, true);
-        const details = append(header, $('.details'));
-        const title = append(details, $('.title'));
-        const name = append(title, $('span.name.clickable', { role: 'heading', tabIndex: 0 }));
-        this._register(this.hoverService.setupManagedHover(getDefaultHoverDelegate('mouse'), name, ( localize(7284, "Extension name"))));
+        const details = append(header, $(".details"));
+        const title = append(details, $(".title"));
+        const name = append(title, $("span.name.clickable", {
+            role: "heading",
+            tabIndex: 0
+        }));
+        this._register(
+            this.hoverService.setupManagedHover(getDefaultHoverDelegate("mouse"), name, ( localize(7595, "Extension name")))
+        );
         const versionWidget = ( new VersionWidget(title, this.hoverService));
-        const preview = append(title, $('span.preview'));
-        this._register(this.hoverService.setupManagedHover(getDefaultHoverDelegate('mouse'), preview, ( localize(7285, "Preview"))));
-        preview.textContent = ( localize(7285, "Preview"));
-        const builtin = append(title, $('span.builtin'));
-        builtin.textContent = ( localize(7286, "Built-in"));
-        const subtitle = append(details, $('.subtitle'));
+        const preview = append(title, $("span.preview"));
+        this._register(
+            this.hoverService.setupManagedHover(getDefaultHoverDelegate("mouse"), preview, ( localize(7596, "Preview")))
+        );
+        preview.textContent = ( localize(7596, "Preview"));
+        const builtin = append(title, $("span.builtin"));
+        builtin.textContent = ( localize(7597, "Built-in"));
+        const subtitle = append(details, $(".subtitle"));
         const subTitleEntryContainers = [];
-        const publisherContainer = append(subtitle, $('.subtitle-entry'));
+        const publisherContainer = append(subtitle, $(".subtitle-entry"));
         subTitleEntryContainers.push(publisherContainer);
         const publisherWidget = this.instantiationService.createInstance(PublisherWidget, publisherContainer, false);
-        const extensionKindContainer = append(subtitle, $('.subtitle-entry'));
+        const extensionKindContainer = append(subtitle, $(".subtitle-entry"));
         subTitleEntryContainers.push(extensionKindContainer);
         const extensionKindWidget = this.instantiationService.createInstance(ExtensionKindIndicatorWidget, extensionKindContainer, false);
-        const installCountContainer = append(subtitle, $('.subtitle-entry'));
+        const installCountContainer = append(subtitle, $(".subtitle-entry"));
         subTitleEntryContainers.push(installCountContainer);
         const installCountWidget = this.instantiationService.createInstance(InstallCountWidget, installCountContainer, false);
-        const ratingsContainer = append(subtitle, $('.subtitle-entry'));
+        const ratingsContainer = append(subtitle, $(".subtitle-entry"));
         subTitleEntryContainers.push(ratingsContainer);
         const ratingsWidget = this.instantiationService.createInstance(RatingsWidget, ratingsContainer, false);
-        const sponsorContainer = append(subtitle, $('.subtitle-entry'));
+        const sponsorContainer = append(subtitle, $(".subtitle-entry"));
         subTitleEntryContainers.push(sponsorContainer);
         const sponsorWidget = this.instantiationService.createInstance(SponsorWidget, sponsorContainer);
         const widgets = [
@@ -233,9 +277,9 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
             extensionKindWidget,
             installCountWidget,
             ratingsWidget,
-            sponsorWidget,
+            sponsorWidget
         ];
-        const description = append(details, $('.description'));
+        const description = append(details, $(".description"));
         const installAction = this.instantiationService.createInstance(InstallDropdownAction);
         const actions = [
             this.instantiationService.createInstance(ExtensionRuntimeStateAction),
@@ -253,21 +297,24 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
             this.instantiationService.createInstance(WebInstallAction),
             installAction,
             this.instantiationService.createInstance(InstallingLabelAction),
-            this.instantiationService.createInstance(ButtonWithDropDownExtensionAction, 'extensions.uninstall', UninstallAction.UninstallClass, [
-                [
+            this.instantiationService.createInstance(
+                ButtonWithDropDownExtensionAction,
+                "extensions.uninstall",
+                UninstallAction.UninstallClass,
+                [[
                     this.instantiationService.createInstance(MigrateDeprecatedExtensionAction, false),
                     this.instantiationService.createInstance(UninstallAction),
-                    this.instantiationService.createInstance(InstallAnotherVersionAction, null, true),
-                ]
-            ]),
+                    this.instantiationService.createInstance(InstallAnotherVersionAction, null, true)
+                ]]
+            ),
             this.instantiationService.createInstance(TogglePreReleaseExtensionAction),
             this.instantiationService.createInstance(ToggleAutoUpdateForExtensionAction),
             ( new ExtensionEditorManageExtensionAction(
                 this.scopedContextKeyService || this.contextKeyService,
                 this.instantiationService
-            )),
+            ))
         ];
-        const actionsAndStatusContainer = append(details, $('.actions-status-container'));
+        const actionsAndStatusContainer = append(details, $(".actions-status-container"));
         const extensionActionBar = this._register(( new ActionBar(actionsAndStatusContainer, {
             actionViewItemProvider: (action, options) => {
                 if (action instanceof DropDownExtensionAction) {
@@ -278,22 +325,28 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
                         ...options,
                         icon: true,
                         label: true,
-                        menuActionsOrProvider: { getActions: () => action.menuActions },
+                        menuActionsOrProvider: {
+                            getActions: () => action.menuActions
+                        },
                         menuActionClassNames: action.menuActionClassNames
                     }, this.contextMenuService));
                 }
                 if (action instanceof ToggleAutoUpdateForExtensionAction) {
-                    return ( new CheckboxActionViewItem(
-                        undefined,
-                        action,
-                        { ...options, icon: true, label: true, checkboxStyles: defaultCheckboxStyles }
-                    ));
+                    return ( new CheckboxActionViewItem(undefined, action, {
+                        ...options,
+                        icon: true,
+                        label: true,
+                        checkboxStyles: defaultCheckboxStyles
+                    }));
                 }
                 return undefined;
             },
             focusOnlyEnabledItems: true
         })));
-        extensionActionBar.push(actions, { icon: true, label: true });
+        extensionActionBar.push(actions, {
+            icon: true,
+            label: true
+        });
         extensionActionBar.setFocusable(true);
         this._register(Event.any(...( actions.map(a => Event.filter(a.onDidChange, e => e.enabled !== undefined))))(() => {
             extensionActionBar.setFocusable(false);
@@ -301,29 +354,38 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
         }));
         const otherExtensionContainers = [];
         const extensionStatusAction = this.instantiationService.createInstance(ExtensionStatusAction);
-        const extensionStatusWidget = this._register(this.instantiationService.createInstance(ExtensionStatusWidget, append(actionsAndStatusContainer, $('.status')), extensionStatusAction));
+        const extensionStatusWidget = this._register(this.instantiationService.createInstance(
+            ExtensionStatusWidget,
+            append(actionsAndStatusContainer, $(".status")),
+            extensionStatusAction
+        ));
         otherExtensionContainers.push(extensionStatusAction, new (class extends ExtensionWidget {
             render() {
-                actionsAndStatusContainer.classList.toggle('list-layout', this.extension?.state === ExtensionState.Installed);
+                actionsAndStatusContainer.classList.toggle("list-layout", this.extension?.state === ExtensionState.Installed);
             }
         })());
-        const recommendationWidget = this.instantiationService.createInstance(ExtensionRecommendationWidget, append(details, $('.recommendation')));
+        const recommendationWidget = this.instantiationService.createInstance(ExtensionRecommendationWidget, append(details, $(".recommendation")));
         widgets.push(recommendationWidget);
-        this._register(Event.any(extensionStatusWidget.onDidRender, recommendationWidget.onDidRender)(() => {
-            if (this.dimension) {
-                this.layout(this.dimension);
-            }
-        }));
+        this._register(
+            Event.any(extensionStatusWidget.onDidRender, recommendationWidget.onDidRender)(() => {
+                if (this.dimension) {
+                    this.layout(this.dimension);
+                }
+            })
+        );
         const extensionContainers = this.instantiationService.createInstance(ExtensionContainers, [...actions, ...widgets, ...otherExtensionContainers]);
         for (const disposable of [...actions, ...widgets, ...otherExtensionContainers, extensionContainers]) {
             this._register(disposable);
         }
-        const onError = Event.chain(extensionActionBar.onDidRun, $ => ( $.map(({ error }) => error))
-            .filter(error => !!error));
+        const onError = Event.chain(extensionActionBar.onDidRun, $ => ( $.map((
+            {
+                error
+            }
+        ) => error)).filter(error => !!error));
         this._register(onError(this.onError, this));
-        const body = append(root, $('.body'));
+        const body = append(root, $(".body"));
         const navbar = ( new NavBar(body));
-        const content = append(body, $('.content'));
+        const content = append(body, $(".content"));
         content.id = generateUuid();
         this.template = {
             builtin,
@@ -339,13 +401,13 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
                 extensionContainers.extension = extension;
                 let lastNonEmptySubtitleEntryContainer;
                 for (const subTitleEntryElement of subTitleEntryContainers) {
-                    subTitleEntryElement.classList.remove('last-non-empty');
+                    subTitleEntryElement.classList.remove("last-non-empty");
                     if (subTitleEntryElement.children.length > 0) {
                         lastNonEmptySubtitleEntryContainer = subTitleEntryElement;
                     }
                 }
                 if (lastNonEmptySubtitleEntryContainer) {
-                    lastNonEmptySubtitleEntryContainer.classList.add('last-non-empty');
+                    lastNonEmptySubtitleEntryContainer.classList.add("last-non-empty");
                 }
             },
             set gallery(gallery) {
@@ -397,7 +459,7 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
         if (extension.resourceExtension) {
             return null;
         }
-        if (extension.local?.source === 'resource') {
+        if (extension.local?.source === "resource") {
             return null;
         }
         if (isUndefined(preRelease)) {
@@ -412,7 +474,11 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
         if (!preRelease && !extension.hasReleaseVersion) {
             return null;
         }
-        return (await this.extensionGalleryService.getExtensions([{ ...extension.identifier, preRelease, hasPreRelease: extension.hasPreReleaseVersion }], CancellationToken.None))[0] || null;
+        return (await this.extensionGalleryService.getExtensions([{
+            ...extension.identifier,
+            preRelease,
+            hasPreRelease: extension.hasPreReleaseVersion
+        }], CancellationToken.None))[0] || null;
     }
     async render(extension, template, preserveFocus) {
         this.activeElement = null;
@@ -435,10 +501,10 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
         template.gallery = gallery;
         template.manifest = null;
         template.name.textContent = extension.displayName;
-        template.name.classList.toggle('clickable', !!extension.url);
-        template.name.classList.toggle('deprecated', !!extension.deprecationInfo);
-        template.preview.style.display = extension.preview ? 'inherit' : 'none';
-        template.builtin.style.display = extension.isBuiltin ? 'inherit' : 'none';
+        template.name.classList.toggle("clickable", !!extension.url);
+        template.name.classList.toggle("deprecated", !!extension.deprecationInfo);
+        template.preview.style.display = extension.preview ? "inherit" : "none";
+        template.builtin.style.display = extension.isBuiltin ? "inherit" : "none";
         template.description.textContent = extension.description;
         if (extension.url) {
             this.transientDisposables.add(onClick(template.name, () => this.openerService.open(( URI.parse(extension.url)))));
@@ -454,33 +520,38 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
         const extRecommendations = this.extensionRecommendationsService.getAllRecommendationsWithReason();
         let recommendationsData = {};
         if (extRecommendations[extension.identifier.id.toLowerCase()]) {
-            recommendationsData = { recommendationReason: extRecommendations[extension.identifier.id.toLowerCase()].reasonId };
+            recommendationsData = {
+                recommendationReason: extRecommendations[extension.identifier.id.toLowerCase()].reasonId
+            };
         }
-        this.telemetryService.publicLog('extensionGallery:openExtension', { ...extension.telemetryData, ...recommendationsData });
+        this.telemetryService.publicLog("extensionGallery:openExtension", {
+            ...extension.telemetryData,
+            ...recommendationsData
+        });
     }
     renderNavbar(extension, manifest, template, preserveFocus) {
-        template.content.innerText = '';
+        template.content.innerText = "";
         template.navbar.clear();
         if (this.currentIdentifier !== extension.identifier.id) {
             this.initialScrollProgress.clear();
             this.currentIdentifier = extension.identifier.id;
         }
-        template.navbar.push(ExtensionEditorTab.Readme, ( localize(7287, "Details")), ( localize(7288, "Extension details, rendered from the extension's 'README.md' file")));
+        template.navbar.push(ExtensionEditorTab.Readme, ( localize(7598, "Details")), ( localize(7599, "Extension details, rendered from the extension's 'README.md' file")));
         if (manifest) {
-            template.navbar.push(ExtensionEditorTab.Features, ( localize(7289, "Features")), ( localize(7290, "Lists features contributed by this extension")));
+            template.navbar.push(ExtensionEditorTab.Features, ( localize(7600, "Features")), ( localize(7601, "Lists features contributed by this extension")));
         }
         if (extension.hasChangelog()) {
-            template.navbar.push(ExtensionEditorTab.Changelog, ( localize(7291, "Changelog")), ( localize(
-                7292,
+            template.navbar.push(ExtensionEditorTab.Changelog, ( localize(7602, "Changelog")), ( localize(
+                7603,
                 "Extension update history, rendered from the extension's 'CHANGELOG.md' file"
             )));
         }
         if (extension.dependencies.length) {
-            template.navbar.push(ExtensionEditorTab.Dependencies, ( localize(7293, "Dependencies")), ( localize(7294, "Lists extensions this extension depends on")));
+            template.navbar.push(ExtensionEditorTab.Dependencies, ( localize(7604, "Dependencies")), ( localize(7605, "Lists extensions this extension depends on")));
         }
         if (manifest && manifest.extensionPack?.length && !this.shallRenderAsExtensionPack(manifest)) {
-            template.navbar.push(ExtensionEditorTab.ExtensionPack, ( localize(7295, "Extension Pack")), ( localize(
-                7296,
+            template.navbar.push(ExtensionEditorTab.ExtensionPack, ( localize(7606, "Extension Pack")), ( localize(
+                7607,
                 "Lists extensions those will be installed together with this extension"
             )));
         }
@@ -488,9 +559,16 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
             template.navbar.switch(this.options.tab);
         }
         if (template.navbar.currentId) {
-            this.onNavbarChange(extension, { id: template.navbar.currentId, focus: !preserveFocus }, template);
-        }
-        template.navbar.onChange(e => this.onNavbarChange(extension, e, template), this, this.transientDisposables);
+            this.onNavbarChange(extension, {
+                id: template.navbar.currentId,
+                focus: !preserveFocus
+            }, template);
+        }
+        template.navbar.onChange(
+            e => this.onNavbarChange(extension, e, template),
+            this,
+            this.transientDisposables
+        );
     }
     clearInput() {
         this.contentDisposables.clear();
@@ -513,15 +591,21 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
         }
         return this.activeElement;
     }
-    onNavbarChange(extension, { id, focus }, template) {
+    onNavbarChange(
+        extension,
+        {
+            id,
+            focus
+        },
+        template
+    ) {
         this.contentDisposables.clear();
-        template.content.innerText = '';
+        template.content.innerText = "";
         this.activeElement = null;
         if (id) {
             const cts = ( new CancellationTokenSource());
             this.contentDisposables.add(toDisposable(() => cts.dispose(true)));
-            this.open(id, extension, template, cts.token)
-                .then(activeElement => {
+            this.open(id, extension, template, cts.token).then(activeElement => {
                 if (cts.token.isCancellationRequested) {
                     return;
                 }
@@ -533,23 +617,38 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
         }
     }
     open(id, extension, template, token) {
-        const details = append(template.content, $('.details'));
-        const contentContainer = append(details, $('.content-container'));
-        const additionalDetailsContainer = append(details, $('.additional-details-container'));
-        const layout = () => details.classList.toggle('narrow', this.dimension && this.dimension.width < 500);
+        const details = append(template.content, $(".details"));
+        const contentContainer = append(details, $(".content-container"));
+        const additionalDetailsContainer = append(details, $(".additional-details-container"));
+        const layout = () => details.classList.toggle("narrow", this.dimension && this.dimension.width < 500);
         layout();
-        this.contentDisposables.add(toDisposable(insert(this.layoutParticipants, { layout })));
+        this.contentDisposables.add(toDisposable(insert(this.layoutParticipants, {
+            layout
+        })));
         this.renderAdditionalDetails(additionalDetailsContainer, extension);
         switch (id) {
-            case ExtensionEditorTab.Readme: return this.openDetails(extension, contentContainer, token);
-            case ExtensionEditorTab.Features: return this.openFeatures(extension, contentContainer, token);
-            case ExtensionEditorTab.Changelog: return this.openChangelog(extension, contentContainer, token);
-            case ExtensionEditorTab.Dependencies: return this.openExtensionDependencies(extension, contentContainer, token);
-            case ExtensionEditorTab.ExtensionPack: return this.openExtensionPack(extension, contentContainer, token);
+        case ExtensionEditorTab.Readme:
+            return this.openDetails(extension, contentContainer, token);
+        case ExtensionEditorTab.Features:
+            return this.openFeatures(extension, contentContainer, token);
+        case ExtensionEditorTab.Changelog:
+            return this.openChangelog(extension, contentContainer, token);
+        case ExtensionEditorTab.Dependencies:
+            return this.openExtensionDependencies(extension, contentContainer, token);
+        case ExtensionEditorTab.ExtensionPack:
+            return this.openExtensionPack(extension, contentContainer, token);
         }
         return Promise.resolve(null);
     }
-    async openMarkdown(extension, cacheResult, noContentCopy, container, webviewIndex, title, token) {
+    async openMarkdown(
+        extension,
+        cacheResult,
+        noContentCopy,
+        container,
+        webviewIndex,
+        title,
+        token
+    ) {
         try {
             const body = await this.renderMarkdown(extension, cacheResult, container, token);
             if (token.isCancellationRequested) {
@@ -560,10 +659,10 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
                 options: {
                     enableFindWidget: true,
                     tryRestoreScrollPosition: true,
-                    disableServiceWorker: true,
+                    disableServiceWorker: true
                 },
                 contentOptions: {},
-                extension: undefined,
+                extension: undefined
             }));
             webview.initialScrollProgress = this.initialScrollProgress.get(webviewIndex) || 0;
             webview.claim(this, this.window, this.scopedContextKeyService);
@@ -572,7 +671,9 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
             webview.setHtml(body);
             webview.claim(this, this.window, undefined);
             this.contentDisposables.add(webview.onDidFocus(() => this._onDidFocus?.fire()));
-            this.contentDisposables.add(webview.onDidScroll(() => this.initialScrollProgress.set(webviewIndex, webview.initialScrollProgress)));
+            this.contentDisposables.add(webview.onDidScroll(
+                () => this.initialScrollProgress.set(webviewIndex, webview.initialScrollProgress)
+            ));
             const removeLayoutParticipant = insert(this.layoutParticipants, {
                 layout: () => {
                     webview.layoutWebviewOverElement(container);
@@ -580,7 +681,9 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
             });
             this.contentDisposables.add(toDisposable(removeLayoutParticipant));
             let isDisposed = false;
-            this.contentDisposables.add(toDisposable(() => { isDisposed = true; }));
+            this.contentDisposables.add(toDisposable(() => {
+                isDisposed = true;
+            }));
             this.contentDisposables.add(this.themeService.onDidColorThemeChange(async () => {
                 const body = await this.renderMarkdown(extension, cacheResult, container);
                 if (!isDisposed) {
@@ -593,19 +696,15 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
                 }
                 if (matchesScheme(link, Schemas.http) || matchesScheme(link, Schemas.https) || matchesScheme(link, Schemas.mailto)) {
                     this.openerService.open(link);
-                }
-                else if (matchesScheme(link, Schemas.command) && extension.type === ExtensionType.System) {
+                } else if (matchesScheme(link, Schemas.command) && extension.type === ExtensionType.System) {
                     this.openerService.open(link, {
-                        allowCommands: [
-                            ShowCurrentReleaseNotesActionId
-                        ]
+                        allowCommands: [ShowCurrentReleaseNotesActionId]
                     });
                 }
             }));
             return webview;
-        }
-        catch (e) {
-            const p = append(container, $('p.nocontent'));
+        } catch (e) {
+            const p = append(container, $("p.nocontent"));
             p.textContent = noContentCopy;
             return p;
         }
@@ -613,157 +712,168 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
     async renderMarkdown(extension, cacheResult, container, token) {
         const contents = await this.loadContents(() => cacheResult, container);
         if (token?.isCancellationRequested) {
-            return '';
+            return "";
         }
         const allowedLinkProtocols = [Schemas.http, Schemas.https, Schemas.mailto];
         const content = await renderMarkdownDocument(contents, this.extensionService, this.languageService, {
             sanitizerConfig: {
                 allowedLinkProtocols: {
-                    override: extension.type === ExtensionType.System
-                        ? [...allowedLinkProtocols, Schemas.command]
-                        : allowedLinkProtocols
+                    override: extension.type === ExtensionType.System ? [...allowedLinkProtocols, Schemas.command] : allowedLinkProtocols
                 }
             }
         }, token);
         if (token?.isCancellationRequested) {
-            return '';
+            return "";
         }
         return this.renderBody(content);
     }
     renderBody(body) {
         const nonce = generateUuid();
         const colorMap = TokenizationRegistry.getColorMap();
-        const css = colorMap ? generateTokensCSSForColorMap(colorMap) : '';
+        const css = colorMap ? generateTokensCSSForColorMap(colorMap) : "";
         return `<!DOCTYPE html>
-		<html>
-			<head>
-				<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
-				<meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src https: data:; media-src https:; script-src 'none'; style-src 'nonce-${nonce}';">
-				<style nonce="${nonce}">
-					${DEFAULT_MARKDOWN_STYLES}
+        <html>
+            <head>
+                <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
+                <meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src https: data:; media-src https:; script-src 'none'; style-src 'nonce-${nonce}';">
+                <style nonce="${nonce}">
+                    ${DEFAULT_MARKDOWN_STYLES}
 
-					/* prevent scroll-to-top button from blocking the body text */
-					body {
-						padding-bottom: 75px;
-					}
+                    /* prevent scroll-to-top button from blocking the body text */
+                    body {
+                        padding-bottom: 75px;
+                    }
 
-					#scroll-to-top {
-						position: fixed;
-						width: 32px;
-						height: 32px;
-						right: 25px;
-						bottom: 25px;
-						background-color: var(--vscode-button-secondaryBackground);
-						border-color: var(--vscode-button-border);
-						border-radius: 50%;
-						cursor: pointer;
-						box-shadow: 1px 1px 1px rgba(0,0,0,.25);
-						outline: none;
-						display: flex;
-						justify-content: center;
-						align-items: center;
-					}
+                    #scroll-to-top {
+                        position: fixed;
+                        width: 32px;
+                        height: 32px;
+                        right: 25px;
+                        bottom: 25px;
+                        background-color: var(--vscode-button-secondaryBackground);
+                        border-color: var(--vscode-button-border);
+                        border-radius: 50%;
+                        cursor: pointer;
+                        box-shadow: 1px 1px 1px rgba(0,0,0,.25);
+                        outline: none;
+                        display: flex;
+                        justify-content: center;
+                        align-items: center;
+                    }
 
-					#scroll-to-top:hover {
-						background-color: var(--vscode-button-secondaryHoverBackground);
-						box-shadow: 2px 2px 2px rgba(0,0,0,.25);
-					}
+                    #scroll-to-top:hover {
+                        background-color: var(--vscode-button-secondaryHoverBackground);
+                        box-shadow: 2px 2px 2px rgba(0,0,0,.25);
+                    }
 
-					body.vscode-high-contrast #scroll-to-top {
-						border-width: 2px;
-						border-style: solid;
-						box-shadow: none;
-					}
+                    body.vscode-high-contrast #scroll-to-top {
+                        border-width: 2px;
+                        border-style: solid;
+                        box-shadow: none;
+                    }
 
-					#scroll-to-top span.icon::before {
-						content: "";
-						display: block;
-						background: var(--vscode-button-secondaryForeground);
-						/* Chevron up icon */
-						webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnVwY2hldnJvbjwvdGl0bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LDUuMWwtNy4zLDcuM0wwLDExLjZsOC04bDgsOGwtMC43LDAuN0w4LDUuMXoiLz4KPHJlY3QgY2xhc3M9InN0MSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+Cjwvc3ZnPgo=');
-						-webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnVwY2hldnJvbjwvdGl0bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LDUuMWwtNy4zLDcuM0wwLDExLjZsOC04bDgsOGwtMC43LDAuN0w4LDUuMXoiLz4KPHJlY3QgY2xhc3M9InN0MSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+Cjwvc3ZnPgo=');
-						width: 16px;
-						height: 16px;
-					}
-					${css}
-				</style>
-			</head>
-			<body>
-				<a id="scroll-to-top" role="button" aria-label="scroll to top" href="#"><span class="icon"></span></a>
-				${body}
-			</body>
-		</html>`;
+                    #scroll-to-top span.icon::before {
+                        content: "";
+                        display: block;
+                        background: var(--vscode-button-secondaryForeground);
+                        /* Chevron up icon */
+                        webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnVwY2hldnJvbjwvdGl0bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LDUuMWwtNy4zLDcuM0wwLDExLjZsOC04bDgsOGwtMC43LDAuN0w4LDUuMXoiLz4KPHJlY3QgY2xhc3M9InN0MSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+Cjwvc3ZnPgo=');
+                        -webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnVwY2hldnJvbjwvdGl0bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LDUuMWwtNy4zLDcuM0wwLDExLjZsOC04bDgsOGwtMC43LDAuN0w4LDUuMXoiLz4KPHJlY3QgY2xhc3M9InN0MSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+Cjwvc3ZnPgo=');
+                        width: 16px;
+                        height: 16px;
+                    }
+                    ${css}
+                </style>
+            </head>
+            <body>
+                <a id="scroll-to-top" role="button" aria-label="scroll to top" href="#"><span class="icon"></span></a>
+                ${body}
+            </body>
+        </html>`;
     }
     async openDetails(extension, contentContainer, token) {
         let activeElement = null;
         const manifest = await this.extensionManifest.get().promise;
         if (manifest && manifest.extensionPack?.length && this.shallRenderAsExtensionPack(manifest)) {
             activeElement = await this.openExtensionPackReadme(extension, manifest, contentContainer, token);
-        }
-        else {
-            activeElement = await this.openMarkdown(extension, this.extensionReadme.get(), ( localize(7297, "No README available.")), contentContainer, WebviewIndex.Readme, ( localize(7298, "Readme")), token);
+        } else {
+            activeElement = await this.openMarkdown(extension, this.extensionReadme.get(), ( localize(7608, "No README available.")), contentContainer, WebviewIndex.Readme, ( localize(7609, "Readme")), token);
         }
         return activeElement;
     }
     shallRenderAsExtensionPack(manifest) {
-        return !!(manifest.categories?.some(category => category.toLowerCase() === 'extension packs'));
+        return !!(manifest.categories?.some(category => category.toLowerCase() === "extension packs"));
     }
     async openExtensionPackReadme(extension, manifest, container, token) {
         if (token.isCancellationRequested) {
             return Promise.resolve(null);
         }
-        const extensionPackReadme = append(container, $('div', { class: 'extension-pack-readme' }));
-        extensionPackReadme.style.margin = '0 auto';
-        extensionPackReadme.style.maxWidth = '882px';
-        const extensionPack = append(extensionPackReadme, $('div', { class: 'extension-pack' }));
+        const extensionPackReadme = append(container, $("div", {
+            class: "extension-pack-readme"
+        }));
+        extensionPackReadme.style.margin = "0 auto";
+        extensionPackReadme.style.maxWidth = "882px";
+        const extensionPack = append(extensionPackReadme, $("div", {
+            class: "extension-pack"
+        }));
         const packCount = manifest.extensionPack.length;
         const headerHeight = 37;
         const contentMinHeight = 200;
         const layout = () => {
-            extensionPackReadme.classList.remove('one-row', 'two-rows', 'three-rows', 'more-rows');
+            extensionPackReadme.classList.remove("one-row", "two-rows", "three-rows", "more-rows");
             const availableHeight = container.clientHeight;
             const availableForPack = Math.max(availableHeight - headerHeight - contentMinHeight, 0);
-            let rowClass = 'one-row';
+            let rowClass = "one-row";
             if (availableForPack >= 302 && packCount > 6) {
-                rowClass = 'more-rows';
-            }
-            else if (availableForPack >= 282 && packCount > 4) {
-                rowClass = 'three-rows';
-            }
-            else if (availableForPack >= 200 && packCount > 2) {
-                rowClass = 'two-rows';
-            }
-            else {
-                rowClass = 'one-row';
+                rowClass = "more-rows";
+            } else if (availableForPack >= 282 && packCount > 4) {
+                rowClass = "three-rows";
+            } else if (availableForPack >= 200 && packCount > 2) {
+                rowClass = "two-rows";
+            } else {
+                rowClass = "one-row";
             }
             extensionPackReadme.classList.add(rowClass);
         };
         layout();
-        this.contentDisposables.add(toDisposable(insert(this.layoutParticipants, { layout })));
-        const extensionPackHeader = append(extensionPack, $('div.header'));
-        extensionPackHeader.textContent = ( localize(7299, "Extension Pack ({0})", manifest.extensionPack.length));
-        const extensionPackContent = append(extensionPack, $('div', { class: 'extension-pack-content' }));
-        extensionPackContent.setAttribute('tabindex', '0');
-        const readmeContent = append(extensionPackReadme, $('div.readme-content'));
+        this.contentDisposables.add(toDisposable(insert(this.layoutParticipants, {
+            layout
+        })));
+        const extensionPackHeader = append(extensionPack, $("div.header"));
+        extensionPackHeader.textContent = ( localize(7610, "Extension Pack ({0})", manifest.extensionPack.length));
+        const extensionPackContent = append(extensionPack, $("div", {
+            class: "extension-pack-content"
+        }));
+        extensionPackContent.setAttribute("tabindex", "0");
+        const readmeContent = append(extensionPackReadme, $("div.readme-content"));
         await Promise.all([
             this.renderExtensionPack(manifest, extensionPackContent, token),
-            this.openMarkdown(extension, this.extensionReadme.get(), ( localize(7297, "No README available.")), readmeContent, WebviewIndex.Readme, ( localize(7298, "Readme")), token),
+            this.openMarkdown(extension, this.extensionReadme.get(), ( localize(7608, "No README available.")), readmeContent, WebviewIndex.Readme, ( localize(7609, "Readme")), token)
         ]);
-        return { focus: () => extensionPackContent.focus() };
+        return {
+            focus: () => extensionPackContent.focus()
+        };
     }
     renderAdditionalDetails(container, extension) {
-        const content = $('div', { class: 'additional-details-content', tabindex: '0' });
+        const content = $("div", {
+            class: "additional-details-content",
+            tabindex: "0"
+        });
         const scrollableContent = ( new DomScrollableElement(content, {}));
         const layout = () => scrollableContent.scanDomNode();
-        const removeLayoutParticipant = insert(this.layoutParticipants, { layout });
+        const removeLayoutParticipant = insert(this.layoutParticipants, {
+            layout
+        });
         this.contentDisposables.add(toDisposable(removeLayoutParticipant));
         this.contentDisposables.add(scrollableContent);
-        this.contentDisposables.add(this.instantiationService.createInstance(AdditionalDetailsWidget, content, extension));
+        this.contentDisposables.add(
+            this.instantiationService.createInstance(AdditionalDetailsWidget, content, extension)
+        );
         append(container, scrollableContent.getDomNode());
         scrollableContent.scanDomNode();
     }
     async openChangelog(extension, contentContainer, token) {
-        const activeElement = await this.openMarkdown(extension, this.extensionChangelog.get(), ( localize(7300, "No Changelog available.")), contentContainer, WebviewIndex.Changelog, ( localize(7301, "Changelog")), token);
+        const activeElement = await this.openMarkdown(extension, this.extensionChangelog.get(), ( localize(7611, "No Changelog available.")), contentContainer, WebviewIndex.Changelog, ( localize(7612, "Changelog")), token);
         return activeElement;
     }
     async openFeatures(extension, contentContainer, token) {
@@ -774,9 +884,13 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
         if (!manifest) {
             return null;
         }
-        const extensionFeaturesTab = this.contentDisposables.add(this.instantiationService.createInstance(ExtensionFeaturesTab, manifest, this.options?.feature));
+        const extensionFeaturesTab = this.contentDisposables.add(
+            this.instantiationService.createInstance(ExtensionFeaturesTab, manifest, this.options?.feature)
+        );
         const featureLayout = () => extensionFeaturesTab.layout(contentContainer.clientHeight, contentContainer.clientWidth);
-        const removeLayoutParticipant = insert(this.layoutParticipants, { layout: featureLayout });
+        const removeLayoutParticipant = insert(this.layoutParticipants, {
+            layout: featureLayout
+        });
         this.contentDisposables.add(toDisposable(removeLayoutParticipant));
         append(contentContainer, extensionFeaturesTab.domNode);
         featureLayout();
@@ -787,10 +901,12 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
             return Promise.resolve(null);
         }
         if (isFalsyOrEmpty(extension.dependencies)) {
-            append(contentContainer, $('p.nocontent')).textContent = ( localize(7302, "No Dependencies"));
+            append(contentContainer, $("p.nocontent")).textContent = ( localize(7613, "No Dependencies"));
             return Promise.resolve(contentContainer);
         }
-        const content = $('div', { class: 'subcontent' });
+        const content = $("div", {
+            class: "subcontent"
+        });
         const scrollableContent = ( new DomScrollableElement(content, {}));
         append(contentContainer, scrollableContent.getDomNode());
         this.contentDisposables.add(scrollableContent);
@@ -807,11 +923,17 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
             const scrollDimensions = scrollableContent.getScrollDimensions();
             dependenciesTree.layout(scrollDimensions.height);
         };
-        const removeLayoutParticipant = insert(this.layoutParticipants, { layout: depLayout });
+        const removeLayoutParticipant = insert(this.layoutParticipants, {
+            layout: depLayout
+        });
         this.contentDisposables.add(toDisposable(removeLayoutParticipant));
         this.contentDisposables.add(dependenciesTree);
         scrollableContent.scanDomNode();
-        return Promise.resolve({ focus() { dependenciesTree.domFocus(); } });
+        return Promise.resolve({
+            focus() {
+                dependenciesTree.domFocus();
+            }
+        });
     }
     async openExtensionPack(extension, contentContainer, token) {
         if (token.isCancellationRequested) {
@@ -830,8 +952,12 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
         if (token.isCancellationRequested) {
             return null;
         }
-        const content = $('div', { class: 'subcontent' });
-        const scrollableContent = ( new DomScrollableElement(content, { useShadows: false }));
+        const content = $("div", {
+            class: "subcontent"
+        });
+        const scrollableContent = ( new DomScrollableElement(content, {
+            useShadows: false
+        }));
         append(parent, scrollableContent.getDomNode());
         const extensionsGridView = this.instantiationService.createInstance(ExtensionsGridView, content, ( new Delegate()));
         const extensions = await getExtensions(manifest.extensionPack, this.extensionsWorkbenchService);
@@ -839,13 +965,15 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
         scrollableContent.scanDomNode();
         this.contentDisposables.add(scrollableContent);
         this.contentDisposables.add(extensionsGridView);
-        this.contentDisposables.add(toDisposable(insert(this.layoutParticipants, { layout: () => scrollableContent.scanDomNode() })));
+        this.contentDisposables.add(toDisposable(insert(this.layoutParticipants, {
+            layout: () => scrollableContent.scanDomNode()
+        })));
         return content;
     }
     loadContents(loadingTask, container) {
-        container.classList.add('loading');
+        container.classList.add("loading");
         const result = this.contentDisposables.add(loadingTask());
-        const onDone = () => container.classList.remove('loading');
+        const onDone = () => container.classList.remove("loading");
         result.promise.then(onDone, onDone);
         return result.promise;
     }
@@ -860,25 +988,20 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
         this.notificationService.error(err);
     }
 };
-ExtensionEditor = ExtensionEditor_1 = ( __decorate([
-    ( __param(1, ITelemetryService)),
-    ( __param(2, IInstantiationService)),
-    ( __param(3, IExtensionsWorkbenchService)),
-    ( __param(4, IExtensionGalleryService)),
-    ( __param(5, IThemeService)),
-    ( __param(6, INotificationService)),
-    ( __param(7, IOpenerService)),
-    ( __param(8, IExtensionRecommendationsService)),
-    ( __param(9, IStorageService)),
-    ( __param(10, IExtensionService)),
-    ( __param(11, IWebviewService)),
-    ( __param(12, ILanguageService)),
-    ( __param(13, IContextMenuService)),
-    ( __param(14, IContextKeyService)),
-    ( __param(15, IHoverService))
-], ExtensionEditor));
+ExtensionEditor = ExtensionEditor_1 = ( __decorate([( __param(1, ITelemetryService)), ( __param(2, IInstantiationService)), ( __param(3, IExtensionsWorkbenchService)), ( __param(4, IExtensionGalleryService)), ( __param(5, IThemeService)), ( __param(6, INotificationService)), ( __param(7, IOpenerService)), ( __param(8, IExtensionRecommendationsService)), ( __param(9, IStorageService)), ( __param(10, IExtensionService)), ( __param(11, IWebviewService)), ( __param(12, ILanguageService)), ( __param(13, IContextMenuService)), ( __param(14, IContextKeyService)), ( __param(15, IHoverService))], ExtensionEditor));
 let AdditionalDetailsWidget = class AdditionalDetailsWidget extends Disposable {
-    constructor(container, extension, hoverService, openerService, userDataProfilesService, remoteAgentService, fileService, uriIdentityService, extensionsWorkbenchService, extensionGalleryManifestService) {
+    constructor(
+        container,
+        extension,
+        hoverService,
+        openerService,
+        userDataProfilesService,
+        remoteAgentService,
+        fileService,
+        uriIdentityService,
+        extensionsWorkbenchService,
+        extensionGalleryManifestService
+    ) {
         super();
         this.container = container;
         this.hoverService = hoverService;
@@ -898,7 +1021,7 @@ let AdditionalDetailsWidget = class AdditionalDetailsWidget extends Disposable {
         }));
     }
     render(extension) {
-        this.container.innerText = '';
+        this.container.innerText = "";
         this.disposables.clear();
         if (extension.local) {
             this.renderInstallInfo(this.container, extension.local);
@@ -911,17 +1034,28 @@ let AdditionalDetailsWidget = class AdditionalDetailsWidget extends Disposable {
     }
     renderCategories(container, extension) {
         if (extension.categories.length) {
-            const categoriesContainer = append(container, $('.categories-container.additional-details-element'));
-            append(categoriesContainer, $('.additional-details-title', undefined, ( localize(7303, "Categories"))));
-            const categoriesElement = append(categoriesContainer, $('.categories'));
-            this.extensionGalleryManifestService.getExtensionGalleryManifest()
-                .then(manifest => {
-                const hasCategoryFilter = manifest?.capabilities.extensionQuery.filtering?.some(({ name }) => name === FilterType.Category);
+            const categoriesContainer = append(container, $(".categories-container.additional-details-element"));
+            append(
+                categoriesContainer,
+                $(".additional-details-title", undefined, ( localize(7614, "Categories")))
+            );
+            const categoriesElement = append(categoriesContainer, $(".categories"));
+            this.extensionGalleryManifestService.getExtensionGalleryManifest().then(manifest => {
+                const hasCategoryFilter = manifest?.capabilities.extensionQuery.filtering?.some((
+                    {
+                        name
+                    }
+                ) => name === FilterType.Category);
                 for (const category of extension.categories) {
-                    const categoryElement = append(categoriesElement, $('span.category', { tabindex: '0' }, category));
+                    const categoryElement = append(categoriesElement, $("span.category", {
+                        tabindex: "0"
+                    }, category));
                     if (hasCategoryFilter) {
-                        categoryElement.classList.add('clickable');
-                        this.disposables.add(onClick(categoryElement, () => this.extensionsWorkbenchService.openSearch(`@category:"${category}"`)));
+                        categoryElement.classList.add("clickable");
+                        this.disposables.add(onClick(
+                            categoryElement,
+                            () => this.extensionsWorkbenchService.openSearch(`@category:"${category}"`)
+                        ));
                     }
                 }
             });
@@ -931,70 +1065,114 @@ let AdditionalDetailsWidget = class AdditionalDetailsWidget extends Disposable {
         const resources = [];
         if (extension.repository) {
             try {
-                resources.push([( localize(7304, "Repository")), ThemeIcon.fromId(Codicon.repo.id), ( URI.parse(extension.repository))]);
-            }
-            catch (error) {  }
+                resources.push([( localize(7615, "Repository")), ThemeIcon.fromId(Codicon.repo.id), ( URI.parse(extension.repository))]);
+            } catch (error) {}
         }
         if (extension.supportUrl) {
             try {
-                resources.push([( localize(7305, "Issues")), ThemeIcon.fromId(Codicon.issues.id), ( URI.parse(extension.supportUrl))]);
-            }
-            catch (error) {  }
+                resources.push([( localize(7616, "Issues")), ThemeIcon.fromId(Codicon.issues.id), ( URI.parse(extension.supportUrl))]);
+            } catch (error) {}
         }
         if (extension.licenseUrl) {
             try {
-                resources.push([( localize(7306, "License")), ThemeIcon.fromId(Codicon.linkExternal.id), ( URI.parse(extension.licenseUrl))]);
-            }
-            catch (error) {  }
+                resources.push([( localize(7617, "License")), ThemeIcon.fromId(Codicon.linkExternal.id), ( URI.parse(extension.licenseUrl))]);
+            } catch (error) {}
         }
         if (extension.publisherUrl) {
-            resources.push([extension.publisherDisplayName, ThemeIcon.fromId(Codicon.linkExternal.id), extension.publisherUrl]);
+            resources.push([
+                extension.publisherDisplayName,
+                ThemeIcon.fromId(Codicon.linkExternal.id),
+                extension.publisherUrl
+            ]);
         }
         if (extension.url) {
-            resources.push([( localize(7307, "Marketplace")), ThemeIcon.fromId(Codicon.linkExternal.id), ( URI.parse(extension.url))]);
+            resources.push([( localize(7618, "Marketplace")), ThemeIcon.fromId(Codicon.linkExternal.id), ( URI.parse(extension.url))]);
         }
         if (resources.length || extension.publisherSponsorLink) {
-            const extensionResourcesContainer = append(container, $('.resources-container.additional-details-element'));
-            append(extensionResourcesContainer, $('.additional-details-title', undefined, ( localize(7308, "Resources"))));
-            const resourcesElement = append(extensionResourcesContainer, $('.resources'));
+            const extensionResourcesContainer = append(container, $(".resources-container.additional-details-element"));
+            append(
+                extensionResourcesContainer,
+                $(".additional-details-title", undefined, ( localize(7619, "Resources")))
+            );
+            const resourcesElement = append(extensionResourcesContainer, $(".resources"));
             for (const [label, icon, uri] of resources) {
-                const resourceElement = append(resourcesElement, $('.resource'));
+                const resourceElement = append(resourcesElement, $(".resource"));
                 append(resourceElement, $(ThemeIcon.asCSSSelector(icon)));
-                append(resourceElement, $('a', { tabindex: '0' }, label));
+                append(resourceElement, $("a", {
+                    tabindex: "0"
+                }, label));
                 this.disposables.add(onClick(resourceElement, () => this.openerService.open(uri)));
-                this.disposables.add(this.hoverService.setupManagedHover(getDefaultHoverDelegate('mouse'), resourceElement, ( uri.toString())));
+                this.disposables.add(
+                    this.hoverService.setupManagedHover(getDefaultHoverDelegate("mouse"), resourceElement, ( uri.toString()))
+                );
             }
         }
     }
     renderInstallInfo(container, extension) {
-        const installInfoContainer = append(container, $('.more-info-container.additional-details-element'));
-        append(installInfoContainer, $('.additional-details-title', undefined, ( localize(7309, "Installation"))));
-        const installInfo = append(installInfoContainer, $('.more-info'));
-        append(installInfo, $('.more-info-entry', undefined, $('div.more-info-entry-name', undefined, ( localize(7310, "Identifier"))), $('code', undefined, extension.identifier.id)));
+        const installInfoContainer = append(container, $(".more-info-container.additional-details-element"));
+        append(
+            installInfoContainer,
+            $(".additional-details-title", undefined, ( localize(7620, "Installation")))
+        );
+        const installInfo = append(installInfoContainer, $(".more-info"));
+        append(installInfo, $(
+            ".more-info-entry",
+            undefined,
+            $("div.more-info-entry-name", undefined, ( localize(7621, "Identifier"))),
+            $("code", undefined, extension.identifier.id)
+        ));
         if (extension.type !== ExtensionType.System) {
-            append(installInfo, $('.more-info-entry', undefined, $('div.more-info-entry-name', undefined, ( localize(7311, "Version"))), $('code', undefined, extension.manifest.version)));
+            append(installInfo, $(
+                ".more-info-entry",
+                undefined,
+                $("div.more-info-entry-name", undefined, ( localize(7622, "Version"))),
+                $("code", undefined, extension.manifest.version)
+            ));
         }
         if (extension.installedTimestamp) {
-            append(installInfo, $('.more-info-entry', undefined, $('div.more-info-entry-name', undefined, ( localize(7312, "Last Updated"))), $('div', {
-                'title': ( ( new Date(extension.installedTimestamp)).toString())
-            }, fromNow(extension.installedTimestamp, true, true, true))));
-        }
-        if (!extension.isBuiltin && extension.source !== 'gallery') {
-            const element = $('div', undefined, extension.source === 'vsix' ? ( localize(7313, "VSIX")) : ( localize(7314, "Local")));
-            append(installInfo, $('.more-info-entry', undefined, $('div.more-info-entry-name', undefined, ( localize(7315, "Source"))), element));
-            if (isNative && extension.source === 'resource' && extension.location.scheme === Schemas.file) {
-                element.classList.add('link');
+            append(installInfo, $(
+                ".more-info-entry",
+                undefined,
+                $("div.more-info-entry-name", undefined, ( localize(7623, "Last Updated"))),
+                $("div", {
+                    "title": ( ( new Date(extension.installedTimestamp)).toString())
+                }, fromNow(extension.installedTimestamp, true, true, true))
+            ));
+        }
+        if (!extension.isBuiltin && extension.source !== "gallery") {
+            const element = $("div", undefined, extension.source === "vsix" ? ( localize(7624, "VSIX")) : ( localize(7625, "Local")));
+            append(installInfo, $(
+                ".more-info-entry",
+                undefined,
+                $("div.more-info-entry-name", undefined, ( localize(7626, "Source"))),
+                element
+            ));
+            if (isNative && extension.source === "resource" && extension.location.scheme === Schemas.file) {
+                element.classList.add("link");
+                element.tabIndex = 0;
+                element.setAttribute("role", "link");
                 element.title = extension.location.fsPath;
-                this.disposables.add(onClick(element, () => this.openerService.open(extension.location, { openExternal: true })));
+                this.disposables.add(onClick(element, () => this.openerService.open(extension.location, {
+                    openExternal: true
+                })));
             }
         }
         if (extension.size) {
-            const element = $('div', undefined, ByteSize.formatSize(extension.size));
-            append(installInfo, $('.more-info-entry', undefined, $('div.more-info-entry-name', { title: ( localize(7316, "Size when installed")) }, ( localize(7317, "Size"))), element));
+            const element = $("div", undefined, ByteSize.formatSize(extension.size));
+            append(
+                installInfo,
+                $(".more-info-entry", undefined, $("div.more-info-entry-name", {
+                    title: ( localize(7627, "Size when installed"))
+                }, ( localize(7628, "Size"))), element)
+            );
             if (isNative && extension.location.scheme === Schemas.file) {
-                element.classList.add('link');
+                element.classList.add("link");
+                element.tabIndex = 0;
+                element.setAttribute("role", "link");
                 element.title = extension.location.fsPath;
-                this.disposables.add(onClick(element, () => this.openerService.open(extension.location, { openExternal: true })));
+                this.disposables.add(onClick(element, () => this.openerService.open(extension.location, {
+                    openExternal: true
+                })));
             }
         }
         this.getCacheLocation(extension).then(cacheLocation => {
@@ -1005,18 +1183,32 @@ let AdditionalDetailsWidget = class AdditionalDetailsWidget extends Disposable {
                 if (!cacheSize) {
                     return;
                 }
-                const element = $('div', undefined, ByteSize.formatSize(cacheSize));
-                append(installInfo, $('.more-info-entry', undefined, $('div.more-info-entry-name', { title: ( localize(7318, "Cache size")) }, ( localize(7319, "Cache"))), element));
+                const element = $("div", undefined, ByteSize.formatSize(cacheSize));
+                append(
+                    installInfo,
+                    $(".more-info-entry", undefined, $("div.more-info-entry-name", {
+                        title: ( localize(7629, "Cache size"))
+                    }, ( localize(7630, "Cache"))), element)
+                );
                 if (isNative && extension.location.scheme === Schemas.file) {
-                    element.classList.add('link');
+                    element.classList.add("link");
+                    element.tabIndex = 0;
+                    element.setAttribute("role", "link");
                     element.title = cacheLocation.fsPath;
-                    this.disposables.add(onClick(element, () => this.openerService.open(cacheLocation.with({ scheme: Schemas.file }), { openExternal: true })));
+                    this.disposables.add(onClick(element, () => this.openerService.open(cacheLocation.with({
+                        scheme: Schemas.file
+                    }), {
+                        openExternal: true
+                    })));
                 }
             });
         });
     }
     async getCacheLocation(extension) {
-        let extensionCacheLocation = this.uriIdentityService.extUri.joinPath(this.userDataProfilesService.defaultProfile.globalStorageHome, extension.identifier.id.toLowerCase());
+        let extensionCacheLocation = this.uriIdentityService.extUri.joinPath(
+            this.userDataProfilesService.defaultProfile.globalStorageHome,
+            extension.identifier.id.toLowerCase()
+        );
         if (extension.location.scheme === Schemas.vscodeRemote) {
             const environment = await this.remoteAgentService.getEnvironment();
             if (!environment) {
@@ -1028,42 +1220,56 @@ let AdditionalDetailsWidget = class AdditionalDetailsWidget extends Disposable {
     }
     renderMarketplaceInfo(container, extension) {
         const gallery = extension.gallery;
-        const moreInfoContainer = append(container, $('.more-info-container.additional-details-element'));
-        append(moreInfoContainer, $('.additional-details-title', undefined, ( localize(7320, "Marketplace"))));
-        const moreInfo = append(moreInfoContainer, $('.more-info'));
+        const moreInfoContainer = append(container, $(".more-info-container.additional-details-element"));
+        append(
+            moreInfoContainer,
+            $(".additional-details-title", undefined, ( localize(7631, "Marketplace")))
+        );
+        const moreInfo = append(moreInfoContainer, $(".more-info"));
         if (gallery) {
             if (!extension.local) {
-                append(moreInfo, $('.more-info-entry', undefined, $('div.more-info-entry-name', undefined, ( localize(7310, "Identifier"))), $('code', undefined, extension.identifier.id)));
-                append(moreInfo, $('.more-info-entry', undefined, $('div.more-info-entry-name', undefined, ( localize(7311, "Version"))), $('code', undefined, gallery.version)));
+                append(moreInfo, $(
+                    ".more-info-entry",
+                    undefined,
+                    $("div.more-info-entry-name", undefined, ( localize(7621, "Identifier"))),
+                    $("code", undefined, extension.identifier.id)
+                ));
+                append(moreInfo, $(
+                    ".more-info-entry",
+                    undefined,
+                    $("div.more-info-entry-name", undefined, ( localize(7622, "Version"))),
+                    $("code", undefined, gallery.version)
+                ));
             }
-            append(moreInfo, $('.more-info-entry', undefined, $('div.more-info-entry-name', undefined, ( localize(7321, "Published"))), $('div', {
-                'title': ( ( new Date(gallery.releaseDate)).toString())
-            }, fromNow(gallery.releaseDate, true, true, true))), $('.more-info-entry', undefined, $('div.more-info-entry-name', undefined, ( localize(7322, "Last Released"))), $('div', {
-                'title': ( ( new Date(gallery.lastUpdated)).toString())
-            }, fromNow(gallery.lastUpdated, true, true, true))));
+            append(moreInfo, $(
+                ".more-info-entry",
+                undefined,
+                $("div.more-info-entry-name", undefined, ( localize(7632, "Published"))),
+                $("div", {
+                    "title": ( ( new Date(gallery.releaseDate)).toString())
+                }, fromNow(gallery.releaseDate, true, true, true))
+            ), $(
+                ".more-info-entry",
+                undefined,
+                $("div.more-info-entry-name", undefined, ( localize(7633, "Last Released"))),
+                $("div", {
+                    "title": ( ( new Date(gallery.lastUpdated)).toString())
+                }, fromNow(gallery.lastUpdated, true, true, true))
+            ));
         }
     }
 };
-AdditionalDetailsWidget = ( __decorate([
-    ( __param(2, IHoverService)),
-    ( __param(3, IOpenerService)),
-    ( __param(4, IUserDataProfilesService)),
-    ( __param(5, IRemoteAgentService)),
-    ( __param(6, IFileService)),
-    ( __param(7, IUriIdentityService)),
-    ( __param(8, IExtensionsWorkbenchService)),
-    ( __param(9, IExtensionGalleryManifestService))
-], AdditionalDetailsWidget));
-const contextKeyExpr = ( ContextKeyExpr.and(( ContextKeyExpr.equals('activeEditor', ExtensionEditor.ID)), ( EditorContextKeys.focus.toNegated())));
+AdditionalDetailsWidget = ( __decorate([( __param(2, IHoverService)), ( __param(3, IOpenerService)), ( __param(4, IUserDataProfilesService)), ( __param(5, IRemoteAgentService)), ( __param(6, IFileService)), ( __param(7, IUriIdentityService)), ( __param(8, IExtensionsWorkbenchService)), ( __param(9, IExtensionGalleryManifestService))], AdditionalDetailsWidget));
+const contextKeyExpr = ( ContextKeyExpr.and(( ContextKeyExpr.equals("activeEditor", ExtensionEditor.ID)), ( EditorContextKeys.focus.toNegated())));
 registerAction2(class ShowExtensionEditorFindAction extends Action2 {
     constructor() {
         super({
-            id: 'editor.action.extensioneditor.showfind',
-            title: ( localize(7323, "Find")),
+            id: "editor.action.extensioneditor.showfind",
+            title: ( localize(7634, "Find")),
             keybinding: {
                 when: contextKeyExpr,
                 weight: KeybindingWeight.EditorContrib,
-                primary: KeyMod$1.CtrlCmd | KeyCode.KeyF,
+                primary: KeyMod$1.CtrlCmd | KeyCode.KeyF
             }
         });
     }
@@ -1075,8 +1281,8 @@ registerAction2(class ShowExtensionEditorFindAction extends Action2 {
 registerAction2(class StartExtensionEditorFindNextAction extends Action2 {
     constructor() {
         super({
-            id: 'editor.action.extensioneditor.findNext',
-            title: ( localize(7324, "Find Next")),
+            id: "editor.action.extensioneditor.findNext",
+            title: ( localize(7635, "Find Next")),
             keybinding: {
                 when: ( ContextKeyExpr.and(contextKeyExpr, KEYBINDING_CONTEXT_WEBVIEW_FIND_WIDGET_FOCUSED)),
                 primary: KeyCode.Enter,
@@ -1092,8 +1298,8 @@ registerAction2(class StartExtensionEditorFindNextAction extends Action2 {
 registerAction2(class StartExtensionEditorFindPreviousAction extends Action2 {
     constructor() {
         super({
-            id: 'editor.action.extensioneditor.findPrevious',
-            title: ( localize(7325, "Find Previous")),
+            id: "editor.action.extensioneditor.findPrevious",
+            title: ( localize(7636, "Find Previous")),
             keybinding: {
                 when: ( ContextKeyExpr.and(contextKeyExpr, KEYBINDING_CONTEXT_WEBVIEW_FIND_WIDGET_FOCUSED)),
                 primary: KeyMod$1.Shift | KeyCode.Enter,
@@ -1109,23 +1315,35 @@ registerAction2(class StartExtensionEditorFindPreviousAction extends Action2 {
 registerThemingParticipant((theme, collector) => {
     const link = theme.getColor(textLinkForeground);
     if (link) {
-        collector.addRule(`.monaco-workbench .extension-editor .content .details .additional-details-container .resources-container a.resource { color: ${link}; }`);
-        collector.addRule(`.monaco-workbench .extension-editor .content .feature-contributions a { color: ${link}; }`);
+        collector.addRule(
+            `.monaco-workbench .extension-editor .content .details .additional-details-container .resources-container a.resource { color: ${link}; }`
+        );
+        collector.addRule(
+            `.monaco-workbench .extension-editor .content .feature-contributions a { color: ${link}; }`
+        );
     }
     const activeLink = theme.getColor(textLinkActiveForeground);
     if (activeLink) {
-        collector.addRule(`.monaco-workbench .extension-editor .content .details .additional-details-container .resources-container a.resource:hover,
-			.monaco-workbench .extension-editor .content .details .additional-details-container .resources-container a.resource:active { color: ${activeLink}; }`);
-        collector.addRule(`.monaco-workbench .extension-editor .content .feature-contributions a:hover,
-			.monaco-workbench .extension-editor .content .feature-contributions a:active { color: ${activeLink}; }`);
+        collector.addRule(
+            `.monaco-workbench .extension-editor .content .details .additional-details-container .resources-container a.resource:hover,
+            .monaco-workbench .extension-editor .content .details .additional-details-container .resources-container a.resource:active { color: ${activeLink}; }`
+        );
+        collector.addRule(
+            `.monaco-workbench .extension-editor .content .feature-contributions a:hover,
+            .monaco-workbench .extension-editor .content .feature-contributions a:active { color: ${activeLink}; }`
+        );
     }
     const buttonHoverBackgroundColor = theme.getColor(buttonHoverBackground);
     if (buttonHoverBackgroundColor) {
-        collector.addRule(`.monaco-workbench .extension-editor .content > .details > .additional-details-container .categories-container > .categories > .category.clickable:hover { background-color: ${buttonHoverBackgroundColor}; border-color: ${buttonHoverBackgroundColor}; }`);
+        collector.addRule(
+            `.monaco-workbench .extension-editor .content > .details > .additional-details-container .categories-container > .categories > .category.clickable:hover { background-color: ${buttonHoverBackgroundColor}; border-color: ${buttonHoverBackgroundColor}; }`
+        );
     }
     const buttonForegroundColor = theme.getColor(buttonForeground);
     if (buttonForegroundColor) {
-        collector.addRule(`.monaco-workbench .extension-editor .content > .details > .additional-details-container .categories-container > .categories > .category.clickable:hover { color: ${buttonForegroundColor}; }`);
+        collector.addRule(
+            `.monaco-workbench .extension-editor .content > .details > .additional-details-container .categories-container > .categories > .category.clickable:hover { color: ${buttonForegroundColor}; }`
+        );
     }
 });
 function getExtensionEditor(accessor) {