@codingame/monaco-vscode-api 4.5.2 → 5.0.0

package/vscode/src/vs/workbench/contrib/chat/browser/chatListRenderer.js

@@ -2,23 +2,32 @@ import { __decorate, __param } from '../../../../../../../external/tslib/tslib.e
 import { append, clearNode, WindowIntervalTimer, getWindow, $ as $$1, show, hide, scheduleAtNextAnimationFrame } from '../../../../base/browser/dom.js';
 import { alert } from '../../../../base/browser/ui/aria/aria.js';
 import { Button } from '../../../../base/browser/ui/button/button.js';
+import { getDefaultHoverDelegate } from '../../../../base/browser/ui/hover/hoverDelegateFactory.js';
 import { renderIcon } from '../../../../base/browser/ui/iconLabel/iconLabels.js';
 import { distinct } from '../../../../base/common/arrays.js';
 import { disposableTimeout } from '../../../../base/common/async.js';
+import { CancellationTokenSource } from '../../../../base/common/cancellation.js';
 import { Codicon } from '../../../../base/common/codicons.js';
-import { Emitter } from '../../../../base/common/event.js';
+import { Emitter, Event } from '../../../../base/common/event.js';
 import { MarkdownString } from '../../../../base/common/htmlContent.js';
 import { Disposable, DisposableStore, toDisposable } from '../../../../base/common/lifecycle.js';
 import { ResourceMap } from '../../../../base/common/map.js';
-import { FileAccess, matchesSomeScheme, Schemas } from '../../../../base/common/network.js';
+import { FileAccess, Schemas, matchesSomeScheme } from '../../../../base/common/network.js';
 import { clamp } from '../../../../base/common/numbers.js';
+import '../../../../base/common/observableInternal/derived.js';
+import { autorun } from '../../../../base/common/observableInternal/autorun.js';
+import { constObservable } from '../../../../base/common/observableInternal/utils.js';
 import { basename } from '../../../../base/common/path.js';
 import { basenameOrAuthority } from '../../../../base/common/resources.js';
 import { equalsIgnoreCase } from '../../../../base/common/strings.js';
 import { ThemeIcon } from '../../../../base/common/themables.js';
+import { isUndefined } from '../../../../base/common/types.js';
 import { URI } from '../../../../base/common/uri.js';
 import { MarkdownRenderer } from '../../../../editor/browser/widget/markdownRenderer/browser/markdownRenderer.js';
 import { Range } from '../../../../editor/common/core/range.js';
+import { TextEdit } from '../../../../editor/common/languages.js';
+import { createTextBufferFactoryFromSnapshot } from '../../../../editor/common/model/textModel.js';
+import { IModelService } from '../../../../editor/common/services/model.js';
 import { ITextModelService } from '../../../../editor/common/services/resolverService.js';
 import { localizeWithPath } from '../../../../nls.js';
 import { createActionViewItem, MenuEntryActionViewItem } from '../../../../platform/actions/browser/menuEntryActionViewItem.js';
@@ -28,6 +37,7 @@ import { ICommandService } from '../../../../platform/commands/common/commands.s
 import { IConfigurationService } from '../../../../platform/configuration/common/configuration.service.js';
 import { IContextKeyService } from '../../../../platform/contextkey/common/contextkey.service.js';
 import { FileKind, FileType } from '../../../../platform/files/common/files.js';
+import { IHoverService } from '../../../../platform/hover/browser/hover.service.js';
 import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
 import { ServiceCollection } from '../../../../platform/instantiation/common/serviceCollection.js';
 import { WorkbenchCompressibleAsyncDataTree, WorkbenchList } from '../../../../platform/list/browser/listService.js';
@@ -38,9 +48,11 @@ import { ColorScheme } from '../../../../platform/theme/common/theme.js';
 import { IThemeService } from '../../../../platform/theme/common/themeService.service.js';
 import { ResourceLabels } from '../../../browser/labels.js';
 import { GeneratingPhrase } from './chat.js';
+import { ChatAgentHover } from './chatAgentHover.js';
 import { ChatFollowups } from './chatFollowups.js';
 import { ChatMarkdownDecorationsRenderer } from './chatMarkdownDecorationsRenderer.js';
-import { ChatCodeBlockContentProvider, parseLocalFileData, CodeBlockPart, localFileLanguageId } from './codeBlockPart.js';
+import { ChatCodeBlockContentProvider, parseLocalFileData, CodeBlockPart, CodeCompareBlockPart, localFileLanguageId } from './codeBlockPart.js';
+import { IChatAgentNameService } from '../common/chatAgents.service.js';
 import { CONTEXT_RESPONSE, CONTEXT_REQUEST, CONTEXT_RESPONSE_DETECTED_AGENT_COMMAND, CONTEXT_CHAT_RESPONSE_SUPPORT_ISSUE_REPORTING, CONTEXT_RESPONSE_VOTE, CONTEXT_RESPONSE_FILTERED } from '../common/chatContextKeys.js';
 import { chatAgentLeader, chatSubcommandLeader } from '../common/chatParserTypes.js';
 import { InteractiveSessionVoteDirection } from '../common/chatService.js';
@@ -49,13 +61,15 @@ import { isResponseVM, isRequestVM, isWelcomeVM } from '../common/chatViewModel.
 import { getNWords } from '../common/chatWordCounter.js';
 import { createFileIconThemableTreeContainerScope } from '../../files/browser/views/explorerView.js';
 import { annotateSpecialMarkdownContent } from '../common/annotations.js';
+import { DefaultModelSHA1Computer } from '../../../../editor/common/services/modelService.js';
+import { generateUuid } from '../../../../base/common/uuid.js';
 var ChatListItemRenderer_1, ContentReferencesListRenderer_1;
 const _moduleId = "vs/workbench/contrib/chat/browser/chatListRenderer";
 const $ = $$1;
 let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
     static { ChatListItemRenderer_1 = this; }
     static { this.ID = 'item'; }
-    constructor(editorOptions, location, rendererOptions, delegate, codeBlockModelCollection, overflowWidgetsDomNode, instantiationService, configService, logService, openerService, contextKeyService, themeService, commandService, textModelService) {
+    constructor(editorOptions, location, rendererOptions, delegate, codeBlockModelCollection, overflowWidgetsDomNode, instantiationService, configService, logService, openerService, contextKeyService, themeService, commandService, textModelService, modelService, hoverService, chatAgentNameService) {
         super();
         this.location = location;
         this.rendererOptions = rendererOptions;
@@ -68,6 +82,9 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         this.themeService = themeService;
         this.commandService = commandService;
         this.textModelService = textModelService;
+        this.modelService = modelService;
+        this.hoverService = hoverService;
+        this.chatAgentNameService = chatAgentNameService;
         this.codeBlocksByResponseId = ( (new Map()));
         this.codeBlocksByEditorUri = ( (new ResourceMap()));
         this.fileTreesByResponseId = ( (new Map()));
@@ -83,6 +100,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         this.renderer = this._register(this.instantiationService.createInstance(MarkdownRenderer, {}));
         this.markdownDecorationsRenderer = this.instantiationService.createInstance(ChatMarkdownDecorationsRenderer);
         this._editorPool = this._register(this.instantiationService.createInstance(EditorPool, editorOptions, delegate, overflowWidgetsDomNode));
+        this._diffEditorPool = this._register(this.instantiationService.createInstance(DiffEditorPool, editorOptions, delegate, overflowWidgetsDomNode));
         this._treePool = this._register(this.instantiationService.createInstance(TreePool, this._onDidChangeVisibility.event));
         this._contentReferencesListPool = this._register(this.instantiationService.createInstance(ContentReferencesListPool, this._onDidChangeVisibility.event));
         this._register(this.instantiationService.createInstance(ChatCodeBlockContentProvider));
@@ -145,6 +163,9 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         for (const editor of this._editorPool.inUse()) {
             editor.layout(this._currentLayoutWidth);
         }
+        for (const diffEditor of this._diffEditorPool.inUse()) {
+            diffEditor.layout(this._currentLayoutWidth);
+        }
     }
     renderTemplate(container) {
         const templateDisposables = ( (new DisposableStore()));
@@ -188,13 +209,22 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                 }
             }));
         }
-        const template = { avatarContainer, agentAvatarContainer, username, detail, referencesListContainer, value, rowContainer, elementDisposables, titleToolbar, templateDisposables, contextKeyService };
+        const agentHover = templateDisposables.add(this.instantiationService.createInstance(ChatAgentHover));
+        templateDisposables.add(this.hoverService.setupUpdatableHover(getDefaultHoverDelegate('mouse'), header, () => {
+            if (isResponseVM(template.currentElement) && template.currentElement.agent) {
+                agentHover.setAgent(template.currentElement.agent.id);
+                return agentHover.domNode;
+            }
+            return undefined;
+        }));
+        const template = { avatarContainer, agentAvatarContainer, username, detail, referencesListContainer, value, rowContainer, elementDisposables, titleToolbar, templateDisposables, contextKeyService, agentHover };
         return template;
     }
     renderElement(node, index, templateData) {
         this.renderChatTreeItem(node.element, index, templateData);
     }
     renderChatTreeItem(element, index, templateData) {
+        templateData.currentElement = element;
         const kind = isRequestVM(element) ? 'request' :
             isResponseVM(element) ? 'response' :
                 'welcome';
@@ -260,9 +290,20 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         }
     }
     renderDetail(element, templateData) {
-        let progressMsg = '';
+        let agentName = constObservable(undefined);
         if (element.agent && !element.agent.isDefault) {
-            let usingMsg = chatAgentLeader + element.agent.name;
+            const name = element.agent.name;
+            agentName = ( (this.chatAgentNameService.getAgentNameRestriction(element.agent)
+                .map(allowed => allowed ? name : name)));
+        }
+        templateData.elementDisposables.add(autorun(reader => {
+            this._renderDetail(element, agentName.read(reader), templateData);
+        }));
+    }
+    _renderDetail(element, agentName, templateData) {
+        let progressMsg = '';
+        if (!isUndefined(agentName)) {
+            let usingMsg = chatAgentLeader + agentName;
             if (element.slashCommand) {
                 usingMsg += ` ${chatSubcommandLeader}${element.slashCommand.name}`;
             }
@@ -275,8 +316,8 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         }
         else if (element.agentOrSlashCommandDetected) {
             const usingMsg = [];
-            if (element.agent && !element.agent.isDefault) {
-                usingMsg.push(chatAgentLeader + element.agent.name);
+            if (!isUndefined(agentName)) {
+                usingMsg.push(chatAgentLeader + agentName);
             }
             if (element.slashCommand) {
                 usingMsg.push(chatSubcommandLeader + element.slashCommand.name);
@@ -294,12 +335,6 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             progressMsg = GeneratingPhrase;
         }
         templateData.detail.textContent = progressMsg;
-        if (element.agent) {
-            templateData.detail.title = progressMsg + (element.slashCommand?.description ? `\n${element.slashCommand.description}` : '');
-        }
-        else {
-            templateData.detail.title = '';
-        }
     }
     renderAvatar(element, templateData) {
         if (URI.isUri(element.avatarIcon)) {
@@ -370,7 +405,8 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                     ? this.renderMarkdown(data.content, element, templateData, fillInIncompleteTokens)
                     : data.kind === 'progressMessage' && onlyProgressMessagesAfterI(value, index) ? this.renderProgressMessage(data, false)
                         : data.kind === 'command' ? this.renderCommandButton(element, data)
-                            : undefined;
+                            : data.kind === 'textEditGroup' ? this.renderTextEdit(element, data, templateData)
+                                : undefined;
             if (result) {
                 templateData.value.appendChild(result.element);
                 templateData.elementDisposables.add(result);
@@ -382,18 +418,6 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             const renderedError = templateData.elementDisposables.add(this.renderer.render(( (new MarkdownString(element.errorDetails.message)))));
             errorDetails.appendChild($('span', undefined, renderedError.element));
         }
-        if (isResponseVM(element) && element.isComplete && element.response.value.length === 0) {
-            let madeChanges = false;
-            for (const item of ( (element.edits.values()))) {
-                if (item.length > 0) {
-                    madeChanges = true;
-                    break;
-                }
-            }
-            if (madeChanges) {
-                append(templateData.value, $('.interactive-edits-summary', undefined, ( localizeWithPath(_moduleId, 2, "Made changes."))));
-            }
-        }
         const newHeight = templateData.rowContainer.offsetHeight;
         const fireEvent = !element.currentRenderedHeight || element.currentRenderedHeight !== newHeight;
         element.currentRenderedHeight = newHeight;
@@ -463,6 +487,9 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                     else if (part.kind === 'command') {
                         partsToRender[index] = part;
                     }
+                    else if (part.kind === 'textEditGroup') {
+                        partsToRender[index] = part;
+                    }
                     else {
                         const wordCountResult = this.getDataForProgressiveRender(element, contentToMarkdown(part.content), { renderedWordCount: 0, lastRenderTime: 0 });
                         if (wordCountResult !== undefined) {
@@ -471,6 +498,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                                 renderedWordCount: wordCountResult.actualWordCount,
                                 lastRenderTime: Date.now(),
                                 isFullyRendered: wordCountResult.isFullString,
+                                originalMarkdown: part.content,
                             };
                             wordCountResults[index] = wordCountResult;
                         }
@@ -484,6 +512,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                             renderedWordCount: wordCountResult.actualWordCount,
                             lastRenderTime: Date.now(),
                             isFullyRendered: wordCountResult.isFullString,
+                            originalMarkdown: part.content,
                         };
                         wordCountResults[index] = wordCountResult;
                     }
@@ -530,9 +559,15 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                     else if (isCommandButtonRenderData(partToRender)) {
                         result = this.renderCommandButton(element, partToRender);
                     }
+                    else if (isTextEditRenderData(partToRender)) {
+                        result = this.renderTextEdit(element, partToRender, templateData);
+                    }
                     else if (!hasRenderedOneMarkdownBlock && wordCountResults[index]) {
                         const { value } = wordCountResults[index];
-                        result = this.renderMarkdown(( (new MarkdownString(value))), element, templateData, true);
+                        const part = partsToRender[index];
+                        const originalMarkdown = 'originalMarkdown' in part ? part.originalMarkdown : undefined;
+                        const markdownToRender = ( (new MarkdownString(value, originalMarkdown)));
+                        result = this.renderMarkdown(markdownToRender, element, templateData, true);
                         hasRenderedOneMarkdownBlock = true;
                     }
                     if (result === undefined) {
@@ -627,8 +662,8 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
     renderContentReferencesListData(data, element, templateData) {
         const listDisposables = ( (new DisposableStore()));
         const referencesLabel = data.length > 1 ?
-            ( localizeWithPath(_moduleId, 3, "Used {0} references", data.length)) :
-            ( localizeWithPath(_moduleId, 4, "Used {0} reference", 1));
+            ( localizeWithPath(_moduleId, 2, "Used {0} references", data.length)) :
+            ( localizeWithPath(_moduleId, 3, "Used {0} reference", 1));
         const iconElement = $('.chat-used-context-icon');
         const icon = (element) => element.usedReferencesExpanded ? Codicon.chevronDown : Codicon.chevronRight;
         iconElement.classList.add(...ThemeIcon.asClassNameArray(icon(element)));
@@ -695,7 +730,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         };
     }
     updateAriaLabel(element, label, expanded) {
-        element.ariaLabel = expanded ? ( localizeWithPath(_moduleId, 5, "{0}, expanded", label)) : ( localizeWithPath(_moduleId, 6, "{0}, collapsed", label));
+        element.ariaLabel = expanded ? ( localizeWithPath(_moduleId, 4, "{0}, expanded", label)) : ( localizeWithPath(_moduleId, 5, "{0}, collapsed", label));
     }
     renderProgressMessage(progress, showSpinner) {
         if (showSpinner) {
@@ -715,7 +750,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         const enabled = !isResponseVM(element) || !element.isStale;
         const tooltip = enabled ?
             commandButton.command.tooltip :
-            ( localizeWithPath(_moduleId, 7, "Button not available in restored chat"));
+            ( localizeWithPath(_moduleId, 6, "Button not available in restored chat"));
         const button = disposables.add(( (new Button(container, { ...defaultButtonStyles, supportIcons: true, title: tooltip }))));
         button.label = commandButton.command.title;
         button.enabled = enabled;
@@ -727,17 +762,82 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             element: container
         };
     }
+    renderTextEdit(element, chatTextEdit, templateData) {
+        if (this.rendererOptions.renderTextEditsAsSummary?.(chatTextEdit.uri)) {
+            if (isResponseVM(element) && element.response.value.every(item => item.kind === 'textEditGroup')) {
+                return {
+                    element: $('.interactive-edits-summary', undefined, !element.isComplete ? ( localizeWithPath(_moduleId, 7, "Making changes...")) : ( localizeWithPath(_moduleId, 8, "Made changes."))),
+                    dispose() { }
+                };
+            }
+            return undefined;
+        }
+        const store = ( (new DisposableStore()));
+        const cts = ( (new CancellationTokenSource()));
+        let isDisposed = false;
+        store.add(toDisposable(() => {
+            isDisposed = true;
+            cts.dispose(true);
+        }));
+        const ref = this._diffEditorPool.get();
+        store.add(ref.object.onDidChangeContentHeight(() => {
+            ref.object.layout(this._currentLayoutWidth);
+            this._onDidChangeItemHeight.fire({ element, height: templateData.rowContainer.offsetHeight });
+        }));
+        const data = {
+            element,
+            edit: chatTextEdit,
+            diffData: (async () => {
+                const ref = await this.textModelService.createModelReference(chatTextEdit.uri);
+                if (isDisposed) {
+                    ref.dispose();
+                    return;
+                }
+                store.add(ref);
+                const original = ref.object.textEditorModel;
+                let originalSha1 = '';
+                if (chatTextEdit.state) {
+                    originalSha1 = chatTextEdit.state.sha1;
+                }
+                else {
+                    const sha1 = ( (new DefaultModelSHA1Computer()));
+                    if (sha1.canComputeSHA1(original)) {
+                        originalSha1 = sha1.computeSHA1(original);
+                        chatTextEdit.state = { sha1: originalSha1, applied: 0 };
+                    }
+                }
+                const modified = this.modelService.createModel(createTextBufferFactoryFromSnapshot(original.createSnapshot()), { languageId: original.getLanguageId(), onDidChange: Event.None }, ( (URI.from(
+                    { scheme: Schemas.vscodeChatCodeBlock, path: original.uri.path, query: generateUuid() }
+                ))), false);
+                store.add(modified);
+                if (!chatTextEdit.state?.applied) {
+                    for (const group of chatTextEdit.edits) {
+                        const edits = ( (group.map(TextEdit.asEditOperation)));
+                        modified.pushEditOperations(null, edits, () => null);
+                    }
+                }
+                return {
+                    modified,
+                    original,
+                    originalSha1
+                };
+            })()
+        };
+        ref.object.render(data, this._currentLayoutWidth, cts.token);
+        return {
+            element: ref.object.element,
+            dispose() {
+                store.dispose();
+            },
+        };
+    }
     renderMarkdown(markdown, element, templateData, fillInIncompleteTokens = false) {
         const disposables = ( (new DisposableStore()));
-        markdown = ( (new MarkdownString(markdown.value, {
-            isTrusted: {
-                enabledCommands: typeof markdown.isTrusted === 'object' ? markdown.isTrusted?.enabledCommands : [] ?? []
-            }
-        })));
         const orderedDisposablesList = [];
         const codeblocks = [];
         let codeBlockIndex = 0;
         const result = this.renderer.render(markdown, {
+            disallowRemoteImages: true,
             fillInIncompleteTokens,
             codeBlockRendererSync: (languageId, text) => {
                 const index = codeBlockIndex++;
@@ -794,7 +894,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             this.codeBlocksByResponseId.set(element.id, codeblocks);
             disposables.add(toDisposable(() => this.codeBlocksByResponseId.delete(element.id)));
         }
-        this.markdownDecorationsRenderer.walkTreeAndAnnotateReferenceLinks(result.element);
+        disposables.add(this.markdownDecorationsRenderer.walkTreeAndAnnotateReferenceLinks(result.element));
         orderedDisposablesList.reverse().forEach(d => disposables.add(d));
         return {
             element: result.element,
@@ -842,7 +942,10 @@ ChatListItemRenderer = ChatListItemRenderer_1 = ( (__decorate([
     ( (__param(10, IContextKeyService))),
     ( (__param(11, IThemeService))),
     ( (__param(12, ICommandService))),
-    ( (__param(13, ITextModelService)))
+    ( (__param(13, ITextModelService))),
+    ( (__param(14, IModelService))),
+    ( (__param(15, IHoverService))),
+    ( (__param(16, IChatAgentNameService)))
 ], ChatListItemRenderer)));
 let ChatListDelegate = class ChatListDelegate {
     constructor(defaultElementHeight, logService) {
@@ -897,6 +1000,33 @@ let EditorPool = class EditorPool extends Disposable {
 EditorPool = ( (__decorate([
     ( (__param(3, IInstantiationService)))
 ], EditorPool)));
+let DiffEditorPool = class DiffEditorPool extends Disposable {
+    inUse() {
+        return this._pool.inUse;
+    }
+    constructor(options, delegate, overflowWidgetsDomNode, instantiationService) {
+        super();
+        this._pool = this._register(( (new ResourcePool(() => {
+            return instantiationService.createInstance(CodeCompareBlockPart, options, MenuId.ChatCompareBlock, delegate, overflowWidgetsDomNode);
+        }))));
+    }
+    get() {
+        const codeBlock = this._pool.get();
+        let stale = false;
+        return {
+            object: codeBlock,
+            isStale: () => stale,
+            dispose: () => {
+                codeBlock.reset();
+                stale = true;
+                this._pool.release(codeBlock);
+            }
+        };
+    }
+};
+DiffEditorPool = ( (__decorate([
+    ( (__param(3, IInstantiationService)))
+], DiffEditorPool)));
 let TreePool = class TreePool extends Disposable {
     get inUse() {
         return this._pool.inUse;
@@ -910,7 +1040,7 @@ let TreePool = class TreePool extends Disposable {
         this._pool = this._register(( (new ResourcePool(() => this.treeFactory()))));
     }
     treeFactory() {
-        const resourceLabels = this.instantiationService.createInstance(ResourceLabels, { onDidChangeVisibility: this._onDidChangeVisibility });
+        const resourceLabels = this._register(this.instantiationService.createInstance(ResourceLabels, { onDidChangeVisibility: this._onDidChangeVisibility }));
         const container = $('.interactive-response-progress-tree');
         this._register(createFileIconThemableTreeContainerScope(container, this.themeService));
         const tree = this.instantiationService.createInstance(WorkbenchCompressibleAsyncDataTree, 'ChatListRenderer', container, ( (new ChatListTreeDelegate())), ( (new ChatListTreeCompressionDelegate())), [( (new ChatListTreeRenderer(resourceLabels, this.configService.getValue('explorer.decorations'))))], ( (new ChatListTreeDataSource())), {
@@ -921,7 +1051,7 @@ let TreePool = class TreePool extends Disposable {
             },
             accessibilityProvider: {
                 getAriaLabel: (element) => element.label,
-                getWidgetAriaLabel: () => ( localizeWithPath(_moduleId, 8, "File Tree"))
+                getWidgetAriaLabel: () => ( localizeWithPath(_moduleId, 9, "File Tree"))
             },
             alwaysConsumeMouseWheel: false
         });
@@ -957,7 +1087,7 @@ let ContentReferencesListPool = class ContentReferencesListPool extends Disposab
         this._pool = this._register(( (new ResourcePool(() => this.listFactory()))));
     }
     listFactory() {
-        const resourceLabels = this.instantiationService.createInstance(ResourceLabels, { onDidChangeVisibility: this._onDidChangeVisibility });
+        const resourceLabels = this._register(this.instantiationService.createInstance(ResourceLabels, { onDidChangeVisibility: this._onDidChangeVisibility }));
         const container = $('.chat-used-context-list');
         this._register(createFileIconThemableTreeContainerScope(container, this.themeService));
         const list = this.instantiationService.createInstance(WorkbenchList, 'ChatListRenderer', container, ( (new ContentReferencesListDelegate())), [this.instantiationService.createInstance(ContentReferencesListRenderer, resourceLabels)], {
@@ -975,7 +1105,27 @@ let ContentReferencesListPool = class ContentReferencesListPool extends Disposab
                         return basename(reference.uri.path);
                     }
                 },
-                getWidgetAriaLabel: () => ( localizeWithPath(_moduleId, 9, "Used References"))
+                getWidgetAriaLabel: () => ( localizeWithPath(_moduleId, 10, "Used References"))
+            },
+            dnd: {
+                getDragURI: ({ reference }) => {
+                    if ('variableName' in reference) {
+                        return null;
+                    }
+                    else if (URI.isUri(reference)) {
+                        return (
+                             (reference.toString())
+                        );
+                    }
+                    else {
+                        return (
+                             (reference.uri.toString())
+                        );
+                    }
+                },
+                dispose: () => { },
+                onDragOver: () => false,
+                drop: () => { },
             },
         });
         return list;
@@ -1020,6 +1170,7 @@ let ContentReferencesListRenderer = class ContentReferencesListRenderer {
     }
     renderElement(data, index, templateData, height) {
         const reference = data.reference;
+        const icon = data.iconPath;
         templateData.label.element.style.display = 'flex';
         if ('variableName' in reference) {
             if (reference.value) {
@@ -1028,8 +1179,8 @@ let ContentReferencesListRenderer = class ContentReferencesListRenderer {
                     resource: uri,
                     name: basenameOrAuthority(uri),
                     description: `#${reference.variableName}`,
-                    range: 'range' in reference.value ? reference.value.range : undefined
-                });
+                    range: 'range' in reference.value ? reference.value.range : undefined,
+                }, { icon });
             }
             else {
                 const variable = this.chatVariablesService.getVariable(reference.variableName);
@@ -1039,7 +1190,7 @@ let ContentReferencesListRenderer = class ContentReferencesListRenderer {
         else {
             const uri = 'uri' in reference ? reference.uri : reference;
             if (matchesSomeScheme(uri, Schemas.mailto, Schemas.http, Schemas.https)) {
-                templateData.label.setResource({ resource: uri, name: ( (uri.toString())) }, { icon: Codicon.globe });
+                templateData.label.setResource({ resource: uri, name: ( (uri.toString())) }, { icon: icon ?? Codicon.globe });
             }
             else {
                 templateData.label.setFile(uri, {
@@ -1167,6 +1318,9 @@ function isProgressMessageRenderData(item) {
 function isCommandButtonRenderData(item) {
     return item && 'kind' in item && item.kind === 'command';
 }
+function isTextEditRenderData(item) {
+    return item && 'kind' in item && item.kind === 'textEditGroup';
+}
 function isMarkdownRenderData(item) {
     return item && 'renderedWordCount' in item;
 }

package/vscode/src/vs/workbench/contrib/chat/browser/chatMarkdownDecorationsRenderer.js

@@ -1,19 +1,29 @@
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
 import { $ } from '../../../../base/browser/dom.js';
 import { toErrorMessage } from '../../../../base/common/errorMessage.js';
+import { DisposableStore } from '../../../../base/common/lifecycle.js';
 import { revive } from '../../../../base/common/marshalling.js';
 import { URI } from '../../../../base/common/uri.js';
+import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
 import { IKeybindingService } from '../../../../platform/keybinding/common/keybinding.service.js';
 import { ILabelService } from '../../../../platform/label/common/label.service.js';
 import { ILogService } from '../../../../platform/log/common/log.service.js';
-import { ChatRequestTextPart, ChatRequestDynamicVariablePart, ChatRequestAgentPart } from '../common/chatParserTypes.js';
+import { ChatAgentHover } from './chatAgentHover.js';
+import { IChatAgentService } from '../common/chatAgents.service.js';
+import { ChatRequestTextPart, ChatRequestAgentPart, ChatRequestDynamicVariablePart } from '../common/chatParserTypes.js';
 import { contentRefUrl } from '../common/annotations.js';
+import { IHoverService } from '../../../../platform/hover/browser/hover.service.js';
+import { getDefaultHoverDelegate } from '../../../../base/browser/ui/hover/hoverDelegateFactory.js';
 const variableRefUrl = 'http://_vscodedecoration_';
+const agentRefUrl = 'http://_chatagent_';
 let ChatMarkdownDecorationsRenderer = class ChatMarkdownDecorationsRenderer {
-    constructor(keybindingService, labelService, logService) {
+    constructor(keybindingService, labelService, logService, chatAgentService, instantiationService, hoverService) {
         this.keybindingService = keybindingService;
         this.labelService = labelService;
         this.logService = logService;
+        this.chatAgentService = chatAgentService;
+        this.instantiationService = instantiationService;
+        this.hoverService = hoverService;
     }
     convertParsedRequestToMarkdown(parsedRequest) {
         let result = '';
@@ -21,22 +31,36 @@ let ChatMarkdownDecorationsRenderer = class ChatMarkdownDecorationsRenderer {
             if (part instanceof ChatRequestTextPart) {
                 result += part.text;
             }
+            else if (part instanceof ChatRequestAgentPart) {
+                let text = part.text;
+                const isDupe = this.chatAgentService.getAgentsByName(part.agent.name).length > 1;
+                if (isDupe) {
+                    text += ` (${part.agent.extensionPublisherDisplayName})`;
+                }
+                result += `[${text}](${agentRefUrl}?${encodeURIComponent(part.agent.id)})`;
+            }
             else {
                 const uri = part instanceof ChatRequestDynamicVariablePart && ( part.data.map(d => d.value)).find((d) => d instanceof URI)
                     || undefined;
                 const title = uri ? encodeURIComponent(this.labelService.getUriLabel(uri, { relative: true })) :
                     part instanceof ChatRequestAgentPart ? part.agent.id :
                         '';
-                result += `[${part.text}](${variableRefUrl}?${title})`;
+                const text = part.text;
+                result += `[${text}](${variableRefUrl}?${title})`;
             }
         }
         return result;
     }
     walkTreeAndAnnotateReferenceLinks(element) {
+        const store = ( new DisposableStore());
         element.querySelectorAll('a').forEach(a => {
             const href = a.getAttribute('data-href');
             if (href) {
-                if (href.startsWith(variableRefUrl)) {
+                if (href.startsWith(agentRefUrl)) {
+                    const title = decodeURIComponent(href.slice(agentRefUrl.length + 1));
+                    a.parentElement.replaceChild(this.renderAgentWidget(a.textContent, title, store), a);
+                }
+                else if (href.startsWith(variableRefUrl)) {
                     const title = decodeURIComponent(href.slice(variableRefUrl.length + 1));
                     a.parentElement.replaceChild(this.renderResourceWidget(a.textContent, title), a);
                 }
@@ -48,6 +72,16 @@ let ChatMarkdownDecorationsRenderer = class ChatMarkdownDecorationsRenderer {
                 }
             }
         });
+        return store;
+    }
+    renderAgentWidget(name, id, store) {
+        const container = $('span.chat-resource-widget', undefined, $('span', undefined, name));
+        store.add(this.hoverService.setupUpdatableHover(getDefaultHoverDelegate('element'), container, () => {
+            const hover = store.add(this.instantiationService.createInstance(ChatAgentHover));
+            hover.setAgent(id);
+            return hover.domNode;
+        }));
+        return container;
     }
     renderFileWidget(href, a) {
         const fullUri = ( URI.parse(href));
@@ -93,6 +127,9 @@ let ChatMarkdownDecorationsRenderer = class ChatMarkdownDecorationsRenderer {
 ChatMarkdownDecorationsRenderer = ( __decorate([
     ( __param(0, IKeybindingService)),
     ( __param(1, ILabelService)),
-    ( __param(2, ILogService))
+    ( __param(2, ILogService)),
+    ( __param(3, IChatAgentService)),
+    ( __param(4, IInstantiationService)),
+    ( __param(5, IHoverService))
 ], ChatMarkdownDecorationsRenderer));
 export { ChatMarkdownDecorationsRenderer };