@codingame/monaco-vscode-chat-service-override 36.2.7 → 37.0.0

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

@@ -1,24 +1,200 @@
 
-import { $ as $$1, append } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
-import { Disposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
+import { $ as $$1, append, getWindow, DisposableResizeObserver, scheduleAtNextAnimationFrame, clearNode, addDisposableListener } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { Button, ButtonWithDropdown } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button';
+import { getDefaultHoverDelegate } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hoverDelegateFactory';
+import { status } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/aria/aria';
+import { disposableTimeout } from '@codingame/monaco-vscode-api/vscode/vs/base/common/async';
+import { CancellationToken, CancellationTokenSource } from '@codingame/monaco-vscode-api/vscode/vs/base/common/cancellation';
+import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
+import { isCancellationError, getErrorMessage } from '@codingame/monaco-vscode-api/vscode/vs/base/common/errors';
+import { Emitter } from '@codingame/monaco-vscode-api/vscode/vs/base/common/event';
+import { MarkdownString } from '@codingame/monaco-vscode-api/vscode/vs/base/common/htmlContent';
+import { Disposable, DisposableStore, MutableDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { Schemas } from '@codingame/monaco-vscode-api/vscode/vs/base/common/network';
+import { asTextOrError } from '@codingame/monaco-vscode-api/vscode/vs/platform/request/common/request';
+import { IRequestService } from '@codingame/monaco-vscode-api/vscode/vs/platform/request/common/request.service';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
 import { AgentPluginItemKind } from '../agentPluginEditor/agentPluginItems.js';
+import { IPluginInstallService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/plugins/pluginInstallService.service';
+import { isContributionEnabled, ContributionEnablementState } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/enablement';
+import { ILabelService } from '@codingame/monaco-vscode-api/vscode/vs/platform/label/common/label.service';
+import { defaultButtonStyles, getButtonStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
+import { IClipboardService } from '@codingame/monaco-vscode-api/vscode/vs/platform/clipboard/common/clipboardService.service';
+import { IOpenerService } from '@codingame/monaco-vscode-api/vscode/vs/platform/opener/common/opener.service';
+import { IAgentPluginService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/plugins/agentPluginService.service';
+import { isPluginPolicyBlocked, createUninstallPluginAction, createPolicyBlockedEnableAction } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/agentPluginActions';
+import { INotificationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/notification/common/notification.service';
+import { URI } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uri';
+import { joinPath, isEqual, basename, dirname } from '@codingame/monaco-vscode-api/vscode/vs/base/common/resources';
+import { AICustomizationManagementSection } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/aiCustomizationWorkspaceService';
+import { FileOperationError, FileOperationResult } from '@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files';
+import { IFileService } from '@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files.service';
+import { IMarkdownRendererService } from '@codingame/monaco-vscode-api/vscode/vs/platform/markdown/browser/markdownRenderer.service';
+import { IContextMenuService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextview/browser/contextView.service';
+import { Action } from '@codingame/monaco-vscode-api/vscode/vs/base/common/actions';
+import { ICommandService } from '@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.service';
+import { IHoverService } from '@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service';
+import '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/contextview/contextview';
+import { getPluginInclusionLabel } from './aiCustomizationPresentation.js';
+import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/index';
+import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
+import { AnchorAlignment } from '@codingame/monaco-vscode-api/vscode/vs/base/common/layout';
+import { waitForState } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/utils/utilsCancellation';
 
 const $ = $$1;
-class EmbeddedAgentPluginDetail extends Disposable {
-    constructor(parent) {
+const INSTALL_REGISTRATION_TIMEOUT = 10_000;
+class PluginReadmeRenderGuard {
+    constructor() {
+        this.generation = 0;
+    }
+    begin() {
+        return ++this.generation;
+    }
+    isCurrent(generation) {
+        return this.generation === generation;
+    }
+}
+async function loadPluginReadme(item, fileService, requestService) {
+    const readmeUri = item.kind === AgentPluginItemKind.Installed ? joinPath(item.plugin.uri, "README.md") : item.readmeUri;
+    if (!readmeUri) {
+        return undefined;
+    }
+    if (readmeUri.scheme === Schemas.file || readmeUri.scheme === Schemas.vscodeRemote) {
+        try {
+            const content = await fileService.readFile(readmeUri);
+            return {
+                content: ( content.value.toString()),
+                baseUri: readmeUri
+            };
+        } catch (error) {
+            if (error instanceof FileOperationError && error.fileOperationResult === FileOperationResult.FILE_NOT_FOUND) {
+                return undefined;
+            }
+            throw error;
+        }
+    }
+    if (readmeUri.scheme === Schemas.https) {
+        let fetchedUri = readmeUri;
+        const githubBlobMatch = ( readmeUri.toString()).match(
+            /^https:\/\/github\.com\/(?<owner>[^/]+)\/(?<repo>[^/]+)\/blob\/(?<rest>.+)$/
+        );
+        if (githubBlobMatch?.groups) {
+            fetchedUri = ( URI.parse(
+                `https://raw.githubusercontent.com/${githubBlobMatch.groups["owner"]}/${githubBlobMatch.groups["repo"]}/${githubBlobMatch.groups["rest"]}`
+            ));
+        }
+        const context = await requestService.request({
+            type: "GET",
+            url: ( fetchedUri.toString()),
+            callSite: "aiCustomizationPluginDetail.fetchReadme"
+        }, CancellationToken.None);
+        return {
+            content: (await asTextOrError(context)) ?? "",
+            baseUri: fetchedUri
+        };
+    }
+    throw ( new Error(`Unsupported plugin README URI scheme: ${readmeUri.scheme}`));
+}
+async function waitForInstalledPlugin(agentPluginService, expectedUri, token) {
+    try {
+        const plugins = await waitForState(agentPluginService.plugins, plugins => ( plugins.some(plugin => isEqual(plugin.uri, expectedUri))), undefined, token);
+        return plugins.find(plugin => isEqual(plugin.uri, expectedUri));
+    } catch (error) {
+        if (isCancellationError(error)) {
+            return undefined;
+        }
+        throw error;
+    }
+}
+let EmbeddedAgentPluginDetail = class EmbeddedAgentPluginDetail extends Disposable {
+    constructor(
+        parent,
+        labelService,
+        clipboardService,
+        openerService,
+        agentPluginService,
+        pluginInstallService,
+        notificationService,
+        contextMenuService,
+        commandService,
+        hoverService,
+        fileService,
+        requestService,
+        markdownRendererService
+    ) {
         super();
+        this.labelService = labelService;
+        this.clipboardService = clipboardService;
+        this.openerService = openerService;
+        this.agentPluginService = agentPluginService;
+        this.pluginInstallService = pluginInstallService;
+        this.notificationService = notificationService;
+        this.contextMenuService = contextMenuService;
+        this.commandService = commandService;
+        this.hoverService = hoverService;
+        this.fileService = fileService;
+        this.requestService = requestService;
+        this.markdownRendererService = markdownRendererService;
+        this._onDidRequestOpenSkill = this._register(( new Emitter()));
+        this.onDidRequestOpenSkill = this._onDidRequestOpenSkill.event;
+        this._onDidRequestOpenAgent = this._register(( new Emitter()));
+        this.onDidRequestOpenAgent = this._onDidRequestOpenAgent.event;
+        this._onDidRequestOpenSection = this._register(( new Emitter()));
+        this.onDidRequestOpenSection = this._onDidRequestOpenSection.event;
+        this._onDidUninstall = this._register(( new Emitter()));
+        this.onDidUninstall = this._onDidUninstall.event;
+        this.renderDisposables = this._register(( new DisposableStore()));
+        this.copyStateReset = this._register(( new MutableDisposable()));
+        this.narrowLayoutUpdate = this._register(( new MutableDisposable()));
+        this.inputStateAutorun = this._register(( new MutableDisposable()));
+        this.installWaitDisposables = this._register(( new MutableDisposable()));
+        this.narrowLayout = false;
+        this.readmeRenderGuard = ( new PluginReadmeRenderGuard());
+        this.renderedPolicyBlocked = false;
         this.root = append(parent, $(".ai-customization-embedded-detail.embedded-plugin-detail"));
+        const targetWindow = getWindow(this.root);
+        const resizeObserver = this._register(new DisposableResizeObserver("EmbeddedAgentPluginDetail", () => {
+            const narrow = this.root.offsetWidth < 520;
+            if (this.narrowLayout !== narrow) {
+                this.narrowLayoutUpdate.value = scheduleAtNextAnimationFrame(targetWindow, () => this.updateNarrowLayout(narrow));
+            }
+        }, targetWindow));
+        this._register(resizeObserver.observe(this.root));
         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.nameRowEl = append(headerText, $(".embedded-detail-name-row"));
+        this.nameEl = append(this.nameRowEl, $("h2.embedded-detail-name"));
         this.nameEl.setAttribute("role", "heading");
-        this.sourceEl = append(headerText, $(".embedded-detail-scope"));
+        this.statusBadgeEl = append(this.nameRowEl, $(".inline-badge.embedded-detail-status-badge"));
+        this.titleActionsEl = append(this.headerEl, $(".embedded-detail-title-actions"));
         this.descriptionEl = append(this.root, $(".embedded-detail-description"));
+        this.sourceFactsEl = append(this.root, $(".embedded-detail-section.plugin-detail-source-facts"));
+        const sourceFactsTitle = append(this.sourceFactsEl, $("h3.embedded-detail-section-title"));
+        sourceFactsTitle.textContent = ( localize(6804, "Details"));
+        this.factsEl = append(this.sourceFactsEl, $(".embedded-detail-facts.plugin-detail-flat-list"));
+        this.contributionsEl = append(this.root, $(".embedded-detail-section.plugin-detail-contributions"));
+        const contributionsTitle = append(this.contributionsEl, $("h3.embedded-detail-section-title"));
+        contributionsTitle.textContent = ( localize(6805, "Contains"));
+        this.contributionsListEl = append(
+            this.contributionsEl,
+            $(".embedded-detail-chip-list.plugin-detail-flat-list")
+        );
+        this.readmeEl = append(this.root, $(".embedded-detail-section.plugin-detail-readme"));
+        const readmeTitle = append(this.readmeEl, $("h3.plugin-detail-contribution-group-title"));
+        const readmeLabel = append(readmeTitle, $("span.plugin-detail-contribution-title-label"));
+        readmeLabel.textContent = ( localize(6806, "Plugin README"));
+        this.readmeContentEl = append(this.readmeEl, $(".plugin-detail-readme-content"));
         this.emptyEl = append(this.root, $(".embedded-detail-empty"));
-        this.emptyEl.textContent = ( localize(6003, "No plugin selected."));
-        this.renderItem();
+        this.emptyEl.textContent = ( localize(6807, "No plugin selected."));
+    }
+    updateNarrowLayout(narrow) {
+        if (this.narrowLayout === narrow) {
+            return;
+        }
+        this.narrowLayout = narrow;
+        this.root.classList.toggle("narrow-layout", narrow);
     }
     get element() {
         return this.root;
@@ -30,32 +206,538 @@ class EmbeddedAgentPluginDetail extends Disposable {
         return this.leadingSlotEl;
     }
     setInput(item) {
+        this.installWaitDisposables.clear();
         this.current = item;
         this.renderItem();
+        if (item.kind === AgentPluginItemKind.Installed) {
+            this.renderedPolicyBlocked = isPluginPolicyBlocked(item.plugin);
+            this.inputStateAutorun.value = autorun(reader => {
+                item.plugin.enablement.read(reader);
+                item.plugin.policyBlocked?.read(reader);
+                item.plugin.version?.read(reader);
+                if (this._store.isDisposed || this.current !== item) {
+                    return;
+                }
+                const policyBlocked = isPluginPolicyBlocked(item.plugin);
+                if (policyBlocked !== this.renderedPolicyBlocked) {
+                    this.renderedPolicyBlocked = policyBlocked;
+                    this.renderItem();
+                    return;
+                }
+                this.updateInstalledState(item);
+            });
+        } else {
+            this.inputStateAutorun.clear();
+        }
     }
     clearInput() {
+        this.installWaitDisposables.clear();
         this.current = undefined;
+        this.inputStateAutorun.clear();
         this.renderItem();
     }
     renderItem() {
+        const readmeRenderGeneration = this.readmeRenderGuard.begin();
+        this.renderDisposables.clear();
+        this.updateEnablementAction = undefined;
+        this.pluginVersionRowEl = undefined;
+        this.pluginVersionValueEl = undefined;
         const item = this.current;
         const hasItem = !!item;
         this.emptyEl.style.display = hasItem ? "none" : "";
         this.root.classList.toggle("is-empty", !hasItem);
         if (!item) {
             this.nameEl.textContent = "";
-            this.sourceEl.textContent = "";
+            this.statusBadgeEl.textContent = "";
+            this.statusBadgeEl.style.display = "none";
+            clearNode(this.titleActionsEl);
             this.descriptionEl.textContent = "";
+            clearNode(this.factsEl);
+            this.sourceFactsEl.style.display = "none";
+            clearNode(this.contributionsListEl);
+            this.contributionsEl.style.display = "none";
+            clearNode(this.readmeContentEl);
+            this.readmeEl.style.display = "none";
             return;
         }
         this.nameEl.textContent = item.name;
-        const isMarketplace = item.kind === AgentPluginItemKind.Marketplace;
-        const sourceLabel = item.marketplace ? (isMarketplace ? ( localize(6004, "From {0}", item.marketplace)) : ( localize(6005, "Installed from {0}", item.marketplace))) : (isMarketplace ? ( localize(6006, "Marketplace plugin")) : ( localize(6007, "Installed plugin")));
-        this.sourceEl.textContent = sourceLabel;
+        if (item.kind === AgentPluginItemKind.Installed && (!isContributionEnabled(item.plugin.enablement.get()) || isPluginPolicyBlocked(item.plugin))) {
+            this.statusBadgeEl.textContent = getPluginInclusionLabel(item.plugin);
+            this.statusBadgeEl.style.display = "";
+        } else {
+            this.statusBadgeEl.textContent = "";
+            this.statusBadgeEl.style.display = "none";
+        }
+        clearNode(this.titleActionsEl);
+        clearNode(this.factsEl);
+        clearNode(this.contributionsListEl);
+        this.renderTitleActions(item);
+        this.renderFacts(item);
+        this.renderContributions(item);
+        this.renderReadme(item, readmeRenderGeneration);
         const description = (item.description || "").trim();
-        this.descriptionEl.textContent = description;
-        this.descriptionEl.style.display = description ? "" : "none";
+        this.descriptionEl.textContent = description || ( localize(6808, "No description provided."));
+        this.descriptionEl.style.display = "";
+    }
+    updateInstalledState(item) {
+        if (!isContributionEnabled(item.plugin.enablement.get()) || isPluginPolicyBlocked(item.plugin)) {
+            this.statusBadgeEl.textContent = getPluginInclusionLabel(item.plugin);
+            this.statusBadgeEl.style.display = "";
+        } else {
+            this.statusBadgeEl.textContent = "";
+            this.statusBadgeEl.style.display = "none";
+        }
+        this.updateEnablementAction?.();
+        this.updatePluginVersionFact(item);
+    }
+    renderTitleActions(item) {
+        if (item.kind === AgentPluginItemKind.Marketplace) {
+            const installButton = this.renderDisposables.add(( new Button(this.titleActionsEl, {
+                ...defaultButtonStyles,
+                ariaLabel: ( localize(6809, "Install {0}", item.name))
+            })));
+            installButton.label = ( localize(6810, "Install"));
+            this.renderDisposables.add(installButton.onDidClick(async () => {
+                installButton.label = ( localize(6811, "Installing..."));
+                installButton.enabled = false;
+                const marketplacePlugin = {
+                    name: item.name,
+                    description: item.description,
+                    version: item.version ?? "",
+                    source: item.source,
+                    sourceDescriptor: item.sourceDescriptor,
+                    marketplace: item.marketplace,
+                    marketplaceReference: item.marketplaceReference,
+                    marketplaceType: item.marketplaceType,
+                    readmeUri: item.readmeUri
+                };
+                try {
+                    await this.pluginInstallService.installPlugin(marketplacePlugin);
+                    if (this._store.isDisposed || this.current !== item) {
+                        return;
+                    }
+                    const waitDisposables = ( new DisposableStore());
+                    this.installWaitDisposables.value = waitDisposables;
+                    const waitCts = ( new CancellationTokenSource());
+                    waitDisposables.add({
+                        dispose: () => waitCts.dispose(true)
+                    });
+                    waitDisposables.add(disposableTimeout(() => waitCts.cancel(), INSTALL_REGISTRATION_TIMEOUT));
+                    const expectedUri = this.pluginInstallService.getPluginInstallUri(marketplacePlugin);
+                    const plugin = await waitForInstalledPlugin(this.agentPluginService, expectedUri, waitCts.token);
+                    if (this.installWaitDisposables.value === waitDisposables) {
+                        this.installWaitDisposables.clear();
+                    }
+                    if (this._store.isDisposed || this.current !== item) {
+                        return;
+                    }
+                    if (plugin) {
+                        installButton.label = ( localize(6812, "Installed"));
+                        this.setInput(this.toInstalledPluginItem(plugin));
+                    } else {
+                        installButton.label = ( localize(6810, "Install"));
+                        installButton.enabled = true;
+                    }
+                } catch (error) {
+                    this.installWaitDisposables.clear();
+                    if (this._store.isDisposed || this.current !== item) {
+                        return;
+                    }
+                    installButton.label = ( localize(6810, "Install"));
+                    installButton.enabled = true;
+                    this.notificationService.error(( localize(6813, "Unable to install plugin: {0}", getErrorMessage(error))));
+                }
+            }));
+            return;
+        }
+        const uninstallAction = createUninstallPluginAction(item.plugin);
+        if (uninstallAction) {
+            this.renderDisposables.add(uninstallAction);
+            const uninstallButton = this.renderDisposables.add(( new Button(this.titleActionsEl, {
+                ...getButtonStyles({
+                    buttonSecondaryBackground: undefined,
+                    buttonSecondaryForeground: undefined,
+                    buttonSecondaryHoverBackground: undefined,
+                    buttonSecondaryBorder: undefined
+                }),
+                secondary: true,
+                supportIcons: true,
+                ariaLabel: uninstallAction.label
+            })));
+            uninstallButton.element.classList.add("embedded-detail-uninstall-button");
+            uninstallButton.label = uninstallAction.label;
+            uninstallButton.enabled = uninstallAction.enabled;
+            this.renderDisposables.add(uninstallButton.onDidClick(async () => {
+                try {
+                    const removed = await uninstallAction.runAndGetResult();
+                    if (removed && !this._store.isDisposed && this.current === item) {
+                        this._onDidUninstall.fire();
+                    }
+                } catch (error) {
+                    if (!this._store.isDisposed && this.current === item) {
+                        this.notificationService.error(( localize(6814, "Unable to uninstall plugin: {0}", getErrorMessage(error))));
+                    }
+                }
+            }));
+        }
+        this.renderEnablementSplitButton(item);
+    }
+    renderEnablementSplitButton(item) {
+        if (isPluginPolicyBlocked(item.plugin)) {
+            const action = createPolicyBlockedEnableAction(item.plugin, this.notificationService);
+            const policyLabel = ( localize(6815, "Managed by Organization"));
+            const button = this.renderDisposables.add(( new Button(this.titleActionsEl, {
+                ...defaultButtonStyles,
+                secondary: true,
+                supportIcons: true,
+                ariaLabel: policyLabel
+            })));
+            button.label = policyLabel;
+            this.renderDisposables.add(button.onDidClick(() => action.run()));
+            this.renderDisposables.add(action);
+            return;
+        }
+        const key = ( item.plugin.uri.toString());
+        const setEnablement = state => {
+            this.agentPluginService.enablementModel.setEnabled(key, state);
+            status(( localize(6816, "{0}. {1}.", item.name, getPluginInclusionLabel(item.plugin))));
+        };
+        const contextMenuProvider = {
+            showContextMenu: delegate => this.contextMenuService.showContextMenu({
+                ...delegate,
+                anchorAlignment: AnchorAlignment.RIGHT
+            })
+        };
+        const alternateAction = this.renderDisposables.add(( new Action("plugin.alternateScope", "", undefined, true, async () => {
+            const state = getPluginEnablementActionState(item.plugin.enablement.get());
+            setEnablement(state.alternateState);
+        })));
+        const splitButton = this.renderDisposables.add(( new ButtonWithDropdown(this.titleActionsEl, {
+            ...defaultButtonStyles,
+            secondary: true,
+            supportIcons: true,
+            contextMenuProvider,
+            addPrimaryActionToDropdown: false,
+            actions: {
+                getActions: () => {
+                    const state = getPluginEnablementActionState(item.plugin.enablement.get());
+                    alternateAction.label = state.alternateLabel;
+                    return [alternateAction];
+                }
+            },
+            ariaLabel: ""
+        })));
+        this.updateEnablementAction = () => {
+            const state = getPluginEnablementActionState(item.plugin.enablement.get());
+            splitButton.element.classList.toggle("embedded-detail-disable-button", state.isEnabled);
+            splitButton.element.classList.toggle("embedded-detail-enable-button", !state.isEnabled);
+            splitButton.label = state.primaryLabel;
+            splitButton.element.setAttribute("aria-label", state.primaryLabel);
+        };
+        this.updateEnablementAction();
+        this.renderDisposables.add(splitButton.onDidClick(
+            () => setEnablement(getPluginEnablementActionState(item.plugin.enablement.get()).primaryState)
+        ));
+    }
+    toInstalledPluginItem(plugin) {
+        return {
+            kind: AgentPluginItemKind.Installed,
+            name: plugin.label || basename(plugin.uri),
+            description: plugin.fromMarketplace?.description ?? this.labelService.getUriLabel(plugin.uri, {
+                relative: true
+            }),
+            marketplace: plugin.fromMarketplace?.marketplace,
+            plugin
+        };
+    }
+    renderMarketplaceLink(label, uri) {
+        if (uri) {
+            const link = $("a.embedded-detail-fact-link");
+            link.href = ( uri.toString());
+            link.textContent = label;
+            this.renderDisposables.add(addDisposableListener(link, "click", e => {
+                e.preventDefault();
+                this.openerService.open(uri);
+            }));
+            return link;
+        } else {
+            const value = $("span");
+            value.textContent = label;
+            return value;
+        }
+    }
+    renderFacts(item) {
+        this.sourceFactsEl.style.display = "";
+        if (item.kind === AgentPluginItemKind.Marketplace) {
+            this.appendPluginVersionFact(item);
+            this.appendFact(this.factsEl, ( localize(6817, "Marketplace")), this.renderMarketplaceLink(item.marketplace, getMarketplaceUri(item)));
+            return;
+        }
+        this.appendPluginVersionFact(item);
+        if (item.marketplace) {
+            this.appendFact(this.factsEl, ( localize(6817, "Marketplace")), this.renderMarketplaceLink(
+                item.marketplace,
+                item.plugin.fromMarketplace ? getMarketplaceUri(item.plugin.fromMarketplace) : undefined
+            ));
+        }
+        this.appendFact(this.factsEl, ( localize(6818, "Location")), this.createLocationValue(item.plugin.uri));
+    }
+    appendPluginVersionFact(item) {
+        const row = append(this.factsEl, $(".embedded-detail-fact-row"));
+        append(row, $(".embedded-detail-fact-label")).textContent = ( localize(6819, "Version"));
+        this.pluginVersionValueEl = append(row, $(".embedded-detail-fact-value"));
+        this.pluginVersionRowEl = row;
+        this.updatePluginVersionFact(item);
+    }
+    updatePluginVersionFact(item) {
+        const version = getPluginVersion(item);
+        if (this.pluginVersionRowEl && this.pluginVersionValueEl) {
+            this.pluginVersionRowEl.style.display = version ? "" : "none";
+            this.pluginVersionValueEl.textContent = version ?? "";
+        }
+    }
+    appendFact(parent, label, value) {
+        const row = append(parent, $(".embedded-detail-fact-row"));
+        const labelEl = append(row, $(".embedded-detail-fact-label"));
+        labelEl.textContent = label;
+        const valueEl = append(row, $(".embedded-detail-fact-value"));
+        if (typeof value === "string") {
+            valueEl.textContent = value;
+        } else {
+            valueEl.classList.add("has-actions");
+            valueEl.appendChild(value);
+        }
+    }
+    createLocationValue(uri) {
+        const container = $(".embedded-detail-location-value");
+        const label = append(container, $("span.embedded-detail-location-label"));
+        label.textContent = this.labelService.getUriLabel(uri, {
+            relative: true
+        });
+        label.title = uri.fsPath || ( uri.toString());
+        const copyPluginPathLabel = ( localize(6820, "Copy Plugin Path"));
+        let copyPluginPathTooltip = copyPluginPathLabel;
+        const inlineButtonStyles = getButtonStyles({
+            buttonSecondaryBackground: undefined,
+            buttonSecondaryForeground: undefined,
+            buttonSecondaryHoverBackground: undefined,
+            buttonSecondaryBorder: undefined
+        });
+        const copyButton = this.renderDisposables.add(( new Button(container, {
+            ...inlineButtonStyles,
+            secondary: true,
+            supportIcons: true,
+            title: copyPluginPathLabel,
+            ariaLabel: copyPluginPathLabel
+        })));
+        copyButton.element.classList.add("embedded-detail-copy-button");
+        copyButton.label = `$(${Codicon.copy.id})`;
+        this.renderDisposables.add(this.hoverService.setupManagedHover(
+            getDefaultHoverDelegate("element"),
+            copyButton.element,
+            () => copyPluginPathTooltip
+        ));
+        this.renderDisposables.add(copyButton.onDidClick(async () => {
+            await this.clipboardService.writeText(uri.fsPath || ( uri.toString()));
+            copyButton.label = `$(${Codicon.check.id})`;
+            copyPluginPathTooltip = ( localize(6821, "Copied"));
+            copyButton.setTitle(copyPluginPathTooltip);
+            status(( localize(6822, "Copied plugin path to clipboard")));
+            this.copyStateReset.value = disposableTimeout(() => {
+                copyButton.label = `$(${Codicon.copy.id})`;
+                copyPluginPathTooltip = copyPluginPathLabel;
+                copyButton.setTitle(copyPluginPathTooltip);
+            }, 1200);
+        }));
+        const openPluginFolderLabel = ( localize(6823, "Open Plugin Folder"));
+        const openButton = this.renderDisposables.add(( new Button(container, {
+            ...inlineButtonStyles,
+            secondary: true,
+            supportIcons: true,
+            title: openPluginFolderLabel,
+            ariaLabel: openPluginFolderLabel
+        })));
+        openButton.element.classList.add("embedded-detail-copy-button");
+        openButton.label = `$(${Codicon.folderOpened.id})`;
+        this.renderDisposables.add(this.hoverService.setupManagedHover(
+            getDefaultHoverDelegate("element"),
+            openButton.element,
+            openPluginFolderLabel
+        ));
+        this.renderDisposables.add(openButton.onDidClick(async () => {
+            try {
+                await this.commandService.executeCommand("revealFileInOS", uri);
+            } catch {
+                await this.openerService.open(dirname(uri));
+            }
+        }));
+        return container;
+    }
+    async renderReadme(item, renderGeneration) {
+        clearNode(this.readmeContentEl);
+        this.readmeEl.style.display = "";
+        let readme;
+        try {
+            readme = await loadPluginReadme(item, this.fileService, this.requestService);
+        } catch {
+            if (!this._store.isDisposed && this.current === item && this.readmeRenderGuard.isCurrent(renderGeneration)) {
+                const message = append(this.readmeContentEl, $(".plugin-detail-readme-message"));
+                message.textContent = ( localize(6824, "The plugin README could not be loaded."));
+            }
+            return;
+        }
+        if (this._store.isDisposed || this.current !== item || !this.readmeRenderGuard.isCurrent(renderGeneration)) {
+            return;
+        }
+        if (readme === undefined) {
+            const message = append(this.readmeContentEl, $(".plugin-detail-readme-message"));
+            message.textContent = ( localize(6825, "No README was provided for this plugin."));
+            return;
+        }
+        if (!readme.content.trim()) {
+            const message = append(this.readmeContentEl, $(".plugin-detail-readme-message"));
+            message.textContent = ( localize(6826, "The plugin README is empty."));
+            return;
+        }
+        const markdown = ( new MarkdownString(readme.content, {
+            supportHtml: false
+        }));
+        markdown.baseUri = readme.baseUri;
+        const rendered = this.renderDisposables.add(this.markdownRendererService.render(markdown));
+        this.readmeContentEl.appendChild(rendered.element);
+    }
+    dispose() {
+        this.current = undefined;
+        this.readmeRenderGuard.begin();
+        super.dispose();
+    }
+    renderContributions(item) {
+        if (item.kind === AgentPluginItemKind.Marketplace) {
+            this.contributionsEl.style.display = "";
+            const empty = append(this.contributionsListEl, $(".plugin-detail-contribution-empty"));
+            empty.textContent = ( localize(
+                6827,
+                "Contribution details are available after install when the plugin can be inspected locally."
+            ));
+            return;
+        }
+        const entries = getInstalledPluginContributionEntries(item);
+        this.contributionsEl.style.display = entries.length > 0 ? "" : "none";
+        for (const entry of entries) {
+            const section = append(this.contributionsListEl, $(".plugin-detail-contribution-section"));
+            const header = append(section, $(".plugin-detail-contribution-group-title"));
+            const label = append(header, $("span.plugin-detail-contribution-title-label"));
+            label.textContent = entry.label;
+            const count = append(header, $("span.plugin-detail-contribution-title-count"));
+            count.textContent = String(entry.items.length);
+            const group = append(section, $(".plugin-detail-contribution-group"));
+            const list = append(group, $(".plugin-detail-contribution-list"));
+            for (const contribution of entry.items) {
+                const row = append(list, $(".plugin-detail-contribution-row"));
+                if (entry.kind === "skills" && contribution.uri) {
+                    const button = append(
+                        row,
+                        $("button.plugin-detail-contribution-name.plugin-detail-contribution-link")
+                    );
+                    button.type = "button";
+                    button.textContent = contribution.name;
+                    button.setAttribute("aria-label", ( localize(6828, "Open skill {0}", contribution.name)));
+                    this.renderDisposables.add(
+                        addDisposableListener(button, "click", () => this._onDidRequestOpenSkill.fire(contribution.uri))
+                    );
+                } else if (entry.kind === "agents" && contribution.uri) {
+                    const button = append(
+                        row,
+                        $("button.plugin-detail-contribution-name.plugin-detail-contribution-link")
+                    );
+                    button.type = "button";
+                    button.textContent = contribution.name;
+                    button.setAttribute("aria-label", ( localize(6829, "Open agent {0}", contribution.name)));
+                    this.renderDisposables.add(
+                        addDisposableListener(button, "click", () => this._onDidRequestOpenAgent.fire(contribution.uri))
+                    );
+                } else if (entry.kind === "mcp") {
+                    const button = append(
+                        row,
+                        $("button.plugin-detail-contribution-name.plugin-detail-contribution-link")
+                    );
+                    button.type = "button";
+                    button.textContent = contribution.name;
+                    button.setAttribute("aria-label", ( localize(6830, "Open MCP Servers")));
+                    this.renderDisposables.add(addDisposableListener(
+                        button,
+                        "click",
+                        () => this._onDidRequestOpenSection.fire(AICustomizationManagementSection.McpServers)
+                    ));
+                } else {
+                    const name = append(row, $(".plugin-detail-contribution-name"));
+                    name.textContent = contribution.name;
+                }
+                if (contribution.description && entry.kind !== "skills") {
+                    const description = append(row, $(".plugin-detail-contribution-description"));
+                    description.textContent = contribution.description;
+                }
+            }
+        }
+    }
+};
+EmbeddedAgentPluginDetail = ( __decorate([( __param(1, ILabelService)), ( __param(2, IClipboardService)), ( __param(3, IOpenerService)), ( __param(4, IAgentPluginService)), ( __param(5, IPluginInstallService)), ( __param(6, INotificationService)), ( __param(7, IContextMenuService)), ( __param(8, ICommandService)), ( __param(9, IHoverService)), ( __param(10, IFileService)), ( __param(11, IRequestService)), ( __param(12, IMarkdownRendererService))], EmbeddedAgentPluginDetail));
+function getInstalledPluginContributionEntries(item) {
+    const plugin = item.plugin;
+    const entries = [];
+    appendContributionEntry(entries, "agents", ( localize(6831, "Agents")), plugin.agents.get());
+    appendContributionEntry(entries, "skills", ( localize(6832, "Skills")), plugin.skills.get());
+    appendContributionEntry(entries, "commands", ( localize(6833, "Commands")), plugin.commands.get());
+    appendContributionEntry(entries, "instructions", ( localize(6834, "Instructions")), plugin.instructions.get());
+    appendContributionEntry(entries, "mcp", ( localize(6835, "MCP Servers")), ( plugin.mcpServerDefinitions.get().map(server => ({
+        name: server.name
+    }))));
+    appendContributionEntry(entries, "hooks", ( localize(6836, "Hooks")), ( plugin.hooks.get().map(hook => ({
+        name: hook.originalId,
+        description: ( localize(6837, "{0} commands", hook.hooks.length))
+    }))));
+    appendContributionEntry(entries, "automations", ( localize(6838, "Automations")), ( plugin.automations.get().map(automation => ({
+        name: automation.blueprint.name,
+        description: automation.blueprint.description
+    }))));
+    return entries;
+}
+function appendContributionEntry(entries, kind, label, items) {
+    if (label && items.length > 0) {
+        entries.push({
+            kind,
+            label,
+            items
+        });
+    }
+}
+function getPluginVersion(item) {
+    const version = item.kind === AgentPluginItemKind.Marketplace ? item.version : item.plugin.version?.get() ?? item.plugin.fromMarketplace?.version;
+    return version?.trim() || undefined;
+}
+function getPluginEnablementActionState(current) {
+    const isEnabled = isContributionEnabled(current);
+    const isWorkspaceScope = current === ContributionEnablementState.EnabledWorkspace || current === ContributionEnablementState.DisabledWorkspace;
+    const profileLabel = isEnabled ? ( localize(6839, "Disable")) : ( localize(6840, "Enable"));
+    const workspaceLabel = isEnabled ? ( localize(6841, "Disable (Workspace)")) : ( localize(6842, "Enable (Workspace)"));
+    const profileState = isEnabled ? ContributionEnablementState.DisabledProfile : ContributionEnablementState.EnabledProfile;
+    const workspaceState = isEnabled ? ContributionEnablementState.DisabledWorkspace : ContributionEnablementState.EnabledWorkspace;
+    return {
+        isEnabled,
+        primaryLabel: isWorkspaceScope ? workspaceLabel : profileLabel,
+        primaryState: isWorkspaceScope ? workspaceState : profileState,
+        alternateLabel: isWorkspaceScope ? profileLabel : workspaceLabel,
+        alternateState: isWorkspaceScope ? profileState : workspaceState
+    };
+}
+function getMarketplaceUri(item) {
+    if (item.marketplaceReference.githubRepo) {
+        return ( URI.parse(`https://github.com/${item.marketplaceReference.githubRepo}`));
+    }
+    if (item.marketplaceReference.cloneUrl) {
+        return (URI.parse(item.marketplaceReference.cloneUrl.replace(/\.git$/, "")));
     }
+    return undefined;
 }
 
-export { EmbeddedAgentPluginDetail };
+export { EmbeddedAgentPluginDetail, PluginReadmeRenderGuard, getPluginVersion, loadPluginReadme, waitForInstalledPlugin };