@codingame/monaco-vscode-api 3.2.3 → 4.0.0

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

@@ -10,18 +10,18 @@ import { Emitter } 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 marked_1 from '../../../../../../../external/vscode-marked/lib/marked.esm.js';
-import { Schemas, FileAccess, matchesSomeScheme } from '../../../../base/common/network.js';
+import { FileAccess, matchesSomeScheme, Schemas } from '../../../../base/common/network.js';
 import { clamp } from '../../../../base/common/numbers.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 { 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 { ITextModelService } from '../../../../editor/common/services/resolverService.js';
 import { localizeWithPath } from '../../../../nls.js';
-import { MenuEntryActionViewItem } from '../../../../platform/actions/browser/menuEntryActionViewItem.js';
+import { createActionViewItem, MenuEntryActionViewItem } from '../../../../platform/actions/browser/menuEntryActionViewItem.js';
 import { MenuWorkbenchToolBar } from '../../../../platform/actions/browser/toolbar.js';
 import { MenuId, MenuItemAction } from '../../../../platform/actions/common/actions.js';
 import { ICommandService } from '../../../../platform/commands/common/commands.js';
@@ -37,32 +37,36 @@ import { defaultButtonStyles } from '../../../../platform/theme/browser/defaultS
 import { ColorScheme } from '../../../../platform/theme/common/theme.js';
 import { IThemeService } from '../../../../platform/theme/common/themeService.js';
 import { ResourceLabels } from '../../../browser/labels.js';
-import { IAccessibleViewService } from '../../accessibility/browser/accessibleView.js';
+import { GeneratingPhrase } from './chat.js';
 import { ChatFollowups } from './chatFollowups.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 { ChatMarkdownDecorationsRenderer } from './chatMarkdownDecorationsRenderer.js';
+import { ChatCodeBlockContentProvider, parseLocalFileData, CodeBlockPart, localFileLanguageId } from './codeBlockPart.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';
+import { IChatVariablesService } from '../common/chatVariables.js';
 import { isResponseVM, isRequestVM, isWelcomeVM } from '../common/chatViewModel.js';
 import { getNWords } from '../common/chatWordCounter.js';
 import { createFileIconThemableTreeContainerScope } from '../../files/browser/views/explorerView.js';
-var ChatListItemRenderer_1;
+import { annotateSpecialMarkdownContent } from '../common/annotations.js';
+var ChatListItemRenderer_1, ContentReferencesListRenderer_1;
 const $ = $$1;
 let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
     static { ChatListItemRenderer_1 = this; }
     static { this.ID = 'item'; }
-    constructor(editorOptions, rendererOptions, delegate, overflowWidgetsDomNode, instantiationService, configService, logService, openerService, contextKeyService, codeEditorService, themeService, commandService) {
+    constructor(editorOptions, location, rendererOptions, delegate, codeBlockModelCollection, overflowWidgetsDomNode, instantiationService, configService, logService, openerService, contextKeyService, themeService, commandService, textModelService) {
         super();
-        this.editorOptions = editorOptions;
+        this.location = location;
         this.rendererOptions = rendererOptions;
         this.delegate = delegate;
+        this.codeBlockModelCollection = codeBlockModelCollection;
         this.instantiationService = instantiationService;
         this.logService = logService;
         this.openerService = openerService;
         this.contextKeyService = contextKeyService;
         this.themeService = themeService;
         this.commandService = commandService;
+        this.textModelService = textModelService;
         this.codeBlocksByResponseId = ( new Map());
         this.codeBlocksByEditorUri = ( new ResourceMap());
         this.fileTreesByResponseId = ( new Map());
@@ -77,28 +81,10 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         this._usedReferencesEnabled = false;
         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._editorPool = this._register(this.instantiationService.createInstance(EditorPool, 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')) {
@@ -109,6 +95,9 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
     get templateId() {
         return ChatListItemRenderer_1.ID;
     }
+    editorsInUse() {
+        return this._editorPool.inUse();
+    }
     traceLayout(method, message) {
         {
             this.logService.trace(`ChatListItemRenderer#${method}: ${message}`);
@@ -187,11 +176,14 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                 menuOptions: {
                     shouldForwardArgs: true
                 },
+                toolbarOptions: {
+                    shouldInlineSubmenu: submenu => submenu.actions.length <= 1
+                },
                 actionViewItemProvider: (action, options) => {
                     if (action instanceof MenuItemAction && (action.item.id === 'workbench.action.chat.voteDown' || action.item.id === 'workbench.action.chat.voteUp')) {
                         return scopedInstantiationService.createInstance(ChatVoteButton, action, options);
                     }
-                    return undefined;
+                    return createActionViewItem(scopedInstantiationService, action, options);
                 }
             }));
         }
@@ -208,6 +200,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         this.traceLayout('renderElement', `${kind}, index=${index}`);
         CONTEXT_RESPONSE.bindTo(templateData.contextKeyService).set(isResponseVM(element));
         CONTEXT_REQUEST.bindTo(templateData.contextKeyService).set(isRequestVM(element));
+        CONTEXT_RESPONSE_DETECTED_AGENT_COMMAND.bindTo(templateData.contextKeyService).set(isResponseVM(element) && element.agentOrSlashCommandDetected);
         if (isResponseVM(element)) {
             CONTEXT_CHAT_RESPONSE_SUPPORT_ISSUE_REPORTING.bindTo(templateData.contextKeyService).set(!!element.agent?.metadata.supportIssueReporting);
             CONTEXT_RESPONSE_VOTE.bindTo(templateData.contextKeyService).set(element.vote === InteractiveSessionVoteDirection.Up ? 'up' : element.vote === InteractiveSessionVoteDirection.Down ? 'down' : '');
@@ -267,8 +260,8 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
     }
     renderDetail(element, templateData) {
         let progressMsg = '';
-        if (element.agent && !element.agent.metadata.isDefault) {
-            let usingMsg = chatAgentLeader + element.agent.id;
+        if (element.agent && !element.agent.isDefault) {
+            let usingMsg = chatAgentLeader + element.agent.name;
             if (element.slashCommand) {
                 usingMsg += ` ${chatSubcommandLeader}${element.slashCommand.name}`;
             }
@@ -289,12 +282,35 @@ 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 (element.slashCommand) {
+                usingMsg.push(chatSubcommandLeader + element.slashCommand.name);
+            }
+            if (usingMsg.length) {
+                if (element.isComplete) {
+                    progressMsg = ( localizeWithPath(
+                        'vs/workbench/contrib/chat/browser/chatListRenderer',
+                        'usedAgent',
+                        "used {0}",
+                        usingMsg.join(' ')
+                    ));
+                }
+                else {
+                    progressMsg = ( localizeWithPath(
+                        'vs/workbench/contrib/chat/browser/chatListRenderer',
+                        'usingAgent',
+                        "using {0}",
+                        usingMsg.join(' ')
+                    ));
+                }
+            }
+        }
         else if (!element.isComplete) {
-            progressMsg = ( localizeWithPath(
-                'vs/workbench/contrib/chat/browser/chatListRenderer',
-                'thinking',
-                "Thinking"
-            ));
+            progressMsg = GeneratingPhrase;
         }
         templateData.detail.textContent = progressMsg;
         if (element.agent) {
@@ -305,17 +321,18 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         }
     }
     renderAvatar(element, templateData) {
-        if (element.avatarIconUri) {
+        if (URI.isUri(element.avatarIcon)) {
             const avatarImgIcon = $$1('img.icon');
-            avatarImgIcon.src = ( FileAccess.uriToBrowserUri(element.avatarIconUri).toString(true));
+            avatarImgIcon.src = ( FileAccess.uriToBrowserUri(element.avatarIcon).toString(true));
             templateData.avatarContainer.replaceChildren($$1('.avatar', undefined, avatarImgIcon));
         }
         else {
             const defaultIcon = isRequestVM(element) ? Codicon.account : Codicon.copilot;
-            const avatarIcon = $$1(ThemeIcon.asCSSSelector(defaultIcon));
+            const icon = element.avatarIcon ?? defaultIcon;
+            const avatarIcon = $$1(ThemeIcon.asCSSSelector(icon));
             templateData.avatarContainer.replaceChildren($$1('.avatar.codicon-avatar', undefined, avatarIcon));
         }
-        if (isResponseVM(element) && element.agent && !element.agent.metadata.isDefault) {
+        if (isResponseVM(element) && element.agent && !element.agent.isDefault) {
             show(templateData.agentAvatarContainer);
             const icon = this.getAgentIcon(element.agent.metadata);
             if (icon instanceof URI) {
@@ -384,6 +401,22 @@ 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(
+                    'vs/workbench/contrib/chat/browser/chatListRenderer',
+                    'editsSummary',
+                    "Made changes."
+                ))));
+            }
+        }
         const newHeight = templateData.rowContainer.offsetHeight;
         const fireEvent = !element.currentRenderedHeight || element.currentRenderedHeight !== newHeight;
         element.currentRenderedHeight = newHeight;
@@ -397,10 +430,11 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
     renderWelcomeMessage(element, templateData) {
         clearNode(templateData.value);
         clearNode(templateData.referencesListContainer);
+        hide(templateData.referencesListContainer);
         for (const item of element.content) {
             if (Array.isArray(item)) {
                 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)));
+                templateData.elementDisposables.add(scopedInstaService.createInstance(ChatFollowups, templateData.value, item, this.location, undefined, followup => this._onDidClickFollowup.fire(followup)));
             }
             else {
                 const result = this.renderMarkdown(item, element, templateData);
@@ -632,7 +666,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         const icon = (element) => element.usedReferencesExpanded ? Codicon.chevronDown : Codicon.chevronRight;
         iconElement.classList.add(...ThemeIcon.asClassNameArray(icon(element)));
         const buttonElement = $('.chat-used-context-label', undefined);
-        const collapseButton = ( new Button(buttonElement, {
+        const collapseButton = listDisposables.add(( new Button(buttonElement, {
             buttonBackground: undefined,
             buttonBorder: undefined,
             buttonForeground: undefined,
@@ -641,7 +675,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             buttonSecondaryForeground: undefined,
             buttonSecondaryHoverBackground: undefined,
             buttonSeparator: undefined
-        }));
+        })));
         const container = $('.chat-used-context', undefined, buttonElement);
         collapseButton.label = referencesLabel;
         collapseButton.element.append(iconElement);
@@ -660,15 +694,20 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         container.appendChild(list.getHTMLElement().parentElement);
         listDisposables.add(list.onDidOpen((e) => {
             if (e.element) {
-                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
+                const uriOrLocation = 'variableName' in e.element.reference ? e.element.reference.value : e.element.reference;
+                const uri = URI.isUri(uriOrLocation) ? uriOrLocation :
+                    uriOrLocation?.uri;
+                if (uri) {
+                    this.openerService.open(uri, {
+                        fromUserGesture: true,
+                        editorOptions: {
+                            ...e.editorOptions,
+                            ...{
+                                selection: uriOrLocation && 'range' in uriOrLocation ? uriOrLocation.range : undefined
+                            }
                         }
-                    }
-                });
+                    });
+                }
             }
         }));
         listDisposables.add(list.onContextMenu((e) => {
@@ -737,7 +776,6 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
     }
     renderMarkdown(markdown, element, templateData, fillInIncompleteTokens = false) {
         const disposables = ( new DisposableStore());
-        let codeBlockIndex = 0;
         markdown = ( new MarkdownString(markdown.value, {
             isTrusted: {
                 enabledCommands: typeof markdown.isTrusted === 'object' ? markdown.isTrusted?.enabledCommands : [] ?? []
@@ -745,41 +783,54 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         }));
         const orderedDisposablesList = [];
         const codeblocks = [];
+        let codeBlockIndex = 0;
         const result = this.renderer.render(markdown, {
             fillInIncompleteTokens,
             codeBlockRendererSync: (languageId, text) => {
-                let data;
+                const index = codeBlockIndex++;
+                let textModel;
+                let range;
+                let vulns;
                 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 };
+                        range = parsedBody.range && Range.lift(parsedBody.range);
+                        textModel = this.textModelService.createModelReference(parsedBody.uri).then(ref => ref.object);
                     }
                     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 };
+                    if (!isRequestVM(element) && !isResponseVM(element)) {
+                        console.error('Trying to render code block in welcome', element.id, index);
+                        return $('div');
+                    }
+                    const sessionId = isResponseVM(element) || isRequestVM(element) ? element.sessionId : '';
+                    const modelEntry = this.codeBlockModelCollection.getOrCreate(sessionId, element, index);
+                    vulns = modelEntry.vulns;
+                    textModel = modelEntry.model;
                 }
-                const ref = this.renderCodeBlock(data);
+                const hideToolbar = isResponseVM(element) && element.errorDetails?.responseIsFiltered;
+                const ref = this.renderCodeBlock({ languageId, textModel, codeBlockIndex: index, element, range, hideToolbar, parentContextKeyService: templateData.contextKeyService, vulns }, text);
                 disposables.add(ref.object.onDidChangeContentHeight(() => {
                     ref.object.layout(this._currentLayoutWidth);
                     this._onDidChangeItemHeight.fire({ element, height: templateData.rowContainer.offsetHeight });
                 }));
                 if (isResponseVM(element)) {
                     const info = {
-                        codeBlockIndex: data.codeBlockIndex,
+                        codeBlockIndex: index,
                         element,
                         focus() {
                             ref.object.focus();
                         }
                     };
                     codeblocks.push(info);
-                    this.codeBlocksByEditorUri.set(ref.object.uri, info);
-                    disposables.add(toDisposable(() => this.codeBlocksByEditorUri.delete(ref.object.uri)));
+                    if (ref.object.uri) {
+                        const uri = ref.object.uri;
+                        this.codeBlocksByEditorUri.set(uri, info);
+                        disposables.add(toDisposable(() => this.codeBlocksByEditorUri.delete(uri)));
+                    }
                 }
                 orderedDisposablesList.push(ref);
                 return ref.object.element;
@@ -800,10 +851,13 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             }
         };
     }
-    renderCodeBlock(data) {
-        const ref = this._editorPool.get(data);
+    renderCodeBlock(data, text) {
+        const ref = this._editorPool.get();
         const editorInfo = ref.object;
-        editorInfo.render(data, this._currentLayoutWidth);
+        if (isResponseVM(data.element)) {
+            this.codeBlockModelCollection.update(data.element.sessionId, data.element, data.codeBlockIndex, { text, languageId: data.languageId });
+        }
+        editorInfo.render(data, this._currentLayoutWidth, this.rendererOptions.editableCodeBlock);
         return ref;
     }
     getDataForProgressiveRender(element, data, renderData) {
@@ -828,17 +882,18 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
     }
 };
 ChatListItemRenderer = ChatListItemRenderer_1 = ( __decorate([
-    ( __param(4, IInstantiationService)),
-    ( __param(5, IConfigurationService)),
-    ( __param(6, ILogService)),
-    ( __param(7, IOpenerService)),
-    ( __param(8, IContextKeyService)),
-    ( __param(9, ICodeEditorService)),
-    ( __param(10, IThemeService)),
-    ( __param(11, ICommandService))
+    ( __param(6, IInstantiationService)),
+    ( __param(7, IConfigurationService)),
+    ( __param(8, ILogService)),
+    ( __param(9, IOpenerService)),
+    ( __param(10, IContextKeyService)),
+    ( __param(11, IThemeService)),
+    ( __param(12, ICommandService)),
+    ( __param(13, ITextModelService))
 ], ChatListItemRenderer));
 let ChatListDelegate = class ChatListDelegate {
-    constructor(logService) {
+    constructor(defaultElementHeight, logService) {
+        this.defaultElementHeight = defaultElementHeight;
         this.logService = logService;
     }
     _traceLayout(method, message) {
@@ -848,7 +903,7 @@ let ChatListDelegate = class ChatListDelegate {
     }
     getHeight(element) {
         const kind = isRequestVM(element) ? 'request' : 'response';
-        const height = ('currentRenderedHeight' in element ? element.currentRenderedHeight : undefined) ?? 200;
+        const height = ('currentRenderedHeight' in element ? element.currentRenderedHeight : undefined) ?? this.defaultElementHeight;
         this._traceLayout('getHeight', `${kind}, height=${height}`);
         return height;
     }
@@ -860,140 +915,20 @@ let ChatListDelegate = class ChatListDelegate {
     }
 };
 ChatListDelegate = ( __decorate([
-    ( __param(0, ILogService))
+    ( __param(1, ILogService))
 ], ChatListDelegate));
-let ChatAccessibilityProvider = class ChatAccessibilityProvider {
-    constructor(_accessibleViewService) {
-        this._accessibleViewService = _accessibleViewService;
-    }
-    getWidgetRole() {
-        return 'list';
-    }
-    getRole(element) {
-        return 'listitem';
-    }
-    getWidgetAriaLabel() {
-        return ( localizeWithPath('vs/workbench/contrib/chat/browser/chatListRenderer', 'chat', "Chat"));
-    }
-    getAriaLabel(element) {
-        if (isRequestVM(element)) {
-            return element.messageText;
-        }
-        if (isResponseVM(element)) {
-            return this._getLabelWithCodeBlockCount(element);
-        }
-        if (isWelcomeVM(element)) {
-            return ( element.content.map(c => 'value' in c ? c.value : ( c.map(followup => followup.message)).join('\n'))).join('\n');
-        }
-        return '';
-    }
-    _getLabelWithCodeBlockCount(element) {
-        const accessibleViewHint = this._accessibleViewService.getOpenAriaHint("accessibility.verbosity.panelChat" );
-        let label = '';
-        const fileTreeCount = element.response.value.filter((v) => !('value' in v))?.length ?? 0;
-        let fileTreeCountHint = '';
-        switch (fileTreeCount) {
-            case 0:
-                break;
-            case 1:
-                fileTreeCountHint = ( localizeWithPath(
-                    'vs/workbench/contrib/chat/browser/chatListRenderer',
-                    'singleFileTreeHint',
-                    "1 file tree"
-                ));
-                break;
-            default:
-                fileTreeCountHint = ( localizeWithPath(
-                    'vs/workbench/contrib/chat/browser/chatListRenderer',
-                    'multiFileTreeHint',
-                    "{0} file trees",
-                    fileTreeCount
-                ));
-                break;
-        }
-        const codeBlockCount = marked_1.lexer(element.response.asString()).filter(token => token.type === 'code')?.length ?? 0;
-        switch (codeBlockCount) {
-            case 0:
-                label = accessibleViewHint ? ( localizeWithPath(
-                    'vs/workbench/contrib/chat/browser/chatListRenderer',
-                    'noCodeBlocksHint',
-                    "{0} {1} {2}",
-                    fileTreeCountHint,
-                    element.response.asString(),
-                    accessibleViewHint
-                )) : ( localizeWithPath(
-                    'vs/workbench/contrib/chat/browser/chatListRenderer',
-                    'noCodeBlocks',
-                    "{0} {1}",
-                    fileTreeCountHint,
-                    element.response.asString()
-                ));
-                break;
-            case 1:
-                label = accessibleViewHint ? ( localizeWithPath(
-                    'vs/workbench/contrib/chat/browser/chatListRenderer',
-                    'singleCodeBlockHint',
-                    "{0} 1 code block: {1} {2}",
-                    fileTreeCountHint,
-                    element.response.asString(),
-                    accessibleViewHint
-                )) : ( localizeWithPath(
-                    'vs/workbench/contrib/chat/browser/chatListRenderer',
-                    'singleCodeBlock',
-                    "{0} 1 code block: {1}",
-                    fileTreeCountHint,
-                    element.response.asString()
-                ));
-                break;
-            default:
-                label = accessibleViewHint ? ( localizeWithPath(
-                    'vs/workbench/contrib/chat/browser/chatListRenderer',
-                    'multiCodeBlockHint',
-                    "{0} {1} code blocks: {2}",
-                    fileTreeCountHint,
-                    codeBlockCount,
-                    element.response.asString(),
-                    accessibleViewHint
-                )) : ( localizeWithPath(
-                    'vs/workbench/contrib/chat/browser/chatListRenderer',
-                    'multiCodeBlock',
-                    "{0} {1} code blocks",
-                    fileTreeCountHint,
-                    codeBlockCount,
-                    element.response.asString()
-                ));
-                break;
-        }
-        return label;
-    }
-};
-ChatAccessibilityProvider = ( __decorate([
-    ( __param(0, IAccessibleViewService))
-], ChatAccessibilityProvider));
 let EditorPool = class EditorPool extends Disposable {
-    *inUse() {
-        yield* this._simpleEditorPool.inUse;
-        yield* this._localFileEditorPool.inUse;
+    inUse() {
+        return this._pool.inUse;
     }
     constructor(options, delegate, overflowWidgetsDomNode, instantiationService) {
         super();
-        this.options = options;
-        this.instantiationService = instantiationService;
-        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);
+        this._pool = this._register(( new ResourcePool(() => {
+            return instantiationService.createInstance(CodeBlockPart, options, MenuId.ChatCodeBlock, delegate, overflowWidgetsDomNode);
         })));
     }
-    get(data) {
-        return this.getFromPool(data.type === 'localFile' ? this._localFileEditorPool : this._simpleEditorPool);
-    }
-    find(resource) {
-        return Array.from(this._simpleEditorPool.inUse).find(part => part.uri?.toString() === ( resource.toString()));
-    }
-    getFromPool(pool) {
-        const codeBlock = pool.get();
+    get() {
+        const codeBlock = this._pool.get();
         let stale = false;
         return {
             object: codeBlock,
@@ -1001,7 +936,7 @@ let EditorPool = class EditorPool extends Disposable {
             dispose: () => {
                 codeBlock.reset();
                 stale = true;
-                pool.release(codeBlock);
+                this._pool.release(codeBlock);
             }
         };
     }
@@ -1024,7 +959,7 @@ let TreePool = class TreePool extends Disposable {
     treeFactory() {
         const resourceLabels = this.instantiationService.createInstance(ResourceLabels, { onDidChangeVisibility: this._onDidChangeVisibility });
         const container = $('.interactive-response-progress-tree');
-        createFileIconThemableTreeContainerScope(container, this.themeService);
+        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()), {
             collapseByDefault: () => false,
             expandOnlyOnTwistieClick: () => false,
@@ -1075,16 +1010,20 @@ let ContentReferencesListPool = class ContentReferencesListPool extends Disposab
     listFactory() {
         const resourceLabels = this.instantiationService.createInstance(ResourceLabels, { onDidChangeVisibility: this._onDidChangeVisibility });
         const container = $('.chat-used-context-list');
-        createFileIconThemableTreeContainerScope(container, this.themeService);
+        this._register(createFileIconThemableTreeContainerScope(container, this.themeService));
         const list = this.instantiationService.createInstance(WorkbenchList, 'ChatListRenderer', container, ( new ContentReferencesListDelegate()), [this.instantiationService.createInstance(ContentReferencesListRenderer, resourceLabels)], {
             alwaysConsumeMouseWheel: false,
             accessibilityProvider: {
                 getAriaLabel: (element) => {
-                    if (URI.isUri(element.reference)) {
-                        return basename(element.reference.path);
+                    const reference = element.reference;
+                    if ('variableName' in reference) {
+                        return reference.variableName;
+                    }
+                    else if (URI.isUri(reference)) {
+                        return basename(reference.path);
                     }
                     else {
-                        return basename(element.reference.uri.path);
+                        return basename(reference.uri.path);
                     }
                 },
                 getWidgetAriaLabel: () => ( localizeWithPath(
@@ -1121,35 +1060,58 @@ class ContentReferencesListDelegate {
         return ContentReferencesListRenderer.TEMPLATE_ID;
     }
 }
-class ContentReferencesListRenderer {
+let ContentReferencesListRenderer = class ContentReferencesListRenderer {
+    static { ContentReferencesListRenderer_1 = this; }
     static { this.TEMPLATE_ID = 'contentReferencesListRenderer'; }
-    constructor(labels) {
+    constructor(labels, chatVariablesService) {
         this.labels = labels;
-        this.templateId = ContentReferencesListRenderer.TEMPLATE_ID;
+        this.chatVariablesService = chatVariablesService;
+        this.templateId = ContentReferencesListRenderer_1.TEMPLATE_ID;
     }
     renderTemplate(container) {
         const templateDisposables = ( new DisposableStore());
         const label = templateDisposables.add(this.labels.create(container, { supportHighlights: true }));
         return { templateDisposables, label };
     }
-    renderElement(element, index, templateData, height) {
+    renderElement(data, index, templateData, height) {
+        const reference = data.reference;
         templateData.label.element.style.display = 'flex';
-        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 });
+        if ('variableName' in reference) {
+            if (reference.value) {
+                const uri = URI.isUri(reference.value) ? reference.value : reference.value.uri;
+                templateData.label.setResource({
+                    resource: uri,
+                    name: basenameOrAuthority(uri),
+                    description: `#${reference.variableName}`,
+                    range: 'range' in reference.value ? reference.value.range : undefined
+                });
+            }
+            else {
+                const variable = this.chatVariablesService.getVariable(reference.variableName);
+                templateData.label.setLabel(`#${reference.variableName}`, undefined, { title: variable?.description });
+            }
         }
         else {
-            templateData.label.setFile(uri, {
-                fileKind: FileKind.FILE,
-                fileDecorations: { badges: false, colors: false },
-                range: 'range' in element.reference ? element.reference.range : undefined
-            });
+            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 });
+            }
+            else {
+                templateData.label.setFile(uri, {
+                    fileKind: FileKind.FILE,
+                    fileDecorations: { badges: false, colors: false },
+                    range: 'range' in reference ? reference.range : undefined
+                });
+            }
         }
     }
     disposeTemplate(templateData) {
         templateData.templateDisposables.dispose();
     }
-}
+};
+ContentReferencesListRenderer = ContentReferencesListRenderer_1 = ( __decorate([
+    ( __param(1, IChatVariablesService))
+], ContentReferencesListRenderer));
 class ResourcePool extends Disposable {
     get inUse() {
         return this._inUse;
@@ -1269,4 +1231,4 @@ function onlyProgressMessagesAfterI(items, i) {
 function onlyProgressMessageRenderDatasAfterI(items, i) {
     return items.slice(i).every(isProgressMessageRenderData);
 }
-export { ChatAccessibilityProvider, ChatListDelegate, ChatListItemRenderer };
+export { ChatListDelegate, ChatListItemRenderer };