@codingame/monaco-vscode-chat-service-override 32.0.1 → 33.0.4

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, getWindow } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { $ as $$1, append, createTextNode, addDisposableListener, getWindow, DisposableResizeObserver } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { status } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/aria/aria';
 import { ActionBar } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/actionbar/actionbar';
 import { DisposableStore, Disposable, MutableDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
@@ -79,9 +79,9 @@ class GroupHeaderRenderer {
         const icon = append(container, $(".group-icon"));
         const labelGroup = append(container, $(".group-label-group"));
         const label = append(labelGroup, $(".group-label"));
-        const infoIcon = append(labelGroup, $(".group-info"));
-        infoIcon.classList.add(...ThemeIcon.asClassNameArray(Codicon.info));
         const count = append(container, $(".group-count"));
+        const infoIcon = append(container, $(".group-info"));
+        infoIcon.classList.add(...ThemeIcon.asClassNameArray(Codicon.info));
         return {
             container,
             chevron,
@@ -159,7 +159,7 @@ let AICustomizationItemRenderer = class AICustomizationItemRenderer {
     setFocusedIndex(index) {
         this.focusedIndex = index;
         for (const template of this.templates) {
-            template.actionBar.setFocusable(template.currentIndex === index);
+            template.actionBar.setFocusable(index !== -1 && template.currentIndex === index);
         }
     }
     renderTemplate(container) {
@@ -198,7 +198,7 @@ let AICustomizationItemRenderer = class AICustomizationItemRenderer {
     renderElement(entry, index, templateData) {
         templateData.elementDisposables.clear();
         templateData.currentIndex = index;
-        templateData.actionBar.setFocusable(index === this.focusedIndex);
+        templateData.actionBar.setFocusable(this.focusedIndex !== -1 && index === this.focusedIndex);
         const element = entry.item;
         templateData.typeIcon.className = "item-type-icon";
         templateData.typeIcon.classList.add(
@@ -207,9 +207,9 @@ let AICustomizationItemRenderer = class AICustomizationItemRenderer {
         templateData.elementDisposables.add(this.hoverService.setupDelayedHover(templateData.container, () => {
             let content;
             if (element.isBuiltin) {
-                content = `${element.name}\n${( localize(5377, "Built-in"))}`;
+                content = `${element.name}\n${( localize(5421, "Built-in"))}`;
             } else if (element.extensionId) {
-                content = `${element.name}\n${( localize(5378, "Extension: {0}", element.extensionId))}`;
+                content = `${element.name}\n${( localize(5422, "Extension: {0}", element.extensionId))}`;
             } else {
                 const isWorkspaceItem = element.storage === PromptsStorage.local;
                 const uriLabel = this.labelService.getUriLabel(element.uri, {
@@ -222,7 +222,7 @@ let AICustomizationItemRenderer = class AICustomizationItemRenderer {
             }
             const plugin = element.pluginUri && this.agentPluginService.plugins.get().find(p => isEqual(p.uri, element.pluginUri));
             if (plugin) {
-                content += `\n${( localize(5379, "Plugin: {0}", plugin.label))}`;
+                content += `\n${( localize(5423, "Plugin: {0}", plugin.label))}`;
             }
             return {
                 content,
@@ -370,89 +370,89 @@ function getCountAnnouncement(section, count, isFiltering) {
     case AICustomizationManagementSection.Agents:
         if (isFiltering) {
             if (count === 0) {
-                return localize(5380, "No agents found");
+                return localize(5424, "No agents found");
             }
             if (count === 1) {
-                return localize(5381, "1 agent found");
+                return localize(5425, "1 agent found");
             }
-            return localize(5382, "{0} agents found", count);
+            return localize(5426, "{0} agents found", count);
         }
         if (count === 0) {
-            return localize(5383, "No agents");
+            return localize(5427, "No agents");
         }
         if (count === 1) {
-            return localize(5384, "1 agent");
+            return localize(5428, "1 agent");
         }
-        return localize(5385, "{0} agents", count);
+        return localize(5429, "{0} agents", count);
     case AICustomizationManagementSection.Skills:
         if (isFiltering) {
             if (count === 0) {
-                return localize(5386, "No skills found");
+                return localize(5430, "No skills found");
             }
             if (count === 1) {
-                return localize(5387, "1 skill found");
+                return localize(5431, "1 skill found");
             }
-            return localize(5388, "{0} skills found", count);
+            return localize(5432, "{0} skills found", count);
         }
         if (count === 0) {
-            return localize(5389, "No skills");
+            return localize(5433, "No skills");
         }
         if (count === 1) {
-            return localize(5390, "1 skill");
+            return localize(5434, "1 skill");
         }
-        return localize(5391, "{0} skills", count);
+        return localize(5435, "{0} skills", count);
     case AICustomizationManagementSection.Instructions:
         if (isFiltering) {
             if (count === 0) {
-                return localize(5392, "No instructions found");
+                return localize(5436, "No instructions found");
             }
             if (count === 1) {
-                return localize(5393, "1 instruction file found");
+                return localize(5437, "1 instruction file found");
             }
-            return localize(5394, "{0} instruction files found", count);
+            return localize(5438, "{0} instruction files found", count);
         }
         if (count === 0) {
-            return localize(5395, "No instructions");
+            return localize(5439, "No instructions");
         }
         if (count === 1) {
-            return localize(5396, "1 instruction file");
+            return localize(5440, "1 instruction file");
         }
-        return localize(5397, "{0} instruction files", count);
+        return localize(5441, "{0} instruction files", count);
     case AICustomizationManagementSection.Hooks:
         if (isFiltering) {
             if (count === 0) {
-                return localize(5398, "No hooks found");
+                return localize(5442, "No hooks found");
             }
             if (count === 1) {
-                return localize(5399, "1 hook found");
+                return localize(5443, "1 hook found");
             }
-            return localize(5400, "{0} hooks found", count);
+            return localize(5444, "{0} hooks found", count);
         }
         if (count === 0) {
-            return localize(5401, "No hooks");
+            return localize(5445, "No hooks");
         }
         if (count === 1) {
-            return localize(5402, "1 hook");
+            return localize(5446, "1 hook");
         }
-        return localize(5403, "{0} hooks", count);
+        return localize(5447, "{0} hooks", count);
     case AICustomizationManagementSection.Prompts:
     default:
         if (isFiltering) {
             if (count === 0) {
-                return localize(5404, "No prompts found");
+                return localize(5448, "No prompts found");
             }
             if (count === 1) {
-                return localize(5405, "1 prompt found");
+                return localize(5449, "1 prompt found");
             }
-            return localize(5406, "{0} prompts found", count);
+            return localize(5450, "{0} prompts found", count);
         }
         if (count === 0) {
-            return localize(5407, "No prompts");
+            return localize(5451, "No prompts");
         }
         if (count === 1) {
-            return localize(5408, "1 prompt");
+            return localize(5452, "1 prompt");
         }
-        return localize(5409, "{0} prompts", count);
+        return localize(5453, "{0} prompts", count);
     }
 }
 let AICustomizationListWidget = class AICustomizationListWidget extends Disposable {
@@ -499,6 +499,9 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
         this.searchQuery = "";
         this.collapsedGroups = ( new Set());
         this._layoutDeferred = false;
+        this.lastLayoutWidth = 0;
+        this.lastLayoutHeight = 0;
+        this.lastHeaderHeight = 0;
         this.dropdownActionDisposables = this._register(( new DisposableStore()));
         this._sectionLoadId = 0;
         this.delayedFilter = ( new Delayer(200));
@@ -524,10 +527,38 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
         }));
     }
     create() {
+        this.sectionTitleHeader = append(this.element, $(".section-title-header"));
+        const titleRow = append(this.sectionTitleHeader, $(".section-title-row"));
+        this.sectionTitle = append(titleRow, $("h2.section-title"));
+        this.sectionTitleDescription = append(this.sectionTitleHeader, $("p.section-title-description"));
+        this.sectionTitleDescriptionText = append(this.sectionTitleDescription, $("span.section-title-description-text"));
+        this.sectionTitleDescription.appendChild(createTextNode(" "));
+        this.sectionLink = append(this.sectionTitleDescription, $("a.section-title-link"));
+        this._register(addDisposableListener(this.sectionLink, "click", e => {
+            e.preventDefault();
+            const href = this.sectionLink.href;
+            if (href) {
+                this.openerService.open(( URI.parse(href)));
+            }
+        }));
+        const targetWindow = getWindow(this.element);
+        const headerObserver = this._register(
+            new DisposableResizeObserver("AICustomizationListWidget.sectionTitleHeader", () => {
+                if (this.lastLayoutWidth <= 0 || this.lastLayoutHeight <= 0) {
+                    return;
+                }
+                const headerHeight = this.sectionTitleHeader.offsetHeight;
+                if (headerHeight === this.lastHeaderHeight) {
+                    return;
+                }
+                this.layout(this.lastLayoutHeight, this.lastLayoutWidth);
+            }, targetWindow)
+        );
+        this._register(headerObserver.observe(this.sectionTitleHeader));
         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(5410, "Type to search...")),
+            placeholder: ( localize(5454, "Type to search...")),
             inputBoxStyles: defaultInputBoxStyles
         })));
         this._register(this.searchInput.onDidChange(() => {
@@ -584,19 +615,19 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
                     getAriaLabel: entry => {
                         if (entry.type === "group-header") {
                             return localize(
-                                5411,
+                                5455,
                                 "{0}, {1} items, {2}",
                                 entry.label,
                                 entry.count,
-                                entry.collapsed ? ( localize(5412, "collapsed")) : ( localize(5413, "expanded"))
+                                entry.collapsed ? ( localize(5456, "collapsed")) : ( localize(5457, "expanded"))
                             );
                         }
                         const displayName = entry.item.displayName ?? formatDisplayName(entry.item.name);
                         const secondaryText = getCustomizationSecondaryText(entry.item.description, entry.item.filename, entry.item.promptType);
-                        const nameAndDesc = secondaryText ? ( localize(5414, "{0}. {1}", displayName, secondaryText)) : displayName;
-                        return entry.item.disabled ? ( localize(5415, "{0}, disabled", nameAndDesc)) : nameAndDesc;
+                        const nameAndDesc = secondaryText ? ( localize(5458, "{0}. {1}", displayName, secondaryText)) : displayName;
+                        return entry.item.disabled ? ( localize(5459, "{0}, disabled", nameAndDesc)) : nameAndDesc;
                     },
-                    getWidgetAriaLabel: () => ( localize(5416, "Agent Customizations"))
+                    getWidgetAriaLabel: () => ( localize(5460, "Agent Customizations"))
                 },
                 keyboardNavigationLabelProvider: {
                     getKeyboardNavigationLabel: entry => entry.type === "group-header" ? entry.label : entry.item.name
@@ -619,7 +650,10 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
         }));
         this._register(this.list.onDidFocus(() => {
             if (this.list.getFocus().length === 0 && this.displayEntries.length > 0) {
-                this.list.focusFirst();
+                const firstItemIndex = this.displayEntries.findIndex(e => e.type !== "group-header");
+                if (firstItemIndex >= 0) {
+                    this.list.setFocus([firstItemIndex]);
+                }
             }
         }));
         this._register(this.list.onContextMenu(e => this.onContextMenu(e)));
@@ -628,16 +662,6 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
                 this.refresh();
             }
         }));
-        this.sectionHeader = append(this.element, $(".section-footer"));
-        this.sectionDescription = append(this.sectionHeader, $("p.section-footer-description"));
-        this.sectionLink = append(this.sectionHeader, $("a.section-footer-link"));
-        this._register(addDisposableListener(this.sectionLink, "click", e => {
-            e.preventDefault();
-            const href = this.sectionLink.href;
-            if (href) {
-                this.openerService.open(( URI.parse(href)));
-            }
-        }));
         this.updateSectionHeader();
     }
     onContextMenu(e) {
@@ -672,9 +696,9 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
         const {
             secondary
         } = getContextMenuActions(actions, "inline");
-        const copyActions = item.isBuiltin ? [] : [( new Separator()), ( new Action("copyFullPath", ( localize(5417, "Copy Full Path")), undefined, true, async () => {
+        const copyActions = item.isBuiltin ? [] : [( new Separator()), ( new Action("copyFullPath", ( localize(5461, "Copy Full Path")), undefined, true, async () => {
             await this.clipboardService.writeText(item.uri.fsPath);
-        })), ( new Action("copyRelativePath", ( localize(5418, "Copy Relative Path")), undefined, true, async () => {
+        })), ( new Action("copyRelativePath", ( localize(5462, "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);
@@ -691,9 +715,6 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
             getActions: () => [...secondary, ...copyActions]
         });
     }
-    prependToSearchRow(element) {
-        this.searchAndButtonContainer.insertBefore(element, this.searchAndButtonContainer.firstChild);
-    }
     async setSection(section) {
         const loadId = ++this._sectionLoadId;
         this.currentSection = section;
@@ -722,50 +743,57 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
         }
     }
     updateSectionHeader() {
+        let title;
         let description;
         let docsUrl;
         let learnMoreLabel;
         switch (this.currentSection) {
         case AICustomizationManagementSection.Agents:
+            title = ( localize(5463, "Agents"));
             description = ( localize(
-                5419,
+                5464,
                 "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(5420, "Learn more about custom agents"));
+            learnMoreLabel = ( localize(5465, "Learn more about custom agents"));
             break;
         case AICustomizationManagementSection.Skills:
+            title = ( localize(5466, "Skills"));
             description = ( localize(
-                5421,
+                5467,
                 "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(5422, "Learn more about agent skills"));
+            learnMoreLabel = ( localize(5468, "Learn more about agent skills"));
             break;
         case AICustomizationManagementSection.Instructions:
+            title = ( localize(5469, "Instructions"));
             description = ( localize(
-                5423,
+                5470,
                 "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(5424, "Learn more about custom instructions"));
+            learnMoreLabel = ( localize(5471, "Learn more about custom instructions"));
             break;
         case AICustomizationManagementSection.Hooks:
-            description = ( localize(5425, "Prompts executed at specific points during an agentic lifecycle."));
+            title = ( localize(5472, "Hooks"));
+            description = ( localize(5473, "Prompts executed at specific points during an agentic lifecycle."));
             docsUrl = "https://code.visualstudio.com/docs/copilot/customization/hooks";
-            learnMoreLabel = ( localize(5426, "Learn more about hooks"));
+            learnMoreLabel = ( localize(5474, "Learn more about hooks"));
             break;
         case AICustomizationManagementSection.Prompts:
         default:
+            title = ( localize(5475, "Prompts"));
             description = ( localize(
-                5427,
+                5476,
                 "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(5428, "Learn more about prompt files"));
+            learnMoreLabel = ( localize(5477, "Learn more about prompt files"));
             break;
         }
-        this.sectionDescription.textContent = description;
+        this.sectionTitle.textContent = title;
+        this.sectionTitleDescriptionText.textContent = description;
         this.sectionLink.textContent = learnMoreLabel;
         this.sectionLink.href = docsUrl;
     }
@@ -854,7 +882,7 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
                 });
                 if (hasWorkspace) {
                     actions.push({
-                        label: `$(${Codicon.add.id}) ${( localize(5429, "Configure Hooks"))}`,
+                        label: `$(${Codicon.add.id}) ${( localize(5478, "Configure Hooks"))}`,
                         enabled: true,
                         run: () => {
                             this._onDidRequestCreateManual.fire({
@@ -866,9 +894,9 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
                 }
             } else if (!override?.commandId) {
                 actions.push({
-                    label: `$(${Codicon.add.id}) ${( localize(5429, "Configure Hooks"))}`,
+                    label: `$(${Codicon.add.id}) ${( localize(5478, "Configure Hooks"))}`,
                     enabled: hasWorkspace,
-                    tooltip: hasWorkspace ? undefined : ( localize(5430, "Open a workspace folder to configure hooks.")),
+                    tooltip: hasWorkspace ? undefined : ( localize(5479, "Open a workspace folder to configure hooks.")),
                     run: () => {
                         this._onDidRequestCreateManual.fire({
                             type: promptType,
@@ -972,16 +1000,16 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
     getTypeLabel() {
         switch (this.currentSection) {
         case AICustomizationManagementSection.Agents:
-            return localize(5431, "Agent");
+            return localize(5480, "Agent");
         case AICustomizationManagementSection.Skills:
-            return localize(5432, "Skill");
+            return localize(5481, "Skill");
         case AICustomizationManagementSection.Instructions:
-            return localize(5433, "Instructions");
+            return localize(5469, "Instructions");
         case AICustomizationManagementSection.Hooks:
-            return localize(5434, "Hook");
+            return localize(5482, "Hook");
         case AICustomizationManagementSection.Prompts:
         default:
-            return localize(5435, "Prompt");
+            return localize(5483, "Prompt");
         }
     }
     announceItemCount(count) {
@@ -1071,93 +1099,93 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
     groupMatchedItems(matchedItems) {
         const groups = this.currentSection === AICustomizationManagementSection.Instructions ? [{
             groupKey: "agent-instructions",
-            label: ( localize(5436, "Agent Instructions")),
+            label: ( localize(5484, "Agent Instructions")),
             icon: instructionsIcon,
             description: ( localize(
-                5437,
+                5485,
                 "Instruction files automatically loaded for all agent interactions (e.g. AGENTS.md, CLAUDE.md, copilot-instructions.md)."
             )),
             items: []
         }, {
             groupKey: "context-instructions",
-            label: ( localize(5438, "Included Based on Context")),
+            label: ( localize(5486, "Included Based on Context")),
             icon: instructionsIcon,
             description: ( localize(
-                5439,
+                5487,
                 "Instructions automatically loaded when matching files are part of the context."
             )),
             items: []
         }, {
             groupKey: "on-demand-instructions",
-            label: ( localize(5440, "Loaded on Demand")),
+            label: ( localize(5488, "Loaded on Demand")),
             icon: instructionsIcon,
-            description: ( localize(5441, "Instructions loaded only when explicitly referenced.")),
+            description: ( localize(5489, "Instructions loaded only when explicitly referenced.")),
             items: []
         }, {
             groupKey: PromptsStorage.local,
-            label: ( localize(5442, "Workspace")),
+            label: ( localize(5490, "Workspace")),
             icon: workspaceIcon,
             description: ( localize(
-                5443,
+                5491,
                 "Customizations stored as files in your project folder and shared with your team via version control."
             )),
             items: []
         }, {
             groupKey: PromptsStorage.user,
-            label: ( localize(5444, "User")),
+            label: ( localize(5492, "User")),
             icon: userIcon,
             description: ( localize(
-                5445,
+                5493,
                 "Customizations stored locally on your machine in a central location. Private to you and available across all projects."
             )),
             items: []
         }, {
             groupKey: PromptsStorage.plugin,
-            label: ( localize(5446, "Plugins")),
+            label: ( localize(5494, "Plugins")),
             icon: pluginIcon,
-            description: ( localize(5447, "Read-only customizations provided by installed plugins.")),
+            description: ( localize(5495, "Read-only customizations provided by installed plugins.")),
             items: []
         }, {
             groupKey: BUILTIN_STORAGE,
-            label: ( localize(5448, "Built-in")),
+            label: ( localize(5496, "Built-in")),
             icon: builtinIcon,
-            description: ( localize(5449, "Built-in customizations shipped with the application.")),
+            description: ( localize(5497, "Built-in customizations shipped with the application.")),
             items: []
         }] : [{
             groupKey: PromptsStorage.local,
-            label: ( localize(5442, "Workspace")),
+            label: ( localize(5490, "Workspace")),
             icon: workspaceIcon,
             description: ( localize(
-                5443,
+                5491,
                 "Customizations stored as files in your project folder and shared with your team via version control."
             )),
             items: []
         }, {
             groupKey: PromptsStorage.user,
-            label: ( localize(5444, "User")),
+            label: ( localize(5492, "User")),
             icon: userIcon,
             description: ( localize(
-                5445,
+                5493,
                 "Customizations stored locally on your machine in a central location. Private to you and available across all projects."
             )),
             items: []
         }, {
             groupKey: PromptsStorage.plugin,
-            label: ( localize(5446, "Plugins")),
+            label: ( localize(5494, "Plugins")),
             icon: pluginIcon,
-            description: ( localize(5447, "Read-only customizations provided by installed plugins.")),
+            description: ( localize(5495, "Read-only customizations provided by installed plugins.")),
             items: []
         }, {
             groupKey: PromptsStorage.extension,
-            label: ( localize(5450, "Extensions")),
+            label: ( localize(5498, "Extensions")),
             icon: extensionIcon,
-            description: ( localize(5451, "Read-only customizations provided by installed extensions.")),
+            description: ( localize(5499, "Read-only customizations provided by installed extensions.")),
             items: []
         }, {
             groupKey: BUILTIN_STORAGE,
-            label: ( localize(5448, "Built-in")),
+            label: ( localize(5496, "Built-in")),
             icon: builtinIcon,
-            description: ( localize(5449, "Built-in customizations shipped with the application.")),
+            description: ( localize(5497, "Built-in customizations shipped with the application.")),
             items: []
         }];
         for (const item of matchedItems) {
@@ -1167,10 +1195,10 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
                 let label;
                 switch (key) {
                 case "remote-host":
-                    label = ( localize(5452, "Remote"));
+                    label = ( localize(5500, "Remote"));
                     break;
                 case "remote-client":
-                    label = ( localize(5453, "Local"));
+                    label = ( localize(5501, "Local"));
                     break;
                 default:
                     label = formatDisplayName(key);
@@ -1216,8 +1244,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(5454, "No items match '{0}'", this.searchQuery));
-                this.emptyStateSubtext.textContent = ( localize(5455, "Try a different search term"));
+                this.emptyStateText.textContent = ( localize(5502, "No items match '{0}'", this.searchQuery));
+                this.emptyStateSubtext.textContent = ( localize(5503, "Try a different search term"));
             } else {
                 const emptyInfo = this.getEmptyStateInfo();
                 this.emptyStateText.textContent = emptyInfo.title;
@@ -1247,29 +1275,29 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
         switch (this.currentSection) {
         case AICustomizationManagementSection.Agents:
             return {
-                title: ( localize(5456, "No agents yet")),
-                description: ( localize(5457, "Create your first custom agent to get started"))
+                title: ( localize(5504, "No agents yet")),
+                description: ( localize(5505, "Create your first custom agent to get started"))
             };
         case AICustomizationManagementSection.Skills:
             return {
-                title: ( localize(5458, "No skills yet")),
-                description: ( localize(5459, "Create your first skill to extend agent capabilities"))
+                title: ( localize(5506, "No skills yet")),
+                description: ( localize(5507, "Create your first skill to extend agent capabilities"))
             };
         case AICustomizationManagementSection.Instructions:
             return {
-                title: ( localize(5460, "No instructions yet")),
-                description: ( localize(5461, "Add instructions to teach Copilot about your codebase"))
+                title: ( localize(5508, "No instructions yet")),
+                description: ( localize(5509, "Add instructions to teach Copilot about your codebase"))
             };
         case AICustomizationManagementSection.Hooks:
             return {
-                title: ( localize(5462, "No hooks yet")),
-                description: ( localize(5463, "Create hooks to execute commands at agent lifecycle events"))
+                title: ( localize(5510, "No hooks yet")),
+                description: ( localize(5511, "Create hooks to execute commands at agent lifecycle events"))
             };
         case AICustomizationManagementSection.Prompts:
         default:
             return {
-                title: ( localize(5464, "No prompts yet")),
-                description: ( localize(5465, "Create reusable prompts for common tasks"))
+                title: ( localize(5512, "No prompts yet")),
+                description: ( localize(5513, "Create reusable prompts for common tasks"))
             };
         }
     }
@@ -1294,6 +1322,8 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
         }
     }
     layout(height, width) {
+        this.lastLayoutHeight = height;
+        this.lastLayoutWidth = width;
         this.element.style.height = `${height}px`;
         this.searchInput.layout();
         const searchBarHeight = this.searchAndButtonContainer.offsetHeight;
@@ -1308,8 +1338,9 @@ let AICustomizationListWidget = class AICustomizationListWidget extends Disposab
             });
             return;
         }
-        const footerHeight = this.sectionHeader.offsetHeight;
-        const listHeight = Math.max(0, height - searchBarHeight - footerHeight);
+        const headerHeight = this.sectionTitleHeader.offsetHeight;
+        this.lastHeaderHeight = headerHeight;
+        const listHeight = Math.max(0, height - searchBarHeight - headerHeight);
         this.listContainer.style.height = `${listHeight}px`;
         this.list.layout(listHeight, width);
     }