@codingame/monaco-vscode-chat-service-override 27.0.0 → 28.0.0

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

@@ -21,7 +21,7 @@ import { WorkbenchList } from '@codingame/monaco-vscode-api/vscode/vs/platform/l
 import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
 import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
 import { IOpenerService } from '@codingame/monaco-vscode-api/vscode/vs/platform/opener/common/opener.service';
-import { basename, joinPath, isEqual } from '@codingame/monaco-vscode-api/vscode/vs/base/common/resources';
+import { basename, isEqual } from '@codingame/monaco-vscode-api/vscode/vs/base/common/resources';
 import { URI } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uri';
 import { registerColor } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colorUtils';
 import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/baseColors';
@@ -37,10 +37,11 @@ import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/sear
 import { PANEL_BORDER } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/theme';
 import { AICustomizationListWidget } from './aiCustomizationListWidget.js';
 import { McpListWidget } from './mcpListWidget.js';
+import { PluginListWidget } from './pluginListWidget.js';
 import { AI_CUSTOMIZATION_MANAGEMENT_EDITOR_ID, CONTEXT_AI_CUSTOMIZATION_MANAGEMENT_EDITOR, CONTEXT_AI_CUSTOMIZATION_MANAGEMENT_SECTION, AI_CUSTOMIZATION_MANAGEMENT_SELECTED_SECTION_KEY, AI_CUSTOMIZATION_MANAGEMENT_SIDEBAR_WIDTH_KEY, SIDEBAR_DEFAULT_WIDTH, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_WIDTH, CONTENT_MIN_WIDTH } from './aiCustomizationManagement.js';
-import { hookIcon, promptIcon, instructionsIcon, skillIcon, agentIcon } from './aiCustomizationIcons.js';
+import { pluginIcon, hookIcon, promptIcon, instructionsIcon, skillIcon, agentIcon } from './aiCustomizationIcons.js';
 import { ChatModelsWidget } from '../chatManagement/chatModelsWidget.js';
-import { PromptsType } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/promptTypes';
+import { PromptsType, Target } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/promptTypes';
 import { PromptsStorage } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/service/promptsService';
 import { IPromptsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/service/promptsService.service';
 import { NEW_SKILL_COMMAND_ID, NEW_AGENT_COMMAND_ID, NEW_INSTRUCTIONS_COMMAND_ID, NEW_PROMPT_COMMAND_ID } from '@codingame/monaco-vscode-xterm-addons-common/vscode/vs/workbench/contrib/chat/browser/promptSyntax/newPromptFileActions';
@@ -54,12 +55,13 @@ import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/pl
 import { getSimpleEditorOptions } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/codeEditor/browser/simpleEditorOptions';
 import { IWorkingCopyService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/workingCopy/common/workingCopyService.service';
 import { ITextFileService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/textfile/common/textfiles.service';
-import { IFileService } from '@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files.service';
-import { VSBuffer } from '@codingame/monaco-vscode-api/vscode/vs/base/common/buffer';
-import { HOOKS_SOURCE_FOLDER } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/config/promptFileLocations';
-import { COPILOT_CLI_HOOK_TYPE_MAP } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/hookSchema';
+import { IFileDialogService } from '@codingame/monaco-vscode-api/vscode/vs/platform/dialogs/common/dialogs.service';
+import { IHoverService } from '@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service';
 import { McpServerEditorInput } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/mcp/browser/mcpServerEditorInput';
 import { McpServerEditor } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/mcp/browser/mcpServerEditor';
+import { getDefaultHoverDelegate } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hoverDelegateFactory';
+import { AgentPluginEditor } from '../agentPluginEditor/agentPluginEditor.js';
+import { AgentPluginEditorInput } from '../agentPluginEditor/agentPluginEditorInput.js';
 import { AICustomizationManagementSection } from '../../common/aiCustomizationWorkspaceService.js';
 import { Orientation } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/sash/sash';
 import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
@@ -68,7 +70,7 @@ var AICustomizationManagementEditor_1;
 registerCss(aiCustomizationManagement);
 const $ = $$1;
 const aiCustomizationManagementSashBorder = registerColor("aiCustomizationManagement.sashBorder", PANEL_BORDER, ( localize(
-    5271,
+    5294,
     "The color of the Chat Customization Management editor splitview sash border."
 )));
 class SectionItemDelegate {
@@ -122,7 +124,8 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
         configurationService,
         workingCopyService,
         textFileService,
-        fileService
+        fileDialogService,
+        hoverService
     ) {
         super(
             AICustomizationManagementEditor_1.ID,
@@ -141,13 +144,16 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
         this.configurationService = configurationService;
         this.workingCopyService = workingCopyService;
         this.textFileService = textFileService;
-        this.fileService = fileService;
+        this.fileDialogService = fileDialogService;
+        this.hoverService = hoverService;
         this.editorModelChangeDisposables = this._register(( new DisposableStore()));
         this.viewMode = "list";
         this.mcpDetailDisposables = this._register(( new DisposableStore()));
+        this.pluginDetailDisposables = this._register(( new DisposableStore()));
         this.sections = [];
         this.selectedSection = AICustomizationManagementSection.Agents;
         this.editorDisposables = this._register(( new DisposableStore()));
+        this._editorContentChanged = false;
         this.inEditorContextKey = CONTEXT_AI_CUSTOMIZATION_MANAGEMENT_EDITOR.bindTo(contextKeyService);
         this.sectionContextKey = CONTEXT_AI_CUSTOMIZATION_MANAGEMENT_SECTION.bindTo(contextKeyService);
         this._register(autorun(reader => {
@@ -162,31 +168,35 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
         }));
         const sectionInfo = {
             [AICustomizationManagementSection.Agents]: {
-                label: ( localize(5272, "Agents")),
+                label: ( localize(5295, "Agents")),
                 icon: agentIcon
             },
             [AICustomizationManagementSection.Skills]: {
-                label: ( localize(5273, "Skills")),
+                label: ( localize(5296, "Skills")),
                 icon: skillIcon
             },
             [AICustomizationManagementSection.Instructions]: {
-                label: ( localize(5274, "Instructions")),
+                label: ( localize(5297, "Instructions")),
                 icon: instructionsIcon
             },
             [AICustomizationManagementSection.Prompts]: {
-                label: ( localize(5275, "Prompts")),
+                label: ( localize(5298, "Prompts")),
                 icon: promptIcon
             },
             [AICustomizationManagementSection.Hooks]: {
-                label: ( localize(5276, "Hooks")),
+                label: ( localize(5299, "Hooks")),
                 icon: hookIcon
             },
             [AICustomizationManagementSection.McpServers]: {
-                label: ( localize(5277, "MCP Servers")),
+                label: ( localize(5300, "MCP Servers")),
                 icon: Codicon.server
             },
+            [AICustomizationManagementSection.Plugins]: {
+                label: ( localize(5301, "Plugins")),
+                icon: pluginIcon
+            },
             [AICustomizationManagementSection.Models]: {
-                label: ( localize(5278, "Models")),
+                label: ( localize(5302, "Models")),
                 icon: Codicon.vm
             }
         };
@@ -235,7 +245,8 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
             layout: (width, _, height) => {
                 this.sidebarContainer.style.width = `${width}px`;
                 if (height !== undefined) {
-                    const listHeight = height - 8;
+                    const footerHeight = this.folderPickerContainer?.offsetHeight ?? 0;
+                    const listHeight = height - 8 - footerHeight;
                     this.sectionsList.layout(listHeight, width);
                 }
             }
@@ -250,6 +261,7 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
                 if (height !== undefined) {
                     this.listWidget.layout(height - 16, width - 24);
                     this.mcpListWidget?.layout(height - 16, width - 24);
+                    this.pluginListWidget?.layout(height - 16, width - 24);
                     const modelsFooterHeight = this.modelsFooterElement?.offsetHeight || 80;
                     this.modelsWidget?.layout(height - 16 - modelsFooterHeight, width);
                     if (this.viewMode === "editor" && this.embeddedEditor) {
@@ -264,6 +276,10 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
                         const backHeaderHeight = 40;
                         this.embeddedMcpEditor.layout(new Dimension(width, Math.max(0, height - backHeaderHeight)));
                     }
+                    if (this.viewMode === "pluginDetail" && this.embeddedPluginEditor) {
+                        const backHeaderHeight = 40;
+                        this.embeddedPluginEditor.layout(new Dimension(width, Math.max(0, height - backHeaderHeight)));
+                    }
                 }
             }
         }, Sizing.Distribute, undefined, true);
@@ -297,7 +313,7 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
                 horizontalScrolling: false,
                 accessibilityProvider: {
                     getAriaLabel: item => item.label,
-                    getWidgetAriaLabel: () => ( localize(5279, "Chat Customization Sections"))
+                    getWidgetAriaLabel: () => ( localize(5303, "Chat Customization Sections"))
                 },
                 openOnSingleClick: true,
                 identityProvider: {
@@ -315,6 +331,57 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
                 this.selectSection(e.elements[0].id);
             }
         }));
+        if (this.workspaceService.isSessionsWindow) {
+            this.createFolderPicker(sidebarContent);
+        }
+    }
+    createFolderPicker(sidebarContent) {
+        const footer = this.folderPickerContainer = append(sidebarContent, $(".sidebar-folder-picker"));
+        const button = append(footer, $("button.folder-picker-button"));
+        button.setAttribute("aria-label", ( localize(5304, "Browse folder")));
+        const folderIcon = append(button, $(`.codicon.codicon-${Codicon.folder.id}`));
+        folderIcon.classList.add("folder-picker-icon");
+        this.folderPickerLabel = append(button, $("span.folder-picker-label"));
+        this.folderPickerClearButton = append(footer, $("button.folder-picker-clear"));
+        this.folderPickerClearButton.setAttribute("aria-label", ( localize(5305, "Reset to session folder")));
+        append(this.folderPickerClearButton, $(`.codicon.codicon-${Codicon.close.id}`));
+        this.editorDisposables.add(addDisposableListener(button, "click", () => {
+            this.browseForFolder();
+        }));
+        this.editorDisposables.add(addDisposableListener(this.folderPickerClearButton, "click", () => {
+            this.workspaceService.clearOverrideProjectRoot();
+        }));
+        this.editorDisposables.add(
+            this.hoverService.setupManagedHover(getDefaultHoverDelegate("element"), button, () => {
+                const root = this.workspaceService.getActiveProjectRoot();
+                return root?.fsPath ?? "";
+            })
+        );
+        this.editorDisposables.add(autorun(reader => {
+            const root = this.workspaceService.activeProjectRoot.read(reader);
+            const hasOverride = this.workspaceService.hasOverrideProjectRoot.read(reader);
+            this.updateFolderPickerLabel(root, hasOverride);
+        }));
+    }
+    updateFolderPickerLabel(root, hasOverride) {
+        if (this.folderPickerLabel) {
+            this.folderPickerLabel.textContent = root ? basename(root) : ( localize(5306, "No folder"));
+        }
+        if (this.folderPickerClearButton) {
+            this.folderPickerClearButton.style.display = hasOverride ? "" : "none";
+        }
+    }
+    async browseForFolder() {
+        const result = await this.fileDialogService.showOpenDialog({
+            canSelectFolders: true,
+            canSelectFiles: false,
+            canSelectMany: false,
+            title: ( localize(5307, "Select Folder to Explore")),
+            defaultUri: this.workspaceService.getActiveProjectRoot()
+        });
+        if (result?.[0]) {
+            this.workspaceService.setOverrideProjectRoot(result[0]);
+        }
     }
     createContent() {
         const contentInner = append(this.contentContainer, $(".content-inner"));
@@ -345,11 +412,11 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
             this.modelsFooterElement = append(this.modelsContentContainer, $(".section-footer"));
             const modelsDescription = append(this.modelsFooterElement, $("p.section-footer-description"));
             modelsDescription.textContent = ( localize(
-                5280,
+                5308,
                 "Browse and manage language models from different providers. Select models for use in chat, code completion, and other AI features."
             ));
             const modelsLink = append(this.modelsFooterElement, $("a.section-footer-link"));
-            modelsLink.textContent = ( localize(5281, "Learn more about language models"));
+            modelsLink.textContent = ( localize(5309, "Learn more about language models"));
             modelsLink.href = "https://code.visualstudio.com/docs/copilot/customization/language-models";
             this.editorDisposables.add(addDisposableListener(modelsLink, "click", e => {
                 e.preventDefault();
@@ -366,6 +433,16 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
                 this.showEmbeddedMcpDetail(server);
             }));
         }
+        if (( hasSections.has(AICustomizationManagementSection.Plugins))) {
+            this.pluginContentContainer = append(contentInner, $(".plugin-content-container"));
+            this.pluginListWidget = this.editorDisposables.add(this.instantiationService.createInstance(PluginListWidget));
+            this.pluginContentContainer.appendChild(this.pluginListWidget.element);
+            this.pluginDetailContainer = append(contentInner, $(".plugin-detail-container"));
+            this.createEmbeddedPluginDetail();
+            this.editorDisposables.add(this.pluginListWidget.onDidSelectPlugin(item => {
+                this.showEmbeddedPluginDetail(item);
+            }));
+        }
         this.editorContentContainer = append(contentInner, $(".editor-content-container"));
         this.createEmbeddedEditor();
         this.updateContentVisibility();
@@ -386,6 +463,9 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
         if (this.viewMode === "mcpDetail") {
             this.goBackFromMcpDetail();
         }
+        if (this.viewMode === "pluginDetail") {
+            this.goBackFromPluginDetail();
+        }
         this.selectedSection = section;
         this.sectionContextKey.set(section);
         this.storageService.store(
@@ -402,19 +482,28 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
     updateContentVisibility() {
         const isEditorMode = this.viewMode === "editor";
         const isMcpDetailMode = this.viewMode === "mcpDetail";
+        const isPluginDetailMode = this.viewMode === "pluginDetail";
+        const isDetailMode = isMcpDetailMode || isPluginDetailMode;
         const isPromptsSection = this.isPromptsSection(this.selectedSection);
         const isModelsSection = this.selectedSection === AICustomizationManagementSection.Models;
         const isMcpSection = this.selectedSection === AICustomizationManagementSection.McpServers;
-        this.promptsContentContainer.style.display = !isEditorMode && !isMcpDetailMode && isPromptsSection ? "" : "none";
+        const isPluginsSection = this.selectedSection === AICustomizationManagementSection.Plugins;
+        this.promptsContentContainer.style.display = !isEditorMode && !isDetailMode && isPromptsSection ? "" : "none";
         if (this.modelsContentContainer) {
-            this.modelsContentContainer.style.display = !isEditorMode && !isMcpDetailMode && isModelsSection ? "" : "none";
+            this.modelsContentContainer.style.display = !isEditorMode && !isDetailMode && isModelsSection ? "" : "none";
         }
         if (this.mcpContentContainer) {
-            this.mcpContentContainer.style.display = !isEditorMode && !isMcpDetailMode && isMcpSection ? "" : "none";
+            this.mcpContentContainer.style.display = !isEditorMode && !isDetailMode && isMcpSection ? "" : "none";
         }
         if (this.mcpDetailContainer) {
             this.mcpDetailContainer.style.display = isMcpDetailMode ? "" : "none";
         }
+        if (this.pluginContentContainer) {
+            this.pluginContentContainer.style.display = !isEditorMode && !isDetailMode && isPluginsSection ? "" : "none";
+        }
+        if (this.pluginDetailContainer) {
+            this.pluginDetailContainer.style.display = isPluginDetailMode ? "" : "none";
+        }
         if (this.editorContentContainer) {
             this.editorContentContainer.style.display = isEditorMode ? "" : "none";
         }
@@ -434,7 +523,13 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
     async createNewItemManual(type, target) {
         if (type === PromptsType.hook) {
             if (this.workspaceService.isSessionsWindow) {
-                await this.createCopilotCliHookFile();
+                await this.instantiationService.invokeFunction(showConfigureHooksQuickPick, {
+                    openEditor: async resource => {
+                        await this.showEmbeddedEditor(resource, basename(resource), true);
+                        return;
+                    },
+                    target: Target.GitHubCopilot
+                });
             } else {
                 await this.instantiationService.invokeFunction(showConfigureHooksQuickPick, {
                     openEditor: async resource => {
@@ -475,32 +570,6 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
         await this.commandService.executeCommand(commandId, options);
         void this.listWidget.refresh();
     }
-    async createCopilotCliHookFile() {
-        const projectRoot = this.workspaceService.getActiveProjectRoot();
-        if (!projectRoot) {
-            return;
-        }
-        const hookFileUri = joinPath(projectRoot, HOOKS_SOURCE_FOLDER, "hooks.json");
-        try {
-            await this.fileService.stat(hookFileUri);
-        } catch {
-            const hooks = {};
-            for (const eventName of ( Object.keys(COPILOT_CLI_HOOK_TYPE_MAP))) {
-                hooks[eventName] = [{
-                    type: "command",
-                    bash: ""
-                }];
-            }
-            const hooksContent = {
-                version: 1,
-                hooks
-            };
-            const jsonContent = JSON.stringify(hooksContent, null, "\t");
-            await this.fileService.writeFile(hookFileUri, VSBuffer.fromString(jsonContent));
-        }
-        await this.showEmbeddedEditor(hookFileUri, basename(hookFileUri), true);
-        void this.listWidget.refresh();
-    }
     updateStyles() {
         const borderColor = this.theme.getColor(aiCustomizationManagementSashBorder);
         if (borderColor) {
@@ -510,6 +579,7 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
         }
     }
     async setInput(input, options, context, token) {
+        this.workspaceService.clearOverrideProjectRoot();
         this.inEditorContextKey.set(true);
         this.sectionContextKey.set(this.selectedSection);
         await super.setInput(input, options, context, token);
@@ -525,6 +595,10 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
         if (this.viewMode === "mcpDetail") {
             this.goBackFromMcpDetail();
         }
+        if (this.viewMode === "pluginDetail") {
+            this.goBackFromPluginDetail();
+        }
+        this.workspaceService.clearOverrideProjectRoot();
         super.clearInput();
     }
     layout(dimension) {
@@ -542,6 +616,8 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
         }
         if (this.selectedSection === AICustomizationManagementSection.McpServers) {
             this.mcpListWidget?.focusSearch();
+        } else if (this.selectedSection === AICustomizationManagementSection.Plugins) {
+            this.pluginListWidget?.focusSearch();
         } else if (this.selectedSection === AICustomizationManagementSection.Models) {
             this.modelsWidget?.focusSearch();
         } else {
@@ -551,6 +627,27 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
     selectSectionById(sectionId) {
         const index = this.sections.findIndex(s => s.id === sectionId);
         if (index >= 0) {
+            if (this.viewMode === "editor") {
+                this.goBackToList();
+            }
+            if (this.viewMode === "mcpDetail") {
+                this.goBackFromMcpDetail();
+            }
+            if (this.viewMode === "pluginDetail") {
+                this.goBackFromPluginDetail();
+            }
+            this.selectedSection = sectionId;
+            this.sectionContextKey.set(sectionId);
+            this.storageService.store(
+                AI_CUSTOMIZATION_MANAGEMENT_SELECTED_SECTION_KEY,
+                sectionId,
+                StorageScope.PROFILE,
+                StorageTarget.USER
+            );
+            this.updateContentVisibility();
+            if (this.isPromptsSection(sectionId)) {
+                void this.listWidget.setSection(sectionId);
+            }
             this.sectionsList.setFocus([index]);
             this.sectionsList.setSelection([index]);
         }
@@ -567,7 +664,7 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
         }
         const editorHeader = append(this.editorContentContainer, $(".editor-header"));
         const backButton = append(editorHeader, $("button.editor-back-button"));
-        backButton.setAttribute("aria-label", ( localize(5282, "Back to list")));
+        backButton.setAttribute("aria-label", ( localize(5310, "Back to list")));
         const backIcon = append(backButton, $(`.codicon.codicon-${Codicon.arrowLeft.id}`));
         backIcon.setAttribute("aria-hidden", "true");
         this.editorDisposables.add(addDisposableListener(backButton, "click", () => {
@@ -617,6 +714,10 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
         this.updateContentVisibility();
         try {
             const ref = await this.textModelService.createModelReference(uri);
+            if (!isEqual(this.currentEditingUri, uri)) {
+                ref.dispose();
+                return;
+            }
             this.currentModelRef = ref;
             this.embeddedEditor.setModel(ref.object.textEditorModel);
             this.embeddedEditor.updateOptions({
@@ -627,11 +728,13 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
             }
             this.embeddedEditor.focus();
             this.editorModelChangeDisposables.clear();
+            this._editorContentChanged = false;
             const saveDelayer = this.editorModelChangeDisposables.add(( new Delayer(500)));
             this.editorModelChangeDisposables.add(ref.object.textEditorModel.onDidChangeContent(() => {
+                this._editorContentChanged = true;
                 this.editorSaveIndicator.className = "editor-save-indicator visible";
                 this.editorSaveIndicator.classList.add(...ThemeIcon.asClassNameArray(Codicon.loading), "codicon-modifier-spin");
-                this.editorSaveIndicator.title = ( localize(5283, "Saving..."));
+                this.editorSaveIndicator.title = ( localize(5311, "Saving..."));
                 saveDelayer.trigger(async () => {
                     try {
                         await this.textFileService.save(uri);
@@ -639,7 +742,7 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
                         console.error("Failed to save AI customization file:", error);
                         this.editorSaveIndicator.className = "editor-save-indicator visible error";
                         this.editorSaveIndicator.classList.add(...ThemeIcon.asClassNameArray(Codicon.error));
-                        this.editorSaveIndicator.title = ( localize(5284, "Save Failed"));
+                        this.editorSaveIndicator.title = ( localize(5312, "Save Failed"));
                     }
                 });
             }));
@@ -647,18 +750,20 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
                 if (isEqual(e.workingCopy.resource, uri)) {
                     this.editorSaveIndicator.className = "editor-save-indicator visible saved";
                     this.editorSaveIndicator.classList.add(...ThemeIcon.asClassNameArray(Codicon.check));
-                    this.editorSaveIndicator.title = ( localize(5285, "Saved"));
+                    this.editorSaveIndicator.title = ( localize(5313, "Saved"));
                 }
             }));
         } catch (error) {
             console.error("Failed to load model for embedded editor:", error);
-            this.goBackToList();
+            if (isEqual(this.currentEditingUri, uri)) {
+                this.goBackToList();
+            }
         }
     }
     goBackToList() {
         const fileUri = this.currentEditingUri;
         const projectRoot = this.currentEditingProjectRoot;
-        if (fileUri && projectRoot) {
+        if (fileUri && projectRoot && this._editorContentChanged) {
             this.workspaceService.commitFiles(projectRoot, [fileUri]);
         }
         this.currentModelRef?.dispose();
@@ -671,6 +776,7 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
         this.embeddedEditor?.setModel(null);
         this.viewMode = "list";
         this.updateContentVisibility();
+        void this.listWidget?.refresh();
         if (this.dimension) {
             this.layout(this.dimension);
         }
@@ -682,7 +788,7 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
         }
         const detailHeader = append(this.mcpDetailContainer, $(".editor-header"));
         const backButton = append(detailHeader, $("button.editor-back-button"));
-        backButton.setAttribute("aria-label", ( localize(5286, "Back to MCP servers")));
+        backButton.setAttribute("aria-label", ( localize(5314, "Back to MCP servers")));
         const backIconEl = append(backButton, $(`.codicon.codicon-${Codicon.arrowLeft.id}`));
         backIconEl.setAttribute("aria-hidden", "true");
         this.editorDisposables.add(addDisposableListener(backButton, "click", () => {
@@ -721,7 +827,52 @@ let AICustomizationManagementEditor = class AICustomizationManagementEditor exte
         }
         this.mcpListWidget?.focusSearch();
     }
+    createEmbeddedPluginDetail() {
+        if (!this.pluginDetailContainer) {
+            return;
+        }
+        const detailHeader = append(this.pluginDetailContainer, $(".editor-header"));
+        const backButton = append(detailHeader, $("button.editor-back-button"));
+        backButton.setAttribute("aria-label", ( localize(5315, "Back to plugins")));
+        const backIconEl = append(backButton, $(`.codicon.codicon-${Codicon.arrowLeft.id}`));
+        backIconEl.setAttribute("aria-hidden", "true");
+        this.editorDisposables.add(addDisposableListener(backButton, "click", () => {
+            this.goBackFromPluginDetail();
+        }));
+        const editorContainer = append(this.pluginDetailContainer, $(".plugin-detail-editor-container"));
+        this.embeddedPluginEditor = this.editorDisposables.add(this.instantiationService.createInstance(AgentPluginEditor, this.group));
+        this.embeddedPluginEditor.create(editorContainer);
+    }
+    async showEmbeddedPluginDetail(item) {
+        if (!this.embeddedPluginEditor) {
+            return;
+        }
+        this.viewMode = "pluginDetail";
+        this.updateContentVisibility();
+        const input = ( new AgentPluginEditorInput(item));
+        this.pluginDetailDisposables.clear();
+        this.pluginDetailDisposables.add(input);
+        try {
+            await this.embeddedPluginEditor.setInput(input, undefined, {}, CancellationToken.None);
+        } catch {
+            this.goBackFromPluginDetail();
+            return;
+        }
+        if (this.dimension) {
+            this.layout(this.dimension);
+        }
+    }
+    goBackFromPluginDetail() {
+        this.pluginDetailDisposables.clear();
+        this.embeddedPluginEditor?.clearInput();
+        this.viewMode = "list";
+        this.updateContentVisibility();
+        if (this.dimension) {
+            this.layout(this.dimension);
+        }
+        this.pluginListWidget?.focusSearch();
+    }
 };
-AICustomizationManagementEditor = AICustomizationManagementEditor_1 = ( __decorate([( __param(1, ITelemetryService)), ( __param(2, IThemeService)), ( __param(3, IStorageService)), ( __param(4, IInstantiationService)), ( __param(5, IContextKeyService)), ( __param(6, IOpenerService)), ( __param(7, ICommandService)), ( __param(8, IAICustomizationWorkspaceService)), ( __param(9, IPromptsService)), ( __param(10, ITextModelService)), ( __param(11, IConfigurationService)), ( __param(12, IWorkingCopyService)), ( __param(13, ITextFileService)), ( __param(14, IFileService))], AICustomizationManagementEditor));
+AICustomizationManagementEditor = AICustomizationManagementEditor_1 = ( __decorate([( __param(1, ITelemetryService)), ( __param(2, IThemeService)), ( __param(3, IStorageService)), ( __param(4, IInstantiationService)), ( __param(5, IContextKeyService)), ( __param(6, IOpenerService)), ( __param(7, ICommandService)), ( __param(8, IAICustomizationWorkspaceService)), ( __param(9, IPromptsService)), ( __param(10, ITextModelService)), ( __param(11, IConfigurationService)), ( __param(12, IWorkingCopyService)), ( __param(13, ITextFileService)), ( __param(14, IFileDialogService)), ( __param(15, IHoverService))], AICustomizationManagementEditor));
 
 export { AICustomizationManagementEditor, aiCustomizationManagementSashBorder };

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

@@ -25,7 +25,7 @@ class AICustomizationManagementEditorInput extends EditorInput {
         return AICustomizationManagementEditorInput.ID;
     }
     getName() {
-        return localize(5287, "Chat Customizations");
+        return localize(5316, "Chat Customizations");
     }
     getIcon() {
         return Codicon.settingsGear;

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

@@ -6,9 +6,11 @@ import { AICustomizationManagementSection } from '../../common/aiCustomizationWo
 import '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
 import '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/extensions';
 import { PromptsStorage } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/service/promptsService';
+import { IPromptsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/service/promptsService.service';
 import { ICommandService } from '@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.service';
 import { PromptsType } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/promptTypes';
 import { GENERATE_HOOK_COMMAND_ID, GENERATE_PROMPT_COMMAND_ID, GENERATE_ON_DEMAND_INSTRUCTIONS_COMMAND_ID, GENERATE_SKILL_COMMAND_ID, GENERATE_AGENT_COMMAND_ID } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/actions/chatActions';
+import { constObservable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/constObservable';
 import { observableFromEventOpts } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/observableFromEvent';
 import { derived } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/derived';
 
@@ -17,18 +19,21 @@ let AICustomizationWorkspaceService = class AICustomizationWorkspaceService {
     static {
         AICustomizationWorkspaceService_1 = this;
     }
-    constructor(workspaceContextService, commandService) {
+    constructor(workspaceContextService, commandService, promptsService) {
         this.workspaceContextService = workspaceContextService;
         this.commandService = commandService;
+        this.promptsService = promptsService;
         this.managementSections = [
             AICustomizationManagementSection.Agents,
             AICustomizationManagementSection.Skills,
             AICustomizationManagementSection.Instructions,
             AICustomizationManagementSection.Prompts,
             AICustomizationManagementSection.Hooks,
-            AICustomizationManagementSection.McpServers
+            AICustomizationManagementSection.McpServers,
+            AICustomizationManagementSection.Plugins
         ];
         this.isSessionsWindow = false;
+        this.hasOverrideProjectRoot = constObservable(false);
         const workspaceFolders = observableFromEventOpts({
             owner: this
         }, this.workspaceContextService.onDidChangeWorkspaceFolders, () => this.workspaceContextService.getWorkspace().folders);
@@ -54,7 +59,10 @@ let AICustomizationWorkspaceService = class AICustomizationWorkspaceService {
     getStorageSourceFilter(_type) {
         return AICustomizationWorkspaceService_1._defaultFilter;
     }
+    setOverrideProjectRoot(_root) {}
+    clearOverrideProjectRoot() {}
     async commitFiles(_projectRoot, _fileUris) {}
+    async deleteFiles(_projectRoot, _fileUris) {}
     async generateCustomization(type) {
         const commandIds = {
             [PromptsType.agent]: GENERATE_AGENT_COMMAND_ID,
@@ -68,5 +76,8 @@ let AICustomizationWorkspaceService = class AICustomizationWorkspaceService {
             await this.commandService.executeCommand(commandId);
         }
     }
+    async getFilteredPromptSlashCommands(token) {
+        return this.promptsService.getPromptSlashCommands(token);
+    }
 };
-AICustomizationWorkspaceService = AICustomizationWorkspaceService_1 = ( __decorate([( __param(0, IWorkspaceContextService)), ( __param(1, ICommandService))], AICustomizationWorkspaceService));
+AICustomizationWorkspaceService = AICustomizationWorkspaceService_1 = ( __decorate([( __param(0, IWorkspaceContextService)), ( __param(1, ICommandService)), ( __param(2, IPromptsService))], AICustomizationWorkspaceService));

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

@@ -32,11 +32,11 @@ let CustomizationCreatorService = class CustomizationCreatorService {
     async createWithAI(type) {
         const typeLabel = getTypeLabel(type);
         const name = await this.quickInputService.input({
-            prompt: ( localize(5288, "Name for the new {0}", typeLabel)),
-            placeHolder: ( localize(5289, "e.g., my-{0}", typeLabel)),
+            prompt: ( localize(5317, "Name for the new {0}", typeLabel)),
+            placeHolder: ( localize(5318, "e.g., my-{0}", typeLabel)),
             validateInput: async value => {
                 if (!value || !value.trim()) {
-                    return localize(5290, "Name is required");
+                    return localize(5319, "Name is required");
                 }
                 return undefined;
             }