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

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

@@ -2,7 +2,7 @@
 import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
 import * as aiCustomizationManagement from './media/aiCustomizationManagement.css';
-import { $ as $$1, append, addDisposableListener } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { $ as $$1, append, addDisposableListener, getWindow } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { DisposableStore, Disposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
 import { Emitter } from '@codingame/monaco-vscode-api/vscode/vs/base/common/event';
 import { CancellationToken } from '@codingame/monaco-vscode-api/vscode/vs/base/common/cancellation';
@@ -17,7 +17,7 @@ import { WorkbenchList } from '@codingame/monaco-vscode-api/vscode/vs/platform/l
 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 { PromptsType } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/promptTypes';
-import { pluginIcon, extensionIcon, userIcon, workspaceIcon, promptIcon, hookIcon, instructionsIcon, skillIcon, agentIcon } from './aiCustomizationIcons.js';
+import { workspaceIcon, userIcon, extensionIcon, pluginIcon, agentIcon, promptIcon, hookIcon, instructionsIcon, skillIcon } from './aiCustomizationIcons.js';
 import { AICustomizationManagementItemMenuId } from './aiCustomizationManagement.js';
 import { InputBox } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/inputbox/inputBox';
 import { defaultInputBoxStyles, defaultButtonStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
@@ -36,15 +36,22 @@ import { AICustomizationManagementSection, applyStorageSourceFilter } from '../.
 import { IAICustomizationWorkspaceService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/aiCustomizationWorkspaceService.service';
 import { Separator, Action } from '@codingame/monaco-vscode-api/vscode/vs/base/common/actions';
 import { IClipboardService } from '@codingame/monaco-vscode-api/vscode/vs/platform/clipboard/common/clipboardService.service';
-import { ISCMService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/scm/common/scm.service';
 import { IHoverService } from '@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service';
+import { IFileService } from '@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files.service';
+import { IPathService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/path/common/pathService.service';
 import { generateCustomizationDebugReport } from './aiCustomizationDebugPanel.js';
+import { parseHooksFromFile } from '../../common/promptSyntax/hookCompatibility.js';
+import { formatHookCommandLabel } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/hookSchema';
+import { HOOK_METADATA, HookType } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/hookTypes';
+import { parse } from '@codingame/monaco-vscode-api/vscode/vs/base/common/json';
+import { Schemas } from '@codingame/monaco-vscode-api/vscode/vs/base/common/network';
+import { OS } from '@codingame/monaco-vscode-api/vscode/vs/base/common/platform';
 import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
 
 registerCss(aiCustomizationManagement);
 const $ = $$1;
 const ITEM_HEIGHT = 44;
-const GROUP_HEADER_HEIGHT = 32;
+const GROUP_HEADER_HEIGHT = 36;
 const GROUP_HEADER_HEIGHT_WITH_SEPARATOR = 40;
 class AICustomizationListDelegate {
     getHeight(element) {
@@ -109,8 +116,10 @@ class GroupHeaderRenderer {
         templateData.disposables.dispose();
     }
 }
-class AICustomizationItemRenderer {
-    constructor() {
+let AICustomizationItemRenderer = class AICustomizationItemRenderer {
+    constructor(hoverService, labelService) {
+        this.hoverService = hoverService;
+        this.labelService = labelService;
         this.templateId = "aiCustomizationItem";
     }
     renderTemplate(container) {
@@ -118,19 +127,15 @@ class AICustomizationItemRenderer {
         const elementDisposables = ( new DisposableStore());
         container.classList.add("ai-customization-list-item");
         const leftSection = append(container, $(".item-left"));
-        const storageBadge = append(leftSection, $(".storage-badge"));
         const textContainer = append(leftSection, $(".item-text"));
         const nameLabel = disposables.add(( new HighlightedLabel(append(textContainer, $(".item-name")))));
         const description = disposables.add(( new HighlightedLabel(append(textContainer, $(".item-description")))));
-        const gitStatusBadge = append(container, $(".git-status-badge"));
         const actionsContainer = append(container, $(".item-right"));
         return {
             container,
             actionsContainer,
             nameLabel,
             description,
-            storageBadge,
-            gitStatusBadge,
             disposables,
             elementDisposables
         };
@@ -138,6 +143,18 @@ class AICustomizationItemRenderer {
     renderElement(entry, index, templateData) {
         templateData.elementDisposables.clear();
         const element = entry.item;
+        templateData.elementDisposables.add(this.hoverService.setupDelayedHover(templateData.container, () => {
+            const uriLabel = this.labelService.getUriLabel(element.uri, {
+                relative: false
+            });
+            return {
+                content: `${element.name}\n${uriLabel}`,
+                appearance: {
+                    compact: true,
+                    skipFadeInAnimation: true
+                }
+            };
+        }));
         templateData.nameLabel.set(element.name, element.nameMatches);
         const secondaryText = element.description || element.filename;
         if (secondaryText) {
@@ -151,46 +168,13 @@ class AICustomizationItemRenderer {
             templateData.description.set("", undefined);
             templateData.description.element.style.display = "none";
         }
-        let storageBadgeIcon;
-        let storageBadgeLabel;
-        switch (element.storage) {
-        case PromptsStorage.local:
-            storageBadgeIcon = workspaceIcon;
-            storageBadgeLabel = ( localize(5206, "Workspace"));
-            break;
-        case PromptsStorage.user:
-            storageBadgeIcon = userIcon;
-            storageBadgeLabel = ( localize(5207, "User"));
-            break;
-        case PromptsStorage.extension:
-            storageBadgeIcon = extensionIcon;
-            storageBadgeLabel = ( localize(5208, "Extension"));
-            break;
-        case PromptsStorage.plugin:
-            storageBadgeIcon = pluginIcon;
-            storageBadgeLabel = ( localize(5209, "Plugin"));
-            break;
-        }
-        templateData.storageBadge.className = "storage-badge";
-        templateData.storageBadge.classList.add(...ThemeIcon.asClassNameArray(storageBadgeIcon));
-        templateData.storageBadge.title = storageBadgeLabel;
-        const gitBadge = templateData.gitStatusBadge;
-        gitBadge.className = "git-status-badge";
-        if (element.gitStatus === "committed") {
-            gitBadge.classList.add(...ThemeIcon.asClassNameArray(Codicon.check));
-            gitBadge.classList.add("committed");
-            gitBadge.textContent = "";
-            gitBadge.title = ( localize(5210, "Committed"));
-            gitBadge.style.display = "";
-        } else {
-            gitBadge.style.display = "none";
-        }
     }
     disposeTemplate(templateData) {
         templateData.elementDisposables.dispose();
         templateData.disposables.dispose();
     }
-}
+};
+AICustomizationItemRenderer = ( __decorate([( __param(0, IHoverService)), ( __param(1, ILabelService))], AICustomizationItemRenderer));
 function sectionToPromptType(section) {
     switch (section) {
     case AICustomizationManagementSection.Agents:
@@ -219,8 +203,9 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
         labelService,
         workspaceService,
         clipboardService,
-        scmService,
-        hoverService
+        hoverService,
+        fileService,
+        pathService
     ) {
         super();
         this.instantiationService = instantiationService;
@@ -234,8 +219,9 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
         this.labelService = labelService;
         this.workspaceService = workspaceService;
         this.clipboardService = clipboardService;
-        this.scmService = scmService;
         this.hoverService = hoverService;
+        this.fileService = fileService;
+        this.pathService = pathService;
         this.currentSection = AICustomizationManagementSection.Agents;
         this.allItems = [];
         this.displayEntries = [];
@@ -261,22 +247,12 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
             this.updateAddButton();
             this.refresh();
         }));
-        const trackRepoChanges = repo => {
-            this._register(repo.provider.onDidChangeResources(() => {
-                this.updateGitStatus(this.allItems);
-                this.filterItems();
-            }));
-        };
-        for (const repo of [...this.scmService.repositories]) {
-            trackRepoChanges(repo);
-        }
-        this._register(this.scmService.onDidAddRepository(repo => trackRepoChanges(repo)));
     }
     create() {
         this.searchAndButtonContainer = append(this.element, $(".list-search-and-button-container"));
         this.searchContainer = append(this.searchAndButtonContainer, $(".list-search-container"));
         this.searchInput = this._register(( new InputBox(this.searchContainer, this.contextViewService, {
-            placeholder: ( localize(5211, "Type to search...")),
+            placeholder: ( localize(5231, "Type to search...")),
             inputBoxStyles: defaultInputBoxStyles
         })));
         this._register(this.searchInput.onDidChange(() => {
@@ -322,16 +298,16 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
                     getAriaLabel: entry => {
                         if (entry.type === "group-header") {
                             return localize(
-                                5212,
+                                5232,
                                 "{0}, {1} items, {2}",
                                 entry.label,
                                 entry.count,
-                                entry.collapsed ? ( localize(5213, "collapsed")) : ( localize(5214, "expanded"))
+                                entry.collapsed ? ( localize(5233, "collapsed")) : ( localize(5234, "expanded"))
                             );
                         }
-                        return entry.item.description ? ( localize(5215, "{0}, {1}", entry.item.name, entry.item.description)) : entry.item.name;
+                        return entry.item.description ? ( localize(5235, "{0}, {1}", entry.item.name, entry.item.description)) : entry.item.name;
                     },
-                    getWidgetAriaLabel: () => ( localize(5216, "Chat Customizations"))
+                    getWidgetAriaLabel: () => ( localize(5236, "Chat Customizations"))
                 },
                 keyboardNavigationLabelProvider: {
                     getKeyboardNavigationLabel: entry => entry.type === "group-header" ? entry.label : entry.item.name
@@ -380,9 +356,9 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
             shouldForwardArgs: true
         });
         const flatActions = getFlatContextMenuActions(actions);
-        const copyActions = [( new Separator()), ( new Action("copyFullPath", ( localize(5217, "Copy Full Path")), undefined, true, async () => {
+        const copyActions = [( new Separator()), ( new Action("copyFullPath", ( localize(5237, "Copy Full Path")), undefined, true, async () => {
             await this.clipboardService.writeText(item.uri.fsPath);
-        })), ( new Action("copyRelativePath", ( localize(5218, "Copy Relative Path")), undefined, true, async () => {
+        })), ( new Action("copyRelativePath", ( localize(5238, "Copy Relative Path")), undefined, true, async () => {
             const basePath = this.workspaceService.getActiveProjectRoot();
             if (basePath && item.uri.fsPath.startsWith(basePath.fsPath)) {
                 const relative = item.uri.fsPath.substring(basePath.fsPath.length + 1);
@@ -412,41 +388,41 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
         switch (this.currentSection) {
         case AICustomizationManagementSection.Agents:
             description = ( localize(
-                5219,
+                5239,
                 "Configure the AI to adopt different personas tailored to specific development tasks. Each agent has its own instructions, tools, and behavior."
             ));
             docsUrl = "https://code.visualstudio.com/docs/copilot/customization/custom-agents";
-            learnMoreLabel = ( localize(5220, "Learn more about custom agents"));
+            learnMoreLabel = ( localize(5240, "Learn more about custom agents"));
             break;
         case AICustomizationManagementSection.Skills:
             description = ( localize(
-                5221,
+                5241,
                 "Folders of instructions, scripts, and resources that Copilot loads when relevant to perform specialized tasks."
             ));
             docsUrl = "https://code.visualstudio.com/docs/copilot/customization/agent-skills";
-            learnMoreLabel = ( localize(5222, "Learn more about agent skills"));
+            learnMoreLabel = ( localize(5242, "Learn more about agent skills"));
             break;
         case AICustomizationManagementSection.Instructions:
             description = ( localize(
-                5223,
+                5243,
                 "Define common guidelines and rules that automatically influence how AI generates code and handles development tasks."
             ));
             docsUrl = "https://code.visualstudio.com/docs/copilot/customization/custom-instructions";
-            learnMoreLabel = ( localize(5224, "Learn more about custom instructions"));
+            learnMoreLabel = ( localize(5244, "Learn more about custom instructions"));
             break;
         case AICustomizationManagementSection.Hooks:
-            description = ( localize(5225, "Prompts executed at specific points during an agentic lifecycle."));
+            description = ( localize(5245, "Prompts executed at specific points during an agentic lifecycle."));
             docsUrl = "https://code.visualstudio.com/docs/copilot/customization/hooks";
-            learnMoreLabel = ( localize(5226, "Learn more about hooks"));
+            learnMoreLabel = ( localize(5246, "Learn more about hooks"));
             break;
         case AICustomizationManagementSection.Prompts:
         default:
             description = ( localize(
-                5227,
+                5247,
                 "Reusable prompts for common development tasks like generating code, performing reviews, or scaffolding components."
             ));
             docsUrl = "https://code.visualstudio.com/docs/copilot/customization/prompt-files";
-            learnMoreLabel = ( localize(5228, "Learn more about prompt files"));
+            learnMoreLabel = ( localize(5248, "Learn more about prompt files"));
             break;
         }
         this.sectionDescription.textContent = description;
@@ -468,7 +444,7 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
                 this.addButton.primaryButton.setTitle("");
                 this.addButton.dropdownButton.setTitle("");
                 if (!hasWorkspace) {
-                    const disabledTitle = ( localize(5229, "Open a workspace folder to create customizations."));
+                    const disabledTitle = ( localize(5249, "Open a workspace folder to create customizations."));
                     this.addButton.primaryButton.setTitle(disabledTitle);
                     this.addButton.dropdownButton.setTitle(disabledTitle);
                 }
@@ -476,7 +452,7 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
                 this.addButtonSimple.label = label;
                 this.addButtonSimple.enabled = hasWorkspace;
                 if (!hasWorkspace) {
-                    this.addButtonSimple.setTitle(( localize(5229, "Open a workspace folder to create customizations.")));
+                    this.addButtonSimple.setTitle(( localize(5249, "Open a workspace folder to create customizations.")));
                 } else {
                     this.addButtonSimple.setTitle("");
                 }
@@ -583,16 +559,16 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
     getTypeLabel() {
         switch (this.currentSection) {
         case AICustomizationManagementSection.Agents:
-            return localize(5230, "Agent");
+            return localize(5250, "Agent");
         case AICustomizationManagementSection.Skills:
-            return localize(5231, "Skill");
+            return localize(5251, "Skill");
         case AICustomizationManagementSection.Instructions:
-            return localize(5232, "Instructions");
+            return localize(5252, "Instructions");
         case AICustomizationManagementSection.Hooks:
-            return localize(5233, "Hook");
+            return localize(5253, "Hook");
         case AICustomizationManagementSection.Prompts:
         default:
-            return localize(5234, "Prompt");
+            return localize(5254, "Prompt");
         }
     }
     async refresh() {
@@ -600,7 +576,8 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
         await this.loadItems();
     }
     async loadItems() {
-        const promptType = sectionToPromptType(this.currentSection);
+        const section = this.currentSection;
+        const promptType = sectionToPromptType(section);
         const items = [];
         if (promptType === PromptsType.agent) {
             const agents = await this.promptsService.getCustomAgents(CancellationToken.None);
@@ -650,16 +627,77 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
             }
         } else if (promptType === PromptsType.hook) {
             const hookFiles = await this.promptsService.listPromptFiles(PromptsType.hook, CancellationToken.None);
+            const activeRoot = this.workspaceService.getActiveProjectRoot();
+            const userHomeUri = await this.pathService.userHome();
+            const userHome = userHomeUri.scheme === Schemas.file ? userHomeUri.fsPath : userHomeUri.path;
             for (const hookFile of hookFiles) {
-                const filename = basename(hookFile.uri);
-                items.push({
-                    id: ( hookFile.uri.toString()),
-                    uri: hookFile.uri,
-                    name: this.getFriendlyName(filename),
-                    filename,
-                    storage: hookFile.storage,
-                    promptType
-                });
+                let parsedHooks = false;
+                try {
+                    const content = await this.fileService.readFile(hookFile.uri);
+                    const json = parse(( content.value.toString()));
+                    const {
+                        hooks
+                    } = parseHooksFromFile(hookFile.uri, json, activeRoot, userHome);
+                    if (hooks.size > 0) {
+                        parsedHooks = true;
+                        for (const [hookType, entry] of hooks) {
+                            const hookMeta = HOOK_METADATA[hookType];
+                            for (let i = 0; i < entry.hooks.length; i++) {
+                                const hook = entry.hooks[i];
+                                const cmdLabel = formatHookCommandLabel(hook, OS);
+                                const truncatedCmd = cmdLabel.length > 60 ? cmdLabel.substring(0, 57) + "..." : cmdLabel;
+                                items.push({
+                                    id: `${( hookFile.uri.toString())}#${entry.originalId}[${i}]`,
+                                    uri: hookFile.uri,
+                                    name: hookMeta?.label ?? entry.originalId,
+                                    filename: basename(hookFile.uri),
+                                    description: truncatedCmd || ( localize(5255, "(unset)")),
+                                    storage: hookFile.storage,
+                                    promptType
+                                });
+                            }
+                        }
+                    }
+                } catch {}
+                if (!parsedHooks) {
+                    const filename = basename(hookFile.uri);
+                    items.push({
+                        id: ( hookFile.uri.toString()),
+                        uri: hookFile.uri,
+                        name: this.getFriendlyName(filename),
+                        filename,
+                        storage: hookFile.storage,
+                        promptType
+                    });
+                }
+            }
+            const agents = !this.workspaceService.isSessionsWindow ? await this.promptsService.getCustomAgents(CancellationToken.None) : [];
+            for (const agent of agents) {
+                if (!agent.hooks) {
+                    continue;
+                }
+                for (const hookType of ( Object.values(HookType))) {
+                    const hookCommands = agent.hooks[hookType];
+                    if (!hookCommands || hookCommands.length === 0) {
+                        continue;
+                    }
+                    const hookMeta = HOOK_METADATA[hookType];
+                    for (let i = 0; i < hookCommands.length; i++) {
+                        const hook = hookCommands[i];
+                        const cmdLabel = formatHookCommandLabel(hook, OS);
+                        const truncatedCmd = cmdLabel.length > 60 ? cmdLabel.substring(0, 57) + "..." : cmdLabel;
+                        items.push({
+                            id: `${( agent.uri.toString())}#hook:${hookType}[${i}]`,
+                            uri: agent.uri,
+                            name: hookMeta?.label ?? hookType,
+                            filename: basename(agent.uri),
+                            description: `${agent.name}: ${truncatedCmd || ( localize(5255, "(unset)"))}`,
+                            storage: agent.source.storage,
+                            groupKey: "agents",
+                            promptType
+                        });
+                    }
+                }
             }
         } else {
             const promptFiles = await this.promptsService.listPromptFiles(promptType, CancellationToken.None);
@@ -708,26 +746,13 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
         items.length = 0;
         items.push(...filteredItems);
         items.sort((a, b) => a.name.localeCompare(b.name));
-        this.updateGitStatus(items);
+        if (this.currentSection !== section) {
+            return;
+        }
         this.allItems = items;
         this.filterItems();
         this._onDidChangeItemCount.fire(items.length);
     }
-    updateGitStatus(items) {
-        const uncommittedUris = ( new Set());
-        for (const repo of [...this.scmService.repositories]) {
-            for (const group of repo.provider.groups) {
-                for (const resource of group.resources) {
-                    uncommittedUris.add(( resource.sourceUri.toString()));
-                }
-            }
-        }
-        for (const item of items) {
-            if (item.storage === PromptsStorage.local) {
-                item.gitStatus = ( uncommittedUris.has(( item.uri.toString()))) ? "uncommitted" : "committed";
-            }
-        }
-    }
     getFriendlyName(filename) {
         let name = filename.replace(/\.instructions\.md$/i, "").replace(/\.prompt\.md$/i, "").replace(/\.agent\.md$/i, "").replace(/\.md$/i, "");
         name = name.replace(/[-_]/g, " ").replace(/\b\w/g, c => c.toUpperCase());
@@ -760,38 +785,45 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
         const promptType = sectionToPromptType(this.currentSection);
         const visibleSources = ( new Set(this.workspaceService.getStorageSourceFilter(promptType).sources));
         const groups = [{
-            storage: PromptsStorage.local,
-            label: ( localize(5235, "Workspace")),
+            groupKey: PromptsStorage.local,
+            label: ( localize(5256, "Workspace")),
             icon: workspaceIcon,
             description: ( localize(
-                5236,
+                5257,
                 "Customizations stored as files in your project folder and shared with your team via version control."
             )),
             items: []
         }, {
-            storage: PromptsStorage.user,
-            label: ( localize(5237, "User")),
+            groupKey: PromptsStorage.user,
+            label: ( localize(5258, "User")),
             icon: userIcon,
             description: ( localize(
-                5238,
+                5259,
                 "Customizations stored locally on your machine in a central location. Private to you and available across all projects."
             )),
             items: []
         }, {
-            storage: PromptsStorage.extension,
-            label: ( localize(5239, "Extensions")),
+            groupKey: PromptsStorage.extension,
+            label: ( localize(5260, "Extensions")),
             icon: extensionIcon,
-            description: ( localize(5240, "Read-only customizations provided by installed extensions.")),
+            description: ( localize(5261, "Read-only customizations provided by installed extensions.")),
             items: []
         }, {
-            storage: PromptsStorage.plugin,
-            label: ( localize(5241, "Plugins")),
+            groupKey: PromptsStorage.plugin,
+            label: ( localize(5262, "Plugins")),
             icon: pluginIcon,
-            description: ( localize(5242, "Read-only customizations provided by installed plugins.")),
+            description: ( localize(5263, "Read-only customizations provided by installed plugins.")),
             items: []
-        }].filter(g => ( visibleSources.has(g.storage)));
+        }, {
+            groupKey: "agents",
+            label: ( localize(5264, "Agents")),
+            icon: agentIcon,
+            description: ( localize(5265, "Hooks defined in agent files.")),
+            items: []
+        }].filter(g => ( visibleSources.has(g.groupKey)) || g.groupKey === "agents");
         for (const item of matchedItems) {
-            const group = groups.find(g => g.storage === item.storage);
+            const key = item.groupKey ?? item.storage;
+            const group = groups.find(g => g.groupKey === key);
             if (group) {
                 group.items.push(item);
             }
@@ -805,11 +837,11 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
             if (group.items.length === 0) {
                 continue;
             }
-            const collapsed = ( this.collapsedGroups.has(group.storage));
+            const collapsed = ( this.collapsedGroups.has(group.groupKey));
             this.displayEntries.push({
                 type: "group-header",
-                id: `group-${group.storage}`,
-                storage: group.storage,
+                id: `group-${group.groupKey}`,
+                groupKey: group.groupKey,
                 label: group.label,
                 icon: group.icon,
                 count: group.items.length,
@@ -831,10 +863,10 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
         this.updateEmptyState();
     }
     toggleGroup(entry) {
-        if (( this.collapsedGroups.has(entry.storage))) {
-            this.collapsedGroups.delete(entry.storage);
+        if (( this.collapsedGroups.has(entry.groupKey))) {
+            this.collapsedGroups.delete(entry.groupKey);
         } else {
-            this.collapsedGroups.add(entry.storage);
+            this.collapsedGroups.add(entry.groupKey);
         }
         this.filterItems();
     }
@@ -847,8 +879,8 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
             const sectionIcon = this.getSectionIcon();
             this.emptyStateIcon.classList.add(...ThemeIcon.asClassNameArray(sectionIcon));
             if (this.searchQuery.trim()) {
-                this.emptyStateText.textContent = ( localize(5243, "No items match '{0}'", this.searchQuery));
-                this.emptyStateSubtext.textContent = ( localize(5244, "Try a different search term"));
+                this.emptyStateText.textContent = ( localize(5266, "No items match '{0}'", this.searchQuery));
+                this.emptyStateSubtext.textContent = ( localize(5267, "Try a different search term"));
             } else {
                 const emptyInfo = this.getEmptyStateInfo();
                 this.emptyStateText.textContent = emptyInfo.title;
@@ -878,29 +910,29 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
         switch (this.currentSection) {
         case AICustomizationManagementSection.Agents:
             return {
-                title: ( localize(5245, "No agents yet")),
-                description: ( localize(5246, "Create your first custom agent to get started"))
+                title: ( localize(5268, "No agents yet")),
+                description: ( localize(5269, "Create your first custom agent to get started"))
             };
         case AICustomizationManagementSection.Skills:
             return {
-                title: ( localize(5247, "No skills yet")),
-                description: ( localize(5248, "Create your first skill to extend agent capabilities"))
+                title: ( localize(5270, "No skills yet")),
+                description: ( localize(5271, "Create your first skill to extend agent capabilities"))
             };
         case AICustomizationManagementSection.Instructions:
             return {
-                title: ( localize(5249, "No instructions yet")),
-                description: ( localize(5250, "Add instructions to teach Copilot about your codebase"))
+                title: ( localize(5272, "No instructions yet")),
+                description: ( localize(5273, "Add instructions to teach Copilot about your codebase"))
             };
         case AICustomizationManagementSection.Hooks:
             return {
-                title: ( localize(5251, "No hooks yet")),
-                description: ( localize(5252, "Create hooks to execute commands at agent lifecycle events"))
+                title: ( localize(5274, "No hooks yet")),
+                description: ( localize(5275, "Create hooks to execute commands at agent lifecycle events"))
             };
         case AICustomizationManagementSection.Prompts:
         default:
             return {
-                title: ( localize(5253, "No prompts yet")),
-                description: ( localize(5254, "Create reusable prompts for common tasks"))
+                title: ( localize(5276, "No prompts yet")),
+                description: ( localize(5277, "Create reusable prompts for common tasks"))
             };
         }
     }
@@ -920,13 +952,25 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
         }
     }
     layout(height, width) {
-        const sectionFooterHeight = this.sectionHeader.offsetHeight || 100;
-        const searchBarHeight = this.searchAndButtonContainer.offsetHeight || 40;
-        const margins = 12;
-        const listHeight = height - sectionFooterHeight - searchBarHeight - margins;
+        const sectionFooterHeight = this.sectionHeader.offsetHeight || 0;
+        const searchBarHeight = this.searchAndButtonContainer.offsetHeight || 52;
+        const listHeight = height - sectionFooterHeight - searchBarHeight;
         this.searchInput.layout();
         this.listContainer.style.height = `${Math.max(0, listHeight)}px`;
         this.list.layout(Math.max(0, listHeight), width);
+        if (sectionFooterHeight === 0) {
+            getWindow(this.listContainer).requestAnimationFrame(() => {
+                if (this._store.isDisposed) {
+                    return;
+                }
+                const actualFooterHeight = this.sectionHeader.offsetHeight;
+                if (actualFooterHeight > 0) {
+                    const correctedHeight = height - actualFooterHeight - searchBarHeight;
+                    this.listContainer.style.height = `${Math.max(0, correctedHeight)}px`;
+                    this.list.layout(Math.max(0, correctedHeight), width);
+                }
+            });
+        }
     }
     get itemCount() {
         return this.allItems.length;
@@ -938,6 +982,6 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
         });
     }
 };
-AICustomizationListWidget = ( __decorate([( __param(0, IInstantiationService)), ( __param(1, IPromptsService)), ( __param(2, IContextViewService)), ( __param(3, IOpenerService)), ( __param(4, IContextMenuService)), ( __param(5, IMenuService)), ( __param(6, IContextKeyService)), ( __param(7, IWorkspaceContextService)), ( __param(8, ILabelService)), ( __param(9, IAICustomizationWorkspaceService)), ( __param(10, IClipboardService)), ( __param(11, ISCMService)), ( __param(12, IHoverService))], AICustomizationListWidget));
+AICustomizationListWidget = ( __decorate([( __param(0, IInstantiationService)), ( __param(1, IPromptsService)), ( __param(2, IContextViewService)), ( __param(3, IOpenerService)), ( __param(4, IContextMenuService)), ( __param(5, IMenuService)), ( __param(6, IContextKeyService)), ( __param(7, IWorkspaceContextService)), ( __param(8, ILabelService)), ( __param(9, IAICustomizationWorkspaceService)), ( __param(10, IClipboardService)), ( __param(11, IHoverService)), ( __param(12, IFileService)), ( __param(13, IPathService))], AICustomizationListWidget));
 
 export { AICustomizationListWidget, sectionToPromptType };