@codingame/monaco-vscode-api 2.2.2 → 3.0.0

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

@@ -11,12 +11,15 @@ import { MarkdownString } from '../../../../base/common/htmlContent.js';
 import { Disposable, DisposableStore, toDisposable } from '../../../../base/common/lifecycle.js';
 import { ResourceMap } from '../../../../base/common/map.js';
 import marked from 'vscode-marked';
-import { FileAccess } from '../../../../base/common/network.js';
+import { Schemas, FileAccess, matchesSomeScheme } from '../../../../base/common/network.js';
 import { clamp } from '../../../../base/common/numbers.js';
 import { basename } from '../../../../base/common/path.js';
+import { equalsIgnoreCase } from '../../../../base/common/strings.js';
 import { ThemeIcon } from '../../../../base/common/themables.js';
 import { URI } from '../../../../base/common/uri.js';
+import { ICodeEditorService } from '../../../../editor/browser/services/codeEditorService.js';
 import { MarkdownRenderer } from '../../../../editor/browser/widget/markdownRenderer/browser/markdownRenderer.js';
+import { Range } from '../../../../editor/common/core/range.js';
 import { localizeWithPath } from '../../../../nls.js';
 import { MenuEntryActionViewItem } from '../../../../platform/actions/browser/menuEntryActionViewItem.js';
 import { MenuWorkbenchToolBar } from '../../../../platform/actions/browser/toolbar.js';
@@ -36,33 +39,30 @@ import { IThemeService } from '../../../../platform/theme/common/themeService.js
 import { ResourceLabels } from '../../../browser/labels.js';
 import { IAccessibleViewService } from '../../accessibility/browser/accessibleView.js';
 import { ChatFollowups } from './chatFollowups.js';
-import { annotateSpecialMarkdownContent, convertParsedRequestToMarkdown, extractVulnerabilitiesFromText, walkTreeAndAnnotateReferenceLinks } from './chatMarkdownDecorationsRenderer.js';
-import { CodeBlockPart } from './codeBlockPart.js';
+import { ChatMarkdownDecorationsRenderer, annotateSpecialMarkdownContent, extractVulnerabilitiesFromText } from './chatMarkdownDecorationsRenderer.js';
+import { ChatCodeBlockContentProvider, parseLocalFileData, SimpleCodeBlockPart, LocalFileCodeBlockPart, localFileLanguageId } from './codeBlockPart.js';
 import { CONTEXT_RESPONSE, CONTEXT_REQUEST, 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, IChatService } from '../common/chatService.js';
+import { InteractiveSessionVoteDirection } from '../common/chatService.js';
 import { isResponseVM, isRequestVM, isWelcomeVM } from '../common/chatViewModel.js';
 import { getNWords } from '../common/chatWordCounter.js';
 import { createFileIconThemableTreeContainerScope } from '../../files/browser/views/explorerView.js';
-import { IEditorService } from '../../../services/editor/common/editorService.js';
 var ChatListItemRenderer_1;
 const $ = $$1;
 let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
     static { ChatListItemRenderer_1 = this; }
     static { this.ID = 'item'; }
-    constructor(editorOptions, rendererOptions, delegate, instantiationService, configService, logService, commandService, openerService, contextKeyService, chatService, editorService, themeService) {
+    constructor(editorOptions, rendererOptions, delegate, overflowWidgetsDomNode, instantiationService, configService, logService, openerService, contextKeyService, codeEditorService, themeService, commandService) {
         super();
         this.editorOptions = editorOptions;
         this.rendererOptions = rendererOptions;
         this.delegate = delegate;
         this.instantiationService = instantiationService;
         this.logService = logService;
-        this.commandService = commandService;
         this.openerService = openerService;
         this.contextKeyService = contextKeyService;
-        this.chatService = chatService;
-        this.editorService = editorService;
         this.themeService = themeService;
+        this.commandService = commandService;
         this.codeBlocksByResponseId = ( new Map());
         this.codeBlocksByEditorUri = ( new ResourceMap());
         this.fileTreesByResponseId = ( new Map());
@@ -75,10 +75,30 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         this._isVisible = true;
         this._onDidChangeVisibility = this._register(( new Emitter()));
         this._usedReferencesEnabled = false;
-        this.renderer = this.instantiationService.createInstance(MarkdownRenderer, {});
-        this._editorPool = this._register(this.instantiationService.createInstance(EditorPool, this.editorOptions));
+        this.renderer = this._register(this.instantiationService.createInstance(MarkdownRenderer, {}));
+        this.markdownDecorationsRenderer = this.instantiationService.createInstance(ChatMarkdownDecorationsRenderer);
+        this._editorPool = this._register(this.instantiationService.createInstance(EditorPool, this.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));
+        this._register(codeEditorService.registerCodeEditorOpenHandler(async (input, _source, _sideBySide) => {
+            if (input.resource.scheme !== Schemas.vscodeChatCodeBlock) {
+                return null;
+            }
+            const block = this._editorPool.find(input.resource);
+            if (!block) {
+                return null;
+            }
+            if (input.options?.selection) {
+                block.editor.setSelection({
+                    startLineNumber: input.options.selection.startLineNumber,
+                    startColumn: input.options.selection.startColumn,
+                    endLineNumber: input.options.selection.startLineNumber ?? input.options.selection.endLineNumber,
+                    endColumn: input.options.selection.startColumn ?? input.options.selection.endColumn
+                });
+            }
+            return block.editor;
+        }));
         this._usedReferencesEnabled = configService.getValue('chat.experimental.usedReferences') ?? true;
         this._register(configService.onDidChangeConfiguration(e => {
             if (e.affectsConfiguration('chat.experimental.usedReferences')) {
@@ -132,9 +152,9 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
     }
     layout(width) {
         this._currentLayoutWidth = width - (this.rendererOptions.noPadding ? 0 : 40);
-        this._editorPool.inUse.forEach(editor => {
+        for (const editor of this._editorPool.inUse()) {
             editor.layout(this._currentLayoutWidth);
-        });
+        }
     }
     renderTemplate(container) {
         const templateDisposables = ( new DisposableStore());
@@ -153,7 +173,6 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         const detailContainer = append(user, $('span.detail-container'));
         const detail = append(detailContainer, $('span.detail'));
         append(detailContainer, $('span.chat-animated-ellipsis'));
-        const progressSteps = append(rowContainer, $('.progress-steps'));
         const referencesListContainer = append(rowContainer, $('.referencesListContainer'));
         const value = append(rowContainer, $('.value'));
         const elementDisposables = ( new DisposableStore());
@@ -176,7 +195,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                 }
             }));
         }
-        const template = { avatarContainer, agentAvatarContainer, username, detail, progressSteps, referencesListContainer, value, rowContainer, elementDisposables, titleToolbar, templateDisposables, contextKeyService };
+        const template = { avatarContainer, agentAvatarContainer, username, detail, referencesListContainer, value, rowContainer, elementDisposables, titleToolbar, templateDisposables, contextKeyService };
         return template;
     }
     renderElement(node, index, templateData) {
@@ -211,7 +230,6 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             this.renderAvatar(element, templateData);
         }
         clearNode(templateData.detail);
-        clearNode(templateData.progressSteps);
         if (isResponseVM(element)) {
             this.renderDetail(element, templateData);
         }
@@ -238,9 +256,9 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             this.basicRenderElement(renderableResponse, element, index, templateData);
         }
         else if (isRequestVM(element)) {
-            const markdown = 'kind' in element.message ?
+            const markdown = 'message' in element.message ?
                 element.message.message :
-                this.instantiationService.invokeFunction(convertParsedRequestToMarkdown, element.message);
+                this.markdownDecorationsRenderer.convertParsedRequestToMarkdown(element.message);
             this.basicRenderElement([{ content: ( new MarkdownString(markdown)), kind: 'markdownContent' }], element, index, templateData);
         }
         else {
@@ -352,8 +370,9 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                 ? this.renderTreeData(data.treeData, element, templateData, fileTreeIndex++)
                 : data.kind === 'markdownContent'
                     ? this.renderMarkdown(data.content, element, templateData, fillInIncompleteTokens)
-                    : onlyProgressMessagesAfterI(value, index) ? this.renderProgressMessage(data, false)
-                        : undefined;
+                    : data.kind === 'progressMessage' && onlyProgressMessagesAfterI(value, index) ? this.renderProgressMessage(data, false)
+                        : data.kind === 'command' ? this.renderCommandButton(element, data)
+                            : undefined;
             if (result) {
                 templateData.value.appendChild(result.element);
                 templateData.elementDisposables.add(result);
@@ -365,28 +384,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.commandFollowups?.length) {
-            const followupsContainer = append(templateData.value, $('.interactive-response-followups'));
-            templateData.elementDisposables.add(( new ChatFollowups(
-                followupsContainer,
-                element.commandFollowups,
-                defaultButtonStyles,
-                followup => {
-                    this.chatService.notifyUserAction({
-                        providerId: element.providerId,
-                        agentId: element.agent?.id,
-                        sessionId: element.sessionId,
-                        requestId: element.requestId,
-                        action: {
-                            kind: 'command',
-                            command: followup,
-                        }
-                    });
-                    return this.commandService.executeCommand(followup.commandId, ...(followup.args ?? []));
-                },
-                templateData.contextKeyService
-            )));
-        }
         const newHeight = templateData.rowContainer.offsetHeight;
         const fireEvent = !element.currentRenderedHeight || element.currentRenderedHeight !== newHeight;
         element.currentRenderedHeight = newHeight;
@@ -402,13 +399,8 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         clearNode(templateData.referencesListContainer);
         for (const item of element.content) {
             if (Array.isArray(item)) {
-                templateData.elementDisposables.add(( new ChatFollowups(
-                    templateData.value,
-                    item,
-                    undefined,
-                    followup => this._onDidClickFollowup.fire(followup),
-                    templateData.contextKeyService
-                )));
+                const scopedInstaService = this.instantiationService.createChild(( new ServiceCollection([IContextKeyService, templateData.contextKeyService])));
+                templateData.elementDisposables.add(scopedInstaService.createInstance(ChatFollowups, templateData.value, item, undefined, followup => this._onDidClickFollowup.fire(followup)));
             }
             else {
                 const result = this.renderMarkdown(item, element, templateData);
@@ -430,7 +422,6 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         if (!this._isVisible) {
             return true;
         }
-        disposables.clear();
         const renderableResponse = annotateSpecialMarkdownContent(element.response.value);
         let isFullyRendered = false;
         if (element.isCanceled) {
@@ -458,6 +449,9 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                             isLast: index === renderableResponse.length - 1,
                         };
                     }
+                    else if (part.kind === 'command') {
+                        partsToRender[index] = part;
+                    }
                     else {
                         const wordCountResult = this.getDataForProgressiveRender(element, contentToMarkdown(part.content), { renderedWordCount: 0, lastRenderTime: 0 });
                         if (wordCountResult !== undefined) {
@@ -471,7 +465,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                         }
                     }
                 }
-                else if (part.kind !== 'treeData' && !isInteractiveProgressTreeData(renderedPart) && !isProgressMessageRenderData(renderedPart)) {
+                else if ((part.kind === 'markdownContent' || part.kind === 'progressMessage') && isMarkdownRenderData(renderedPart)) {
                     const wordCountResult = this.getDataForProgressiveRender(element, contentToMarkdown(part.content), renderedPart);
                     if (wordCountResult !== undefined && renderedPart.renderedWordCount !== wordCountResult?.actualWordCount) {
                         this.traceLayout('doNextProgressiveRender', `Rendering changed part ${index}, wordCountResult=${wordCountResult.actualWordCount}, rate=${wordCountResult.rate}`);
@@ -503,6 +497,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                 this.basicRenderElement(renderableResponse, element, index, templateData);
             }
             else if (!isFullyRendered) {
+                disposables.clear();
                 this.renderContentReferencesIfNeeded(element, templateData, disposables);
                 let hasRenderedOneMarkdownBlock = false;
                 partsToRender.forEach((partToRender, index) => {
@@ -521,6 +516,9 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                             result = null;
                         }
                     }
+                    else if (isCommandButtonRenderData(partToRender)) {
+                        result = this.renderCommandButton(element, partToRender);
+                    }
                     else if (!hasRenderedOneMarkdownBlock && wordCountResults[index]) {
                         const { value } = wordCountResults[index];
                         result = this.renderMarkdown(( new MarkdownString(value)), element, templateData, true);
@@ -662,9 +660,9 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         container.appendChild(list.getHTMLElement().parentElement);
         listDisposables.add(list.onDidOpen((e) => {
             if (e.element) {
-                this.editorService.openEditor({
-                    resource: 'uri' in e.element.reference ? e.element.reference.uri : e.element.reference,
-                    options: {
+                this.openerService.open('uri' in e.element.reference ? e.element.reference.uri : e.element.reference, {
+                    fromUserGesture: true,
+                    editorOptions: {
                         ...e.editorOptions,
                         ...{
                             selection: 'range' in e.element.reference ? e.element.reference.range : undefined
@@ -715,6 +713,28 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         result.element.classList.add('progress-step');
         return result;
     }
+    renderCommandButton(element, commandButton) {
+        const container = $('.chat-command-button');
+        const disposables = ( new DisposableStore());
+        const enabled = !isResponseVM(element) || !element.isStale;
+        const tooltip = enabled ?
+            commandButton.command.tooltip :
+            ( localizeWithPath(
+                'vs/workbench/contrib/chat/browser/chatListRenderer',
+                'commandButtonDisabled',
+                "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;
+        disposables.add(button.onDidClick(() => this.commandService.executeCommand(commandButton.command.id, ...(commandButton.command.arguments ?? []))));
+        return {
+            dispose() {
+                disposables.dispose();
+            },
+            element: container
+        };
+    }
     renderMarkdown(markdown, element, templateData, fillInIncompleteTokens = false) {
         const disposables = ( new DisposableStore());
         let codeBlockIndex = 0;
@@ -728,10 +748,23 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         const result = this.renderer.render(markdown, {
             fillInIncompleteTokens,
             codeBlockRendererSync: (languageId, text) => {
-                const vulns = extractVulnerabilitiesFromText(text);
-                const hideToolbar = isResponseVM(element) && element.errorDetails?.responseIsFiltered;
-                const data = { languageId, text: vulns.newText, codeBlockIndex: codeBlockIndex++, element, hideToolbar, parentContextKeyService: templateData.contextKeyService, vulns: vulns.vulnerabilities };
-                const ref = this.renderCodeBlock(data, disposables);
+                let data;
+                if (equalsIgnoreCase(languageId, localFileLanguageId)) {
+                    try {
+                        const parsedBody = parseLocalFileData(text);
+                        data = { type: 'localFile', uri: parsedBody.uri, range: parsedBody.range && Range.lift(parsedBody.range), codeBlockIndex: codeBlockIndex++, element, hideToolbar: false, parentContextKeyService: templateData.contextKeyService };
+                    }
+                    catch (e) {
+                        console.error(e);
+                        return $('div');
+                    }
+                }
+                else {
+                    const vulns = extractVulnerabilitiesFromText(text);
+                    const hideToolbar = isResponseVM(element) && element.errorDetails?.responseIsFiltered;
+                    data = { type: 'code', languageId, text: vulns.newText, codeBlockIndex: codeBlockIndex++, element, hideToolbar, parentContextKeyService: templateData.contextKeyService, vulns: vulns.vulnerabilities };
+                }
+                const ref = this.renderCodeBlock(data);
                 disposables.add(ref.object.onDidChangeContentHeight(() => {
                     ref.object.layout(this._currentLayoutWidth);
                     this._onDidChangeItemHeight.fire({ element, height: templateData.rowContainer.offsetHeight });
@@ -745,8 +778,8 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                         }
                     };
                     codeblocks.push(info);
-                    this.codeBlocksByEditorUri.set(ref.object.textModel.uri, info);
-                    disposables.add(toDisposable(() => this.codeBlocksByEditorUri.delete(ref.object.textModel.uri)));
+                    this.codeBlocksByEditorUri.set(ref.object.uri, info);
+                    disposables.add(toDisposable(() => this.codeBlocksByEditorUri.delete(ref.object.uri)));
                 }
                 orderedDisposablesList.push(ref);
                 return ref.object.element;
@@ -757,7 +790,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             this.codeBlocksByResponseId.set(element.id, codeblocks);
             disposables.add(toDisposable(() => this.codeBlocksByResponseId.delete(element.id)));
         }
-        this.instantiationService.invokeFunction(acc => walkTreeAndAnnotateReferenceLinks(acc, result.element));
+        this.markdownDecorationsRenderer.walkTreeAndAnnotateReferenceLinks(result.element);
         orderedDisposablesList.reverse().forEach(d => disposables.add(d));
         return {
             element: result.element,
@@ -767,8 +800,8 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             }
         };
     }
-    renderCodeBlock(data, disposables) {
-        const ref = this._editorPool.get();
+    renderCodeBlock(data) {
+        const ref = this._editorPool.get(data);
         const editorInfo = ref.object;
         editorInfo.render(data, this._currentLayoutWidth);
         return ref;
@@ -795,15 +828,14 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
     }
 };
 ChatListItemRenderer = ChatListItemRenderer_1 = ( __decorate([
-    ( __param(3, IInstantiationService)),
-    ( __param(4, IConfigurationService)),
-    ( __param(5, ILogService)),
-    ( __param(6, ICommandService)),
+    ( __param(4, IInstantiationService)),
+    ( __param(5, IConfigurationService)),
+    ( __param(6, ILogService)),
     ( __param(7, IOpenerService)),
     ( __param(8, IContextKeyService)),
-    ( __param(9, IChatService)),
-    ( __param(10, IEditorService)),
-    ( __param(11, IThemeService))
+    ( __param(9, ICodeEditorService)),
+    ( __param(10, IThemeService)),
+    ( __param(11, ICommandService))
 ], ChatListItemRenderer));
 let ChatListDelegate = class ChatListDelegate {
     constructor(logService) {
@@ -858,27 +890,6 @@ let ChatAccessibilityProvider = class ChatAccessibilityProvider {
     _getLabelWithCodeBlockCount(element) {
         const accessibleViewHint = this._accessibleViewService.getOpenAriaHint("accessibility.verbosity.panelChat" );
         let label = '';
-        let commandFollowUpInfo;
-        const commandFollowupLength = element.commandFollowups?.length ?? 0;
-        switch (commandFollowupLength) {
-            case 0:
-                break;
-            case 1:
-                commandFollowUpInfo = ( localizeWithPath(
-                    'vs/workbench/contrib/chat/browser/chatListRenderer',
-                    'commandFollowUpInfo',
-                    "Command: {0}",
-                    element.commandFollowups[0].title
-                ));
-                break;
-            default:
-                commandFollowUpInfo = ( localizeWithPath(
-                    'vs/workbench/contrib/chat/browser/chatListRenderer',
-                    'commandFollowUpInfoMany',
-                    "Commands: {0}",
-                    ( element.commandFollowups.map(followup => followup.title)).join(', ')
-                ));
-        }
         const fileTreeCount = element.response.value.filter((v) => !('value' in v))?.length ?? 0;
         let fileTreeCountHint = '';
         switch (fileTreeCount) {
@@ -953,40 +964,50 @@ let ChatAccessibilityProvider = class ChatAccessibilityProvider {
                 ));
                 break;
         }
-        return commandFollowUpInfo ? commandFollowUpInfo + ', ' + label : label;
+        return label;
     }
 };
 ChatAccessibilityProvider = ( __decorate([
     ( __param(0, IAccessibleViewService))
 ], ChatAccessibilityProvider));
 let EditorPool = class EditorPool extends Disposable {
-    get inUse() {
-        return this._pool.inUse;
+    *inUse() {
+        yield* this._simpleEditorPool.inUse;
+        yield* this._localFileEditorPool.inUse;
     }
-    constructor(options, instantiationService) {
+    constructor(options, delegate, overflowWidgetsDomNode, instantiationService) {
         super();
         this.options = options;
         this.instantiationService = instantiationService;
-        this._pool = this._register(( new ResourcePool(() => this.editorFactory())));
+        this._simpleEditorPool = this._register(( new ResourcePool(() => {
+            return this.instantiationService.createInstance(SimpleCodeBlockPart, this.options, MenuId.ChatCodeBlock, delegate, overflowWidgetsDomNode);
+        })));
+        this._localFileEditorPool = this._register(( new ResourcePool(() => {
+            return this.instantiationService.createInstance(LocalFileCodeBlockPart, this.options, MenuId.ChatCodeBlock, delegate, overflowWidgetsDomNode);
+        })));
     }
-    editorFactory() {
-        return this.instantiationService.createInstance(CodeBlockPart, this.options, MenuId.ChatCodeBlock);
+    get(data) {
+        return this.getFromPool(data.type === 'localFile' ? this._localFileEditorPool : this._simpleEditorPool);
     }
-    get() {
-        const object = this._pool.get();
+    find(resource) {
+        return Array.from(this._simpleEditorPool.inUse).find(part => part.uri?.toString() === ( resource.toString()));
+    }
+    getFromPool(pool) {
+        const codeBlock = pool.get();
         let stale = false;
         return {
-            object,
+            object: codeBlock,
             isStale: () => stale,
             dispose: () => {
+                codeBlock.reset();
                 stale = true;
-                this._pool.release(object);
+                pool.release(codeBlock);
             }
         };
     }
 };
 EditorPool = ( __decorate([
-    ( __param(1, IInstantiationService))
+    ( __param(3, IInstantiationService))
 ], EditorPool));
 let TreePool = class TreePool extends Disposable {
     get inUse() {
@@ -1055,7 +1076,7 @@ let ContentReferencesListPool = class ContentReferencesListPool extends Disposab
         const resourceLabels = this.instantiationService.createInstance(ResourceLabels, { onDidChangeVisibility: this._onDidChangeVisibility });
         const container = $('.chat-used-context-list');
         createFileIconThemableTreeContainerScope(container, this.themeService);
-        const list = this.instantiationService.createInstance(WorkbenchList, 'ChatListRenderer', container, ( new ContentReferencesListDelegate()), [( new ContentReferencesListRenderer(resourceLabels))], {
+        const list = this.instantiationService.createInstance(WorkbenchList, 'ChatListRenderer', container, ( new ContentReferencesListDelegate()), [this.instantiationService.createInstance(ContentReferencesListRenderer, resourceLabels)], {
             alwaysConsumeMouseWheel: false,
             accessibilityProvider: {
                 getAriaLabel: (element) => {
@@ -1113,11 +1134,17 @@ class ContentReferencesListRenderer {
     }
     renderElement(element, index, templateData, height) {
         templateData.label.element.style.display = 'flex';
-        templateData.label.setFile('uri' in element.reference ? element.reference.uri : element.reference, {
-            fileKind: FileKind.FILE,
-            fileDecorations: { badges: false, colors: false },
-            range: 'range' in element.reference ? element.reference.range : undefined
-        });
+        const uri = 'uri' in element.reference ? element.reference.uri : element.reference;
+        if (matchesSomeScheme(uri, Schemas.mailto, Schemas.http, Schemas.https)) {
+            templateData.label.setResource({ resource: uri, name: ( uri.toString()) }, { icon: Codicon.globe });
+        }
+        else {
+            templateData.label.setFile(uri, {
+                fileKind: FileKind.FILE,
+                fileDecorations: { badges: false, colors: false },
+                range: 'range' in element.reference ? element.reference.range : undefined
+            });
+        }
     }
     disposeTemplate(templateData) {
         templateData.templateDisposables.dispose();
@@ -1230,6 +1257,12 @@ function isProgressMessage(item) {
 function isProgressMessageRenderData(item) {
     return item && 'isAtEndOfResponse' in item;
 }
+function isCommandButtonRenderData(item) {
+    return item && 'kind' in item && item.kind === 'command';
+}
+function isMarkdownRenderData(item) {
+    return item && 'renderedWordCount' in item;
+}
 function onlyProgressMessagesAfterI(items, i) {
     return items.slice(i).every(isProgressMessage);
 }

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

@@ -1,71 +1,99 @@
+import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
 import { $ } from '../../../../base/browser/dom.js';
+import { toErrorMessage } from '../../../../base/common/errorMessage.js';
 import { MarkdownString } from '../../../../base/common/htmlContent.js';
 import { revive } from '../../../../base/common/marshalling.js';
 import { basename } from '../../../../base/common/resources.js';
 import { URI } from '../../../../base/common/uri.js';
 import { IKeybindingService } from '../../../../platform/keybinding/common/keybinding.js';
 import { ILabelService } from '../../../../platform/label/common/label.js';
+import { ILogService } from '../../../../platform/log/common/log.js';
 import { ChatRequestTextPart, ChatRequestDynamicVariablePart } from '../common/chatParserTypes.js';
 const variableRefUrl = 'http://_vscodedecoration_';
-function convertParsedRequestToMarkdown(accessor, parsedRequest) {
-    let result = '';
-    for (const part of parsedRequest.parts) {
-        if (part instanceof ChatRequestTextPart) {
-            result += part.text;
-        }
-        else {
-            const labelService = accessor.get(ILabelService);
-            const uri = part instanceof ChatRequestDynamicVariablePart && ( part.data.map(d => d.value)).find((d) => d instanceof URI)
-                || undefined;
-            const title = uri ? encodeURIComponent(labelService.getUriLabel(uri, { relative: true })) : '';
-            result += `[${part.text}](${variableRefUrl}?${title})`;
-        }
+let ChatMarkdownDecorationsRenderer = class ChatMarkdownDecorationsRenderer {
+    constructor(keybindingService, labelService, logService) {
+        this.keybindingService = keybindingService;
+        this.labelService = labelService;
+        this.logService = logService;
     }
-    return result;
-}
-function walkTreeAndAnnotateReferenceLinks(accessor, element) {
-    const keybindingService = accessor.get(IKeybindingService);
-    element.querySelectorAll('a').forEach(a => {
-        const href = a.getAttribute('data-href');
-        if (href) {
-            if (href.startsWith(variableRefUrl)) {
-                const title = decodeURIComponent(href.slice(variableRefUrl.length + 1));
-                a.parentElement.replaceChild(renderResourceWidget(a.textContent, title), a);
+    convertParsedRequestToMarkdown(parsedRequest) {
+        let result = '';
+        for (const part of parsedRequest.parts) {
+            if (part instanceof ChatRequestTextPart) {
+                result += part.text;
             }
-            else if (href.startsWith(contentRefUrl)) {
-                renderFileWidget(href, a);
+            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 })) : '';
+                result += `[${part.text}](${variableRefUrl}?${title})`;
             }
-            else if (href.startsWith('command:')) {
-                injectKeybindingHint(a, href, keybindingService);
+        }
+        return result;
+    }
+    walkTreeAndAnnotateReferenceLinks(element) {
+        element.querySelectorAll('a').forEach(a => {
+            const href = a.getAttribute('data-href');
+            if (href) {
+                if (href.startsWith(variableRefUrl)) {
+                    const title = decodeURIComponent(href.slice(variableRefUrl.length + 1));
+                    a.parentElement.replaceChild(this.renderResourceWidget(a.textContent, title), a);
+                }
+                else if (href.startsWith(contentRefUrl)) {
+                    this.renderFileWidget(href, a);
+                }
+                else if (href.startsWith('command:')) {
+                    this.injectKeybindingHint(a, href, this.keybindingService);
+                }
             }
+        });
+    }
+    renderFileWidget(href, a) {
+        const fullUri = ( URI.parse(href));
+        let location;
+        try {
+            location = revive(JSON.parse(fullUri.fragment));
         }
-    });
-}
-function injectKeybindingHint(a, href, keybindingService) {
-    const command = href.match(/command:([^\)]+)/)?.[1];
-    if (command) {
-        const kb = keybindingService.lookupKeybinding(command);
-        if (kb) {
-            const keybinding = kb.getLabel();
-            if (keybinding) {
-                a.textContent = `${a.textContent} (${keybinding})`;
+        catch (err) {
+            this.logService.error('Invalid chat widget render data JSON', toErrorMessage(err));
+            return;
+        }
+        if (!location.uri || !URI.isUri(location.uri)) {
+            this.logService.error(`Invalid chat widget render data: ${fullUri.fragment}`);
+            return;
+        }
+        const fragment = location.range ? `${location.range.startLineNumber}-${location.range.endLineNumber}` : '';
+        a.setAttribute('data-href', ( location.uri.with({ fragment }).toString()));
+        const label = this.labelService.getUriLabel(location.uri, { relative: true });
+        a.title = location.range ?
+            `${label}#${location.range.startLineNumber}-${location.range.endLineNumber}` :
+            label;
+    }
+    renderResourceWidget(name, title) {
+        const container = $('span.chat-resource-widget');
+        const alias = $('span', undefined, name);
+        alias.title = title;
+        container.appendChild(alias);
+        return container;
+    }
+    injectKeybindingHint(a, href, keybindingService) {
+        const command = href.match(/command:([^\)]+)/)?.[1];
+        if (command) {
+            const kb = keybindingService.lookupKeybinding(command);
+            if (kb) {
+                const keybinding = kb.getLabel();
+                if (keybinding) {
+                    a.textContent = `${a.textContent} (${keybinding})`;
+                }
             }
         }
     }
-}
-function renderResourceWidget(name, title) {
-    const container = $('span.chat-resource-widget');
-    const alias = $('span', undefined, name);
-    alias.title = title;
-    container.appendChild(alias);
-    return container;
-}
-function renderFileWidget(href, a) {
-    const fullUri = ( URI.parse(href));
-    const location = revive(JSON.parse(fullUri.fragment));
-    const fragment = location.range ? `${location.range.startLineNumber}-${location.range.endLineNumber}` : '';
-    a.setAttribute('data-href', ( location.uri.with({ fragment }).toString()));
-}
+};
+ChatMarkdownDecorationsRenderer = ( __decorate([
+    ( __param(0, IKeybindingService)),
+    ( __param(1, ILabelService)),
+    ( __param(2, ILogService))
+], ChatMarkdownDecorationsRenderer));
 function extractVulnerabilitiesFromText(text) {
     const vulnerabilities = [];
     let newText = text;
@@ -136,4 +164,4 @@ function annotateSpecialMarkdownContent(response) {
     }
     return result;
 }
-export { annotateSpecialMarkdownContent, convertParsedRequestToMarkdown, extractVulnerabilitiesFromText, walkTreeAndAnnotateReferenceLinks };
+export { ChatMarkdownDecorationsRenderer, annotateSpecialMarkdownContent, extractVulnerabilitiesFromText };