@codingame/monaco-vscode-chat-service-override 37.2.0 → 37.3.0

package/vscode/src/vs/workbench/contrib/chat/browser/aiCustomization/embeddedExtensionToolsDetail.d.ts

@@ -1,42 +0,0 @@
-import { Disposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
-import { IExtension } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/extensions/common/extensions";
-/**
- * Compact detail view for a tool-contributing extension inside the AI Customizations management
- * editor's split-pane host. Renders identity (name + publisher), description and the list of
- * tools the extension contributes (read from its manifest).
- *
- * Mirrors {@link EmbeddedMcpServerDetail} / {@link EmbeddedAgentPluginDetail}; installing the
- * extension is handled by the gallery row the user came from, so this component stays read-only.
- */
-export declare class EmbeddedExtensionToolsDetail extends Disposable {
-    private readonly root;
-    private readonly headerEl;
-    private readonly leadingSlotEl;
-    private readonly nameEl;
-    private readonly publisherEl;
-    private readonly descriptionEl;
-    private readonly toolsHeadingEl;
-    private readonly toolsListEl;
-    private readonly toolsMessageEl;
-    private readonly emptyEl;
-    private current;
-    private readonly _manifestLoad;
-    constructor(parent: HTMLElement);
-    get element(): HTMLElement;
-    get headerElement(): HTMLElement;
-    /**
-     * Header slot reserved for leading chrome (e.g. a back button).
-     * Prefer this over reaching into the header element directly.
-     */
-    get leadingSlot(): HTMLElement;
-    setInput(extension: IExtension): void;
-    clearInput(): void;
-    private renderItem;
-    /**
-     * Reads the contributed tools from the extension manifest. The manifest may be fetched from
-     * the gallery for not-yet-installed extensions, so this is async and cancellation-safe.
-     */
-    private loadTools;
-    private renderTools;
-    private setToolsMessage;
-}

package/vscode/src/vs/workbench/contrib/chat/browser/aiCustomization/embeddedExtensionToolsDetail.js

@@ -1,130 +0,0 @@
-
-import { $ as $$1, append, clearNode } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
-import { status } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/aria/aria';
-import { CancellationTokenSource } from '@codingame/monaco-vscode-api/vscode/vs/base/common/cancellation';
-import { Disposable, MutableDisposable, toDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
-import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
-
-const $ = $$1;
-class EmbeddedExtensionToolsDetail extends Disposable {
-    constructor(parent) {
-        super();
-        this._manifestLoad = this._register(( new MutableDisposable()));
-        this.root = append(parent, $(".ai-customization-embedded-detail.embedded-tool-detail"));
-        this.headerEl = append(this.root, $(".embedded-detail-header"));
-        this.leadingSlotEl = append(this.headerEl, $(".embedded-detail-leading-slot"));
-        const headerText = append(this.headerEl, $(".embedded-detail-header-text"));
-        this.nameEl = append(headerText, $("h2.embedded-detail-name"));
-        this.nameEl.setAttribute("role", "heading");
-        this.publisherEl = append(headerText, $(".embedded-detail-scope"));
-        this.descriptionEl = append(this.root, $(".embedded-detail-description"));
-        const toolsEl = append(this.root, $(".embedded-detail-tools"));
-        this.toolsHeadingEl = append(toolsEl, $("h3.embedded-detail-tools-heading"));
-        this.toolsHeadingEl.setAttribute("role", "heading");
-        this.toolsHeadingEl.textContent = ( localize(6976, "Included Tools"));
-        this.toolsMessageEl = append(toolsEl, $(".embedded-detail-tools-message"));
-        this.toolsListEl = append(toolsEl, $(".embedded-detail-tools-list"));
-        this.toolsListEl.setAttribute("role", "list");
-        this.emptyEl = append(this.root, $(".embedded-detail-empty"));
-        this.emptyEl.textContent = ( localize(6977, "No extension selected."));
-        this.renderItem();
-    }
-    get element() {
-        return this.root;
-    }
-    get headerElement() {
-        return this.headerEl;
-    }
-    get leadingSlot() {
-        return this.leadingSlotEl;
-    }
-    setInput(extension) {
-        this.current = extension;
-        this.renderItem();
-    }
-    clearInput() {
-        this.current = undefined;
-        this._manifestLoad.clear();
-        this.renderItem();
-    }
-    renderItem() {
-        const extension = this.current;
-        const hasItem = !!extension;
-        this.emptyEl.style.display = hasItem ? "none" : "";
-        this.root.classList.toggle("is-empty", !hasItem);
-        this.toolsHeadingEl.style.display = hasItem ? "" : "none";
-        if (!extension) {
-            this.nameEl.textContent = "";
-            this.publisherEl.textContent = "";
-            this.descriptionEl.textContent = "";
-            clearNode(this.toolsListEl);
-            return;
-        }
-        this.nameEl.textContent = extension.displayName;
-        const publisher = extension.publisherDisplayName;
-        if (publisher) {
-            this.publisherEl.textContent = ( localize(6978, "by {0}", publisher));
-            this.publisherEl.style.display = "";
-        } else {
-            this.publisherEl.textContent = "";
-            this.publisherEl.style.display = "none";
-        }
-        const description = (extension.description || "").trim();
-        this.descriptionEl.textContent = description;
-        this.descriptionEl.style.display = description ? "" : "none";
-        this.loadTools(extension);
-    }
-    loadTools(extension) {
-        const cts = ( new CancellationTokenSource());
-        this._manifestLoad.value = toDisposable(() => cts.dispose(true));
-        this.setToolsMessage(( localize(6979, "Loading tools...")));
-        clearNode(this.toolsListEl);
-        extension.getManifest(cts.token).then(manifest => {
-            if (cts.token.isCancellationRequested || this.current !== extension) {
-                return;
-            }
-            const tools = manifest?.contributes?.languageModelTools ?? [];
-            this.renderTools(tools);
-        }, () => {
-            if (cts.token.isCancellationRequested || this.current !== extension) {
-                return;
-            }
-            const message = ( localize(6980, "Unable to load the tools for this extension."));
-            this.setToolsMessage(message);
-            status(message);
-        });
-    }
-    renderTools(tools) {
-        clearNode(this.toolsListEl);
-        if (tools.length === 0) {
-            const message = ( localize(6981, "This extension does not contribute any tools."));
-            this.setToolsMessage(message);
-            status(message);
-            return;
-        }
-        this.setToolsMessage(undefined);
-        for (const tool of tools) {
-            const row = append(this.toolsListEl, $(".embedded-detail-tool"));
-            row.setAttribute("role", "listitem");
-            append(row, $(".embedded-detail-tool-name")).textContent = resolveNls(tool.displayName) || tool.name;
-            const description = resolveNls(tool.userDescription) || resolveNls(tool.modelDescription);
-            if (description) {
-                append(row, $(".embedded-detail-tool-description")).textContent = description;
-            }
-        }
-        status(tools.length === 1 ? ( localize(6982, "1 tool")) : ( localize(6983, "{0} tools", tools.length)));
-    }
-    setToolsMessage(message) {
-        this.toolsMessageEl.textContent = message ?? "";
-        this.toolsMessageEl.style.display = message ? "" : "none";
-    }
-}
-function resolveNls(value) {
-    const trimmed = value?.trim();
-    if (!trimmed || (trimmed.startsWith("%") && trimmed.endsWith("%"))) {
-        return undefined;
-    }
-    return trimmed;
-}
-
-export { EmbeddedExtensionToolsDetail };

package/vscode/src/vs/workbench/contrib/chat/browser/aiCustomization/embeddedMcpServerDetail.d.ts

@@ -1,62 +0,0 @@
-import { Disposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
-import { URI } from "@codingame/monaco-vscode-api/vscode/vs/base/common/uri";
-import { IRange } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/core/range";
-import { ILanguageService } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language.service";
-import { IModelService } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/services/model.service";
-import { IConfigurationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service";
-import { IFileService } from "@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files.service";
-import { IInstantiationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation";
-import { IMcpServerConfiguration } from "@codingame/monaco-vscode-api/vscode/vs/platform/mcp/common/mcpPlatformTypes";
-import { IWorkbenchMcpServer, McpServerInstallState } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/mcp/common/mcpTypes";
-import { IMcpWorkbenchService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/mcp/common/mcpTypes.service";
-export interface IMcpServerDetailInput {
-    readonly id: string;
-    readonly name: string;
-    readonly label: string;
-    readonly installState: McpServerInstallState;
-    readonly config?: IMcpServerConfiguration;
-    readonly source?: {
-        readonly uri: URI;
-        readonly range?: IRange;
-    };
-}
-export declare function createWorkbenchMcpServerDetailInput(server: IWorkbenchMcpServer): IMcpServerDetailInput;
-/**
- * Detail view for an MCP server inside the AI Customizations management editor.
- */
-export declare class EmbeddedMcpServerDetail extends Disposable {
-    private readonly mcpWorkbenchService;
-    private readonly instantiationService;
-    private readonly configurationService;
-    private readonly modelService;
-    private readonly languageService;
-    private readonly fileService;
-    private readonly root;
-    private readonly headerEl;
-    private readonly leadingSlotEl;
-    private readonly nameEl;
-    private readonly pathEl;
-    private readonly definitionEditorContainer;
-    private readonly definitionEmptyEl;
-    private definitionEditor;
-    private readonly definitionModel;
-    private readonly emptyEl;
-    private current;
-    private currentDefinition;
-    private renderGeneration;
-    constructor(parent: HTMLElement, mcpWorkbenchService: IMcpWorkbenchService, instantiationService: IInstantiationService, configurationService: IConfigurationService, modelService: IModelService, languageService: ILanguageService, fileService: IFileService);
-    get element(): HTMLElement;
-    get headerElement(): HTMLElement;
-    /**
-     * Header slot reserved for leading chrome (e.g. a back button).
-     * Prefer this over reaching into the header element directly.
-     */
-    get leadingSlot(): HTMLElement;
-    setInput(server: IMcpServerDetailInput): void;
-    clearInput(): void;
-    focus(): void;
-    private renderItem;
-    private loadSourceDefinition;
-    private setDefinition;
-    private ensureDefinitionEditor;
-}

package/vscode/src/vs/workbench/contrib/chat/browser/aiCustomization/embeddedMcpServerDetail.js

@@ -1,217 +0,0 @@
-
-import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
-import { $ as $$1, append } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
-import { Disposable, MutableDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
-import { basename } from '@codingame/monaco-vscode-api/vscode/vs/base/common/resources';
-import { CodeEditorWidget } from '@codingame/monaco-vscode-api/vscode/vs/editor/browser/widget/codeEditor/codeEditorWidget';
-import { ILanguageService } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language.service';
-import { IModelService } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/services/model.service';
-import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
-import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service';
-import { IFileService } from '@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files.service';
-import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
-import { getSimpleEditorOptions } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/codeEditor/browser/simpleEditorOptions';
-import { McpServerInstallState } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/mcp/common/mcpTypes';
-import { IMcpWorkbenchService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/mcp/common/mcpTypes.service';
-
-const $ = $$1;
-function createWorkbenchMcpServerDetailInput(server) {
-    return {
-        id: server.id,
-        name: server.name,
-        label: server.label,
-        installState: server.installState,
-        config: server.config,
-        source: server.local?.mcpResource ? {
-            uri: server.local.mcpResource
-        } : undefined
-    };
-}
-let EmbeddedMcpServerDetail = class EmbeddedMcpServerDetail extends Disposable {
-    constructor(
-        parent,
-        mcpWorkbenchService,
-        instantiationService,
-        configurationService,
-        modelService,
-        languageService,
-        fileService
-    ) {
-        super();
-        this.mcpWorkbenchService = mcpWorkbenchService;
-        this.instantiationService = instantiationService;
-        this.configurationService = configurationService;
-        this.modelService = modelService;
-        this.languageService = languageService;
-        this.fileService = fileService;
-        this.definitionModel = this._register(( new MutableDisposable()));
-        this.renderGeneration = 0;
-        this.root = append(parent, $(
-            ".editor-content-container.ai-customization-embedded-detail.embedded-mcp-detail"
-        ));
-        this.headerEl = append(this.root, $(".editor-header.mcp-detail-header"));
-        this.leadingSlotEl = append(this.headerEl, $(".embedded-detail-leading-slot"));
-        const headerText = append(this.headerEl, $(".editor-item-info"));
-        this.nameEl = append(headerText, $(".editor-item-name"));
-        this.pathEl = append(headerText, $(".editor-item-path"));
-        this.definitionEditorContainer = append(this.root, $(".embedded-editor-container.mcp-detail-definition-editor"));
-        this.definitionEmptyEl = append(this.root, $(".embedded-detail-empty.mcp-detail-definition-empty"));
-        this.definitionEmptyEl.tabIndex = -1;
-        this.definitionEmptyEl.textContent = ( localize(6984, "No definition is available for this MCP server."));
-        this.emptyEl = append(this.root, $(".embedded-detail-empty"));
-        this.emptyEl.textContent = ( localize(6985, "No MCP server selected."));
-        this._register(this.mcpWorkbenchService.onChange(server => {
-            if (this.current && server && server.id === this.current.id) {
-                this.current = createWorkbenchMcpServerDetailInput(server);
-                this.renderItem();
-            }
-        }));
-        this.renderItem();
-    }
-    get element() {
-        return this.root;
-    }
-    get headerElement() {
-        return this.headerEl;
-    }
-    get leadingSlot() {
-        return this.leadingSlotEl;
-    }
-    setInput(server) {
-        this.current = server;
-        this.renderItem();
-    }
-    clearInput() {
-        this.current = undefined;
-        this.renderItem();
-    }
-    focus() {
-        if (this.currentDefinition !== undefined) {
-            this.ensureDefinitionEditor().focus();
-            return;
-        }
-        this.definitionEmptyEl.focus();
-    }
-    renderItem() {
-        const renderGeneration = ++this.renderGeneration;
-        const server = this.current;
-        const hasItem = !!server;
-        this.emptyEl.style.display = hasItem ? "none" : "";
-        this.root.classList.toggle("is-empty", !hasItem);
-        if (!server) {
-            this.nameEl.textContent = "";
-            this.pathEl.textContent = "";
-            this.setDefinition(undefined);
-            this.definitionEmptyEl.style.display = "none";
-            return;
-        }
-        this.nameEl.textContent = server.label || server.name;
-        this.pathEl.textContent = server.source ? basename(server.source.uri) : "mcp.json";
-        if (server.installState !== McpServerInstallState.Installed) {
-            this.setDefinition(undefined, ( localize(
-                6986,
-                "Details are available after install when the MCP server can be inspected locally."
-            )));
-        } else if (server.config) {
-            this.setDefinition(`${JSON.stringify({
-    servers: {
-        [server.name]: server.config
-    }
-}, null, "\t")}\n`);
-        } else if (server.source) {
-            this.setDefinition(undefined, ( localize(6987, "Loading MCP server definition...")));
-            void this.loadSourceDefinition(server, server.source, renderGeneration);
-        } else {
-            this.setDefinition(undefined);
-        }
-    }
-    async loadSourceDefinition(server, source, renderGeneration) {
-        try {
-            const content = ( (await this.fileService.readFile(source.uri)).value.toString());
-            if (this.current !== server || this.renderGeneration !== renderGeneration) {
-                return;
-            }
-            this.setDefinition(source.range ? getTextInRange(content, source.range) : content);
-        } catch {
-            if (this.current === server && this.renderGeneration === renderGeneration) {
-                this.setDefinition(undefined, ( localize(6988, "The MCP server definition could not be loaded.")));
-            }
-        }
-    }
-    setDefinition(
-        definition,
-        emptyMessage = ( localize(6984, "No definition is available for this MCP server."))
-    ) {
-        const hasDefinition = definition !== undefined;
-        this.definitionEditorContainer.style.display = hasDefinition ? "" : "none";
-        this.definitionEmptyEl.style.display = hasDefinition ? "none" : "";
-        this.definitionEmptyEl.textContent = emptyMessage;
-        if (this.currentDefinition === definition) {
-            return;
-        }
-        this.currentDefinition = definition;
-        if (!hasDefinition) {
-            this.definitionEditor?.setModel(null);
-            this.definitionModel.clear();
-            return;
-        }
-        const definitionEditor = this.ensureDefinitionEditor();
-        definitionEditor.updateOptions({
-            ariaLabel: ( localize(
-                6989,
-                "MCP server definition for {0}",
-                this.current?.label || this.current?.name || ""
-            ))
-        });
-        const model = this.modelService.createModel(definition, this.languageService.createById("jsonc"), undefined, true);
-        definitionEditor.setModel(model);
-        this.definitionModel.value = model;
-    }
-    ensureDefinitionEditor() {
-        if (!this.definitionEditor) {
-            this.definitionEditor = this._register(
-                this.instantiationService.createInstance(CodeEditorWidget, this.definitionEditorContainer, {
-                    ...getSimpleEditorOptions(this.configurationService),
-                    readOnly: true,
-                    domReadOnly: true,
-                    minimap: {
-                        enabled: false
-                    },
-                    lineNumbers: "on",
-                    wordWrap: "on",
-                    scrollBeyondLastLine: false,
-                    automaticLayout: true,
-                    folding: true,
-                    renderLineHighlight: "all",
-                    scrollbar: {
-                        vertical: "auto",
-                        horizontal: "auto"
-                    },
-                    ariaLabel: ( localize(6990, "MCP server definition"))
-                }, {
-                    isSimpleWidget: false
-                })
-            );
-        }
-        return this.definitionEditor;
-    }
-};
-EmbeddedMcpServerDetail = ( __decorate([( __param(1, IMcpWorkbenchService)), ( __param(2, IInstantiationService)), ( __param(3, IConfigurationService)), ( __param(4, IModelService)), ( __param(5, ILanguageService)), ( __param(6, IFileService))], EmbeddedMcpServerDetail));
-function getTextInRange(content, range) {
-    const lines = content.split(/\r\n|\r|\n/);
-    const startLineIndex = range.startLineNumber - 1;
-    const endLineIndex = range.endLineNumber - 1;
-    if (startLineIndex < 0 || endLineIndex >= lines.length || startLineIndex > endLineIndex) {
-        throw ( new Error("MCP server source range is outside the source document."));
-    }
-    if (startLineIndex === endLineIndex) {
-        return lines[startLineIndex].slice(range.startColumn - 1, range.endColumn - 1);
-    }
-    return [
-        lines[startLineIndex].slice(range.startColumn - 1),
-        ...lines.slice(startLineIndex + 1, endLineIndex),
-        lines[endLineIndex].slice(0, range.endColumn - 1)
-    ].join("\n");
-}
-
-export { EmbeddedMcpServerDetail, createWorkbenchMcpServerDetailInput };

package/vscode/src/vs/workbench/contrib/chat/browser/aiCustomization/galleryItemRenderer.d.ts

@@ -1,46 +0,0 @@
-import { Button } from "@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button";
-import { IListRenderer } from "@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/list/list";
-import { DisposableStore, IDisposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
-/**
- * Install state of a gallery item, used to drive the install button label and enablement.
- */
-export declare enum GalleryItemInstallState {
-    Uninstalled = 0,
-    Installing = 1,
-    Installed = 2
-}
-/**
- * Adapts a list element to the data and actions a gallery row needs.
- */
-export interface IGalleryItemProvider<TElement> {
-    getLabel(element: TElement): string;
-    getPublisherDisplayName(element: TElement): string | undefined;
-    getDescription(element: TElement): string | undefined;
-    getInstallState(element: TElement): GalleryItemInstallState;
-    canInstall?(element: TElement): boolean;
-    install(element: TElement): Promise<void>;
-    onDidChangeInstallState?(element: TElement, listener: () => void): IDisposable;
-}
-interface IGalleryItemTemplateData {
-    readonly name: HTMLElement;
-    readonly publisher: HTMLElement;
-    readonly description: HTMLElement;
-    readonly installButton: Button;
-    readonly elementDisposables: DisposableStore;
-    readonly templateDisposables: DisposableStore;
-}
-/**
- * Reusable list renderer for a gallery row with an Install button. Shared by the Chat
- * Customizations tools, MCP server and plugin marketplace lists. All rows share a single set of
- * `.gallery-item*` styles; data and actions are supplied via {@link IGalleryItemProvider}.
- */
-export declare class GalleryItemRenderer<TElement> implements IListRenderer<TElement, IGalleryItemTemplateData> {
-    readonly templateId: string;
-    private readonly _provider;
-    constructor(templateId: string, _provider: IGalleryItemProvider<TElement>);
-    renderTemplate(container: HTMLElement): IGalleryItemTemplateData;
-    renderElement(element: TElement, _index: number, templateData: IGalleryItemTemplateData): void;
-    private _updateInstallButton;
-    disposeTemplate(templateData: IGalleryItemTemplateData): void;
-}
-export {};

package/vscode/src/vs/workbench/contrib/chat/browser/aiCustomization/galleryItemRenderer.js

@@ -1,91 +0,0 @@
-
-import { $ as $$1, append } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
-import { Button } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button';
-import { DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
-import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
-import { defaultButtonStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
-
-const $ = $$1;
-var GalleryItemInstallState;
-(function(GalleryItemInstallState) {
-    GalleryItemInstallState[GalleryItemInstallState["Uninstalled"] = 0] = "Uninstalled";
-    GalleryItemInstallState[GalleryItemInstallState["Installing"] = 1] = "Installing";
-    GalleryItemInstallState[GalleryItemInstallState["Installed"] = 2] = "Installed";
-})(GalleryItemInstallState || (GalleryItemInstallState = {}));
-class GalleryItemRenderer {
-    constructor(templateId, _provider) {
-        this.templateId = templateId;
-        this._provider = _provider;
-    }
-    renderTemplate(container) {
-        container.classList.add("gallery-item");
-        const details = append(container, $(".gallery-item-details"));
-        const name = append(details, $("span.gallery-item-name"));
-        const description = append(details, $("span.gallery-item-description"));
-        const publisher = append(details, $("span.gallery-item-publisher"));
-        const actionContainer = append(container, $(".gallery-item-action"));
-        const installButton = ( new Button(actionContainer, defaultButtonStyles));
-        const templateDisposables = ( new DisposableStore());
-        templateDisposables.add(installButton);
-        return {
-            name,
-            publisher,
-            description,
-            installButton,
-            elementDisposables: ( new DisposableStore()),
-            templateDisposables
-        };
-    }
-    renderElement(element, _index, templateData) {
-        templateData.elementDisposables.clear();
-        templateData.name.textContent = this._provider.getLabel(element);
-        const publisher = this._provider.getPublisherDisplayName(element);
-        templateData.publisher.textContent = publisher ? ( localize(6991, "by {0}", publisher)) : "";
-        templateData.description.textContent = this._provider.getDescription(element) || "";
-        this._updateInstallButton(templateData.installButton, element);
-        templateData.elementDisposables.add(templateData.installButton.onDidClick(async () => {
-            if (this._provider.getInstallState(element) !== GalleryItemInstallState.Uninstalled) {
-                return;
-            }
-            if (this._provider.canInstall && !this._provider.canInstall(element)) {
-                return;
-            }
-            templateData.installButton.label = ( localize(6992, "Installing..."));
-            templateData.installButton.enabled = false;
-            try {
-                await this._provider.install(element);
-            } finally {
-                this._updateInstallButton(templateData.installButton, element);
-            }
-        }));
-        const changeListener = this._provider.onDidChangeInstallState?.(
-            element,
-            () => this._updateInstallButton(templateData.installButton, element)
-        );
-        if (changeListener) {
-            templateData.elementDisposables.add(changeListener);
-        }
-    }
-    _updateInstallButton(button, element) {
-        switch (this._provider.getInstallState(element)) {
-        case GalleryItemInstallState.Installed:
-            button.label = ( localize(6993, "Installed"));
-            button.enabled = false;
-            break;
-        case GalleryItemInstallState.Installing:
-            button.label = ( localize(6992, "Installing..."));
-            button.enabled = false;
-            break;
-        default:
-            button.label = ( localize(6994, "Install"));
-            button.enabled = true;
-            break;
-        }
-    }
-    disposeTemplate(templateData) {
-        templateData.elementDisposables.dispose();
-        templateData.templateDisposables.dispose();
-    }
-}
-
-export { GalleryItemInstallState, GalleryItemRenderer };