@codingame/monaco-vscode-api 5.3.0 → 6.0.1

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

@@ -1,33 +1,35 @@
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
-import { append, clearNode, WindowIntervalTimer, getWindow, $ as $$1, show, hide, scheduleAtNextAnimationFrame } from '../../../../base/browser/dom.js';
+import { append, addDisposableListener, clearNode, WindowIntervalTimer, getWindow, reset, $ as $$1, scheduleAtNextAnimationFrame, hide, show, EventType } from '../../../../base/browser/dom.js';
+import { renderFormattedText } from '../../../../base/browser/formattedTextRenderer.js';
+import { StandardKeyboardEvent } from '../../../../base/browser/keyboardEvent.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, Event } from '../../../../base/common/event.js';
 import { MarkdownString } from '../../../../base/common/htmlContent.js';
+import { KeyCode } from '../../../../base/common/keyCodes.js';
 import { Disposable, DisposableStore, toDisposable } from '../../../../base/common/lifecycle.js';
 import { ResourceMap } from '../../../../base/common/map.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 '../../../../base/common/observableInternal/utils.js';
 import { basename } from '../../../../base/common/path.js';
-import { basenameOrAuthority } from '../../../../base/common/resources.js';
+import { isEqual, 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 { generateUuid } from '../../../../base/common/uuid.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 { DefaultModelSHA1Computer } from '../../../../editor/common/services/modelService.js';
 import { ITextModelService } from '../../../../editor/common/services/resolverService.js';
 import { localizeWithPath } from '../../../../nls.js';
 import { createActionViewItem, MenuEntryActionViewItem } from '../../../../platform/actions/browser/menuEntryActionViewItem.js';
@@ -48,28 +50,28 @@ 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 { ChatAgentHover, getChatAgentHoverOptions } from './chatAgentHover.js';
+import { ChatConfirmationWidget } from './chatConfirmationWidget.js';
 import { ChatFollowups } from './chatFollowups.js';
 import { ChatMarkdownDecorationsRenderer } from './chatMarkdownDecorationsRenderer.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';
+import { chatSubcommandLeader } from '../common/chatParserTypes.js';
+import { ChatAgentVoteDirection } from '../common/chatService.js';
+import { IChatService } from '../common/chatService.service.js';
 import { IChatVariablesService } from '../common/chatVariables.service.js';
 import { isResponseVM, isRequestVM, isWelcomeVM } from '../common/chatViewModel.js';
 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';
+import { ChatMarkdownRenderer } from './chatMarkdownRenderer.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, modelService, hoverService, chatAgentNameService) {
+    constructor(editorOptions, location, rendererOptions, delegate, codeBlockModelCollection, overflowWidgetsDomNode, instantiationService, configService, logService, openerService, contextKeyService, themeService, commandService, textModelService, modelService, hoverService, chatService) {
         super();
         this.location = location;
         this.rendererOptions = rendererOptions;
@@ -84,20 +86,22 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         this.textModelService = textModelService;
         this.modelService = modelService;
         this.hoverService = hoverService;
-        this.chatAgentNameService = chatAgentNameService;
+        this.chatService = chatService;
         this.codeBlocksByResponseId = ( (new Map()));
         this.codeBlocksByEditorUri = ( (new ResourceMap()));
         this.fileTreesByResponseId = ( (new Map()));
         this.focusedFileTreesByResponseId = ( (new Map()));
         this._onDidClickFollowup = this._register(( (new Emitter())));
         this.onDidClickFollowup = this._onDidClickFollowup.event;
+        this._onDidClickRerunWithAgentOrCommandDetection = ( (new Emitter()));
+        this.onDidClickRerunWithAgentOrCommandDetection = this._onDidClickRerunWithAgentOrCommandDetection.event;
         this._onDidChangeItemHeight = this._register(( (new Emitter())));
         this.onDidChangeItemHeight = this._onDidChangeItemHeight.event;
         this._currentLayoutWidth = 0;
         this._isVisible = true;
         this._onDidChangeVisibility = this._register(( (new Emitter())));
         this._usedReferencesEnabled = false;
-        this.renderer = this._register(this.instantiationService.createInstance(MarkdownRenderer, {}));
+        this.renderer = this._register(this.instantiationService.createInstance(ChatMarkdownRenderer, undefined));
         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));
@@ -178,8 +182,9 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         }
         const header = append(rowContainer, $('.header'));
         const user = append(header, $('.user'));
+        user.tabIndex = 0;
+        user.role = 'toolbar';
         const avatarContainer = append(user, $('.avatar-container'));
-        const agentAvatarContainer = append(user, $('.agent-avatar-container'));
         const username = append(user, $('h3.username'));
         const detailContainer = append(user, $('span.detail-container'));
         const detail = append(detailContainer, $('span.detail'));
@@ -210,14 +215,28 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             }));
         }
         const agentHover = templateDisposables.add(this.instantiationService.createInstance(ChatAgentHover));
-        templateDisposables.add(this.hoverService.setupUpdatableHover(getDefaultHoverDelegate('mouse'), header, () => {
+        const hoverContent = () => {
             if (isResponseVM(template.currentElement) && template.currentElement.agent) {
                 agentHover.setAgent(template.currentElement.agent.id);
                 return agentHover.domNode;
             }
             return undefined;
+        };
+        const hoverOptions = getChatAgentHoverOptions(() => isResponseVM(template.currentElement) ? template.currentElement.agent : undefined, this.commandService);
+        templateDisposables.add(this.hoverService.setupUpdatableHover(getDefaultHoverDelegate('element'), user, hoverContent, hoverOptions));
+        templateDisposables.add(addDisposableListener(user, EventType.KEY_DOWN, e => {
+            const ev = ( (new StandardKeyboardEvent(e)));
+            if (ev.equals(KeyCode.Space) || ev.equals(KeyCode.Enter)) {
+                const content = hoverContent();
+                if (content) {
+                    this.hoverService.showHover({ content, target: user, trapFocus: true, actions: hoverOptions.actions }, true);
+                }
+            }
+            else if (ev.equals(KeyCode.Escape)) {
+                this.hoverService.hideHover();
+            }
         }));
-        const template = { avatarContainer, agentAvatarContainer, username, detail, referencesListContainer, value, rowContainer, elementDisposables, titleToolbar, templateDisposables, contextKeyService, agentHover };
+        const template = { avatarContainer, username, detail, referencesListContainer, value, rowContainer, elementDisposables, titleToolbar, templateDisposables, contextKeyService, agentHover };
         return template;
     }
     renderElement(node, index, templateData) {
@@ -234,7 +253,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         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' : '');
+            CONTEXT_RESPONSE_VOTE.bindTo(templateData.contextKeyService).set(element.vote === ChatAgentVoteDirection.Up ? 'up' : element.vote === ChatAgentVoteDirection.Down ? 'down' : '');
         }
         else {
             CONTEXT_RESPONSE_VOTE.bindTo(templateData.contextKeyService).set('');
@@ -290,103 +309,62 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         }
     }
     renderDetail(element, templateData) {
-        let agentName = constObservable(undefined);
-        if (element.agent && !element.agent.isDefault) {
-            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);
+            this._renderDetail(element, templateData);
         }));
     }
-    _renderDetail(element, agentName, templateData) {
-        let progressMsg = '';
-        if (!isUndefined(agentName)) {
-            let usingMsg = chatAgentLeader + agentName;
-            if (element.slashCommand) {
-                usingMsg += ` ${chatSubcommandLeader}${element.slashCommand.name}`;
-            }
+    _renderDetail(element, templateData) {
+        clearNode(templateData.detail);
+        if (element.slashCommand && element.agentOrSlashCommandDetected) {
+            let msg = '';
+            const usingMsg = `${chatSubcommandLeader}${element.slashCommand.name}`;
             if (element.isComplete) {
-                progressMsg = ( localizeWithPath(_moduleId, 0, "used {0}", usingMsg));
+                msg = ( localizeWithPath(_moduleId, 0, "used {0} [[(rerun without)]]", usingMsg));
             }
             else {
-                progressMsg = ( localizeWithPath(_moduleId, 1, "using {0}", usingMsg));
+                msg = ( localizeWithPath(_moduleId, 1, "using {0}", usingMsg));
             }
-        }
-        else if (element.agentOrSlashCommandDetected) {
-            const usingMsg = [];
-            if (!isUndefined(agentName)) {
-                usingMsg.push(chatAgentLeader + agentName);
-            }
-            if (element.slashCommand) {
-                usingMsg.push(chatSubcommandLeader + element.slashCommand.name);
-            }
-            if (usingMsg.length) {
-                if (element.isComplete) {
-                    progressMsg = ( localizeWithPath(_moduleId, 0, "used {0}", usingMsg.join(' ')));
+            reset(templateData.detail, renderFormattedText(msg, {
+                className: 'agentOrSlashCommandDetected',
+                inline: true,
+                actionHandler: {
+                    disposables: templateData.elementDisposables,
+                    callback: (content) => {
+                        this._onDidClickRerunWithAgentOrCommandDetection.fire(element);
+                    },
                 }
-                else {
-                    progressMsg = ( localizeWithPath(_moduleId, 1, "using {0}", usingMsg.join(' ')));
-                }
-            }
+            }));
         }
         else if (!element.isComplete) {
-            progressMsg = GeneratingPhrase;
+            templateData.detail.textContent = GeneratingPhrase;
         }
-        templateData.detail.textContent = progressMsg;
     }
     renderAvatar(element, templateData) {
-        if (URI.isUri(element.avatarIcon)) {
-            const avatarImgIcon = $$1('img.icon');
-            avatarImgIcon.src = ( (FileAccess.uriToBrowserUri(element.avatarIcon).toString(true)));
-            templateData.avatarContainer.replaceChildren($$1('.avatar', undefined, avatarImgIcon));
+        const icon = isResponseVM(element) ?
+            this.getAgentIcon(element.agent?.metadata) :
+            (element.avatarIcon ?? Codicon.account);
+        if (icon instanceof URI) {
+            const avatarIcon = $$1('img.icon');
+            avatarIcon.src = ( (FileAccess.uriToBrowserUri(icon).toString(true)));
+            templateData.avatarContainer.replaceChildren($$1('.avatar', undefined, avatarIcon));
         }
         else {
-            const defaultIcon = isRequestVM(element) ? Codicon.account : Codicon.copilot;
-            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.isDefault) {
-            show(templateData.agentAvatarContainer);
-            const icon = this.getAgentIcon(element.agent.metadata);
-            if (icon instanceof URI) {
-                const avatarIcon = $$1('img.icon');
-                avatarIcon.src = ( (FileAccess.uriToBrowserUri(icon).toString(true)));
-                templateData.agentAvatarContainer.replaceChildren($$1('.avatar', undefined, avatarIcon));
-            }
-            else if (icon) {
-                const avatarIcon = $$1(ThemeIcon.asCSSSelector(icon));
-                templateData.agentAvatarContainer.replaceChildren($$1('.avatar.codicon-avatar', undefined, avatarIcon));
-            }
-            else {
-                hide(templateData.agentAvatarContainer);
-                return;
-            }
-            templateData.agentAvatarContainer.classList.toggle('complete', element.isComplete);
-            if (!element.agentAvatarHasBeenRendered && !element.isComplete) {
-                element.agentAvatarHasBeenRendered = true;
-                templateData.agentAvatarContainer.classList.remove('loading');
-                templateData.elementDisposables.add(disposableTimeout(() => {
-                    templateData.agentAvatarContainer.classList.toggle('loading', !element.isComplete);
-                }, 100));
-            }
-            else {
-                templateData.agentAvatarContainer.classList.toggle('loading', !element.isComplete);
-            }
-        }
-        else {
-            hide(templateData.agentAvatarContainer);
-        }
     }
     getAgentIcon(agent) {
-        if (agent.themeIcon) {
+        if (agent?.themeIcon) {
             return agent.themeIcon;
         }
+        else if (agent?.iconDark && this.themeService.getColorTheme().type === ColorScheme.DARK) {
+            return agent.iconDark;
+        }
+        else if (agent?.icon) {
+            return agent.icon;
+        }
         else {
-            return this.themeService.getColorTheme().type === ColorScheme.DARK && agent.iconDark ? agent.iconDark :
-                agent.icon;
+            return Codicon.copilot;
         }
     }
     basicRenderElement(value, element, index, templateData) {
@@ -398,36 +376,51 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         }
         this.renderContentReferencesIfNeeded(element, templateData, templateData.elementDisposables);
         let fileTreeIndex = 0;
+        let codeBlockIndex = 0;
         value.forEach((data, index) => {
             const result = data.kind === 'treeData'
                 ? this.renderTreeData(data.treeData, element, templateData, fileTreeIndex++)
                 : data.kind === 'markdownContent'
-                    ? this.renderMarkdown(data.content, element, templateData, fillInIncompleteTokens)
+                    ? this.renderMarkdown(data.content, element, templateData, fillInIncompleteTokens, codeBlockIndex)
                     : data.kind === 'progressMessage' && onlyProgressMessagesAfterI(value, index) ? this.renderProgressMessage(data, false)
-                        : data.kind === 'command' ? this.renderCommandButton(element, data)
-                            : data.kind === 'textEditGroup' ? this.renderTextEdit(element, data, templateData)
-                                : undefined;
+                        : data.kind === 'progressTask' ? this.renderProgressTask(data, false, element, templateData)
+                            : data.kind === 'command' ? this.renderCommandButton(element, data)
+                                : data.kind === 'textEditGroup' ? this.renderTextEdit(element, data, templateData)
+                                    : data.kind === 'warning' ? this.renderNotification('warning', data.content)
+                                        : data.kind === 'confirmation' ? this.renderConfirmation(element, data, templateData)
+                                            : undefined;
             if (result) {
                 templateData.value.appendChild(result.element);
                 templateData.elementDisposables.add(result);
+                if ('codeBlockCount' in result) {
+                    codeBlockIndex += result.codeBlockCount;
+                }
             }
         });
         if (isResponseVM(element) && element.errorDetails?.message) {
-            const icon = element.errorDetails.responseIsFiltered ? Codicon.info : Codicon.error;
-            const errorDetails = append(templateData.value, $('.interactive-response-error-details', undefined, renderIcon(icon)));
-            const renderedError = templateData.elementDisposables.add(this.renderer.render(( (new MarkdownString(element.errorDetails.message)))));
-            errorDetails.appendChild($('span', undefined, renderedError.element));
+            const renderedError = this.renderNotification(element.errorDetails.responseIsFiltered ? 'info' : 'error', ( (new MarkdownString(element.errorDetails.message))));
+            templateData.elementDisposables.add(renderedError);
+            templateData.value.appendChild(renderedError.element);
         }
         const newHeight = templateData.rowContainer.offsetHeight;
         const fireEvent = !element.currentRenderedHeight || element.currentRenderedHeight !== newHeight;
         element.currentRenderedHeight = newHeight;
         if (fireEvent) {
             const disposable = templateData.elementDisposables.add(scheduleAtNextAnimationFrame(getWindow(templateData.value), () => {
+                element.currentRenderedHeight = templateData.rowContainer.offsetHeight;
                 disposable.dispose();
-                this._onDidChangeItemHeight.fire({ element, height: newHeight });
+                this._onDidChangeItemHeight.fire({ element, height: element.currentRenderedHeight });
             }));
         }
     }
+    updateItemHeight(templateData) {
+        if (!templateData.currentElement) {
+            return;
+        }
+        const newHeight = templateData.rowContainer.offsetHeight;
+        templateData.currentElement.currentRenderedHeight = newHeight;
+        this._onDidChangeItemHeight.fire({ element: templateData.currentElement, height: newHeight });
+    }
     renderWelcomeMessage(element, templateData) {
         clearNode(templateData.value);
         clearNode(templateData.referencesListContainer);
@@ -448,8 +441,9 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         element.currentRenderedHeight = newHeight;
         if (fireEvent) {
             const disposable = templateData.elementDisposables.add(scheduleAtNextAnimationFrame(getWindow(templateData.value), () => {
+                element.currentRenderedHeight = templateData.rowContainer.offsetHeight;
                 disposable.dispose();
-                this._onDidChangeItemHeight.fire({ element, height: newHeight });
+                this._onDidChangeItemHeight.fire({ element, height: element.currentRenderedHeight });
             }));
         }
     }
@@ -484,11 +478,18 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                             isLast: index === renderableResponse.length - 1,
                         };
                     }
-                    else if (part.kind === 'command') {
+                    else if (part.kind === 'command' ||
+                        part.kind === 'textEditGroup' ||
+                        part.kind === 'confirmation' ||
+                        part.kind === 'warning') {
                         partsToRender[index] = part;
                     }
-                    else if (part.kind === 'textEditGroup') {
-                        partsToRender[index] = part;
+                    else if (part.kind === 'progressTask') {
+                        partsToRender[index] = {
+                            task: part,
+                            isSettled: part.isSettled?.() ?? true,
+                            progressLength: part.progress.length,
+                        };
                     }
                     else {
                         const wordCountResult = this.getDataForProgressiveRender(element, contentToMarkdown(part.content), { renderedWordCount: 0, lastRenderTime: 0 });
@@ -528,8 +529,14 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                         isLast: index === renderableResponse.length - 1,
                     };
                 }
+                else if (part.kind === 'progressTask' && isProgressTaskRenderData(renderedPart)) {
+                    const isSettled = part.isSettled?.() ?? true;
+                    if (renderedPart.isSettled !== isSettled || part.progress.length !== renderedPart.progressLength || isSettled) {
+                        partsToRender[index] = { task: part, isSettled, progressLength: part.progress.length };
+                    }
+                }
             });
-            isFullyRendered = partsToRender.length === 0 && !somePartIsNotFullyRendered;
+            isFullyRendered = partsToRender.filter((p) => !('isSettled' in p) || !p.isSettled).length === 0 && !somePartIsNotFullyRendered;
             if (isFullyRendered && element.isComplete) {
                 this.traceLayout('runProgressiveRender', `end progressive render, index=${index} and clearing renderData, response is complete, index=${index}`);
                 element.renderData = undefined;
@@ -556,12 +563,21 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                             result = null;
                         }
                     }
+                    else if (isProgressTaskRenderData(partToRender)) {
+                        result = this.renderProgressTask(partToRender.task, !partToRender.isSettled, element, templateData);
+                    }
                     else if (isCommandButtonRenderData(partToRender)) {
                         result = this.renderCommandButton(element, partToRender);
                     }
                     else if (isTextEditRenderData(partToRender)) {
                         result = this.renderTextEdit(element, partToRender, templateData);
                     }
+                    else if (isConfirmationRenderData(partToRender)) {
+                        result = this.renderConfirmation(element, partToRender, templateData);
+                    }
+                    else if (isWarningRenderData(partToRender)) {
+                        result = this.renderNotification('warning', partToRender.content);
+                    }
                     else if (!hasRenderedOneMarkdownBlock && wordCountResults[index]) {
                         const { value } = wordCountResults[index];
                         const part = partsToRender[index];
@@ -612,7 +628,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             }
         }));
         treeDisposables.add(tree.onDidChangeCollapseState(() => {
-            this._onDidChangeItemHeight.fire({ element, height: templateData.rowContainer.offsetHeight });
+            this.updateItemHeight(templateData);
         }));
         treeDisposables.add(tree.onContextMenu((e) => {
             e.browserEvent.preventDefault();
@@ -621,7 +637,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         tree.setInput(data).then(() => {
             if (!ref.isStale()) {
                 tree.layout();
-                this._onDidChangeItemHeight.fire({ element, height: templateData.rowContainer.offsetHeight });
+                this.updateItemHeight(templateData);
             }
         });
         if (isResponseVM(element)) {
@@ -648,22 +664,26 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         };
     }
     renderContentReferencesIfNeeded(element, templateData, disposables) {
-        clearNode(templateData.referencesListContainer);
         if (isResponseVM(element) && this._usedReferencesEnabled && element.contentReferences.length) {
             show(templateData.referencesListContainer);
-            const contentReferencesListResult = this.renderContentReferencesListData(element.contentReferences, element, templateData);
-            templateData.referencesListContainer.appendChild(contentReferencesListResult.element);
+            const contentReferencesListResult = this.renderContentReferencesListData(null, element.contentReferences, element, templateData);
+            if (templateData.referencesListContainer.firstChild) {
+                templateData.referencesListContainer.replaceChild(contentReferencesListResult.element, templateData.referencesListContainer.firstChild);
+            }
+            else {
+                templateData.referencesListContainer.appendChild(contentReferencesListResult.element);
+            }
             disposables.add(contentReferencesListResult);
         }
         else {
             hide(templateData.referencesListContainer);
         }
     }
-    renderContentReferencesListData(data, element, templateData) {
+    renderContentReferencesListData(task, data, element, templateData) {
         const listDisposables = ( (new DisposableStore()));
-        const referencesLabel = data.length > 1 ?
+        const referencesLabel = task?.content.value ?? (data.length > 1 ?
             ( localizeWithPath(_moduleId, 2, "Used {0} references", data.length)) :
-            ( localizeWithPath(_moduleId, 3, "Used {0} reference", 1));
+            ( 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)));
@@ -680,7 +700,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         }))));
         const container = $('.chat-used-context', undefined, buttonElement);
         collapseButton.label = referencesLabel;
-        collapseButton.element.append(iconElement);
+        collapseButton.element.prepend(iconElement);
         this.updateAriaLabel(collapseButton.element, referencesLabel, element.usedReferencesExpanded);
         container.classList.toggle('chat-used-context-collapsed', !element.usedReferencesExpanded);
         listDisposables.add(collapseButton.onDidClick(() => {
@@ -688,14 +708,14 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             element.usedReferencesExpanded = !element.usedReferencesExpanded;
             iconElement.classList.add(...ThemeIcon.asClassNameArray(icon(element)));
             container.classList.toggle('chat-used-context-collapsed', !element.usedReferencesExpanded);
-            this._onDidChangeItemHeight.fire({ element, height: templateData.rowContainer.offsetHeight });
+            this.updateItemHeight(templateData);
             this.updateAriaLabel(collapseButton.element, referencesLabel, element.usedReferencesExpanded);
         }));
         const ref = listDisposables.add(this._contentReferencesListPool.get());
         const list = ref.object;
         container.appendChild(list.getHTMLElement().parentElement);
         listDisposables.add(list.onDidOpen((e) => {
-            if (e.element) {
+            if (e.element && 'reference' in e.element) {
                 const uriOrLocation = 'variableName' in e.element.reference ? e.element.reference.value : e.element.reference;
                 const uri = URI.isUri(uriOrLocation) ? uriOrLocation :
                     uriOrLocation?.uri;
@@ -732,11 +752,23 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
     updateAriaLabel(element, label, expanded) {
         element.ariaLabel = expanded ? ( localizeWithPath(_moduleId, 4, "{0}, expanded", label)) : ( localizeWithPath(_moduleId, 5, "{0}, collapsed", label));
     }
+    renderProgressTask(task, showSpinner, element, templateData) {
+        if (!isResponseVM(element)) {
+            return;
+        }
+        if (task.progress.length) {
+            const refs = this.renderContentReferencesListData(task, task.progress, element, templateData);
+            const node = $$1('.chat-progress-task');
+            node.appendChild(refs.element);
+            return { element: node, dispose: refs.dispose };
+        }
+        return this.renderProgressMessage(task, showSpinner);
+    }
     renderProgressMessage(progress, showSpinner) {
         if (showSpinner) {
             alert(progress.content.value);
         }
-        const codicon = showSpinner ? ThemeIcon.modify(Codicon.sync, 'spin').id : Codicon.check.id;
+        const codicon = showSpinner ? ThemeIcon.modify(Codicon.loading, 'spin').id : Codicon.check.id;
         const markdown = ( (new MarkdownString(`$(${codicon}) ${progress.content.value}`, {
             supportThemeIcons: true
         })));
@@ -762,11 +794,63 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             element: container
         };
     }
+    renderNotification(kind, content) {
+        const container = $('.chat-notification-widget');
+        let icon;
+        let iconClass;
+        switch (kind) {
+            case 'warning':
+                icon = Codicon.warning;
+                iconClass = '.chat-warning-codicon';
+                break;
+            case 'error':
+                icon = Codicon.error;
+                iconClass = '.chat-error-codicon';
+                break;
+            case 'info':
+                icon = Codicon.info;
+                iconClass = '.chat-info-codicon';
+                break;
+        }
+        container.appendChild($(iconClass, undefined, renderIcon(icon)));
+        const markdownContent = this.renderer.render(content);
+        container.appendChild(markdownContent.element);
+        return {
+            element: container,
+            dispose() { markdownContent.dispose(); }
+        };
+    }
+    renderConfirmation(element, confirmation, templateData) {
+        const store = ( (new DisposableStore()));
+        const confirmationWidget = store.add(this.instantiationService.createInstance(ChatConfirmationWidget, confirmation.title, confirmation.message, [
+            { label: ( localizeWithPath(_moduleId, 7, "Accept")), data: confirmation.data },
+            { label: ( localizeWithPath(_moduleId, 8, "Dismiss")), data: confirmation.data, isSecondary: true },
+        ]));
+        confirmationWidget.setShowButtons(!confirmation.isUsed);
+        store.add(confirmationWidget.onDidClick(async (e) => {
+            if (isResponseVM(element)) {
+                const prompt = `${e.label}: "${confirmation.title}"`;
+                const data = e.isSecondary ?
+                    { rejectedConfirmationData: [e.data] } :
+                    { acceptedConfirmationData: [e.data] };
+                data.agentId = element.agent?.id;
+                if (await this.chatService.sendRequest(element.sessionId, prompt, data)) {
+                    confirmation.isUsed = true;
+                    confirmationWidget.setShowButtons(false);
+                    this.updateItemHeight(templateData);
+                }
+            }
+        }));
+        return {
+            element: confirmationWidget.domNode,
+            dispose() { store.dispose(); }
+        };
+    }
     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."))),
+                    element: $('.interactive-edits-summary', undefined, !element.isComplete ? ( localizeWithPath(_moduleId, 9, "Making changes...")) : ( localizeWithPath(_moduleId, 10, "Made changes."))),
                     dispose() { }
                 };
             }
@@ -782,7 +866,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         const ref = this._diffEditorPool.get();
         store.add(ref.object.onDidChangeContentHeight(() => {
             ref.object.layout(this._currentLayoutWidth);
-            this._onDidChangeItemHeight.fire({ element, height: templateData.rowContainer.offsetHeight });
+            this.updateItemHeight(templateData);
         }));
         const data = {
             element,
@@ -809,13 +893,32 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                 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);
+                const modRef = await this.textModelService.createModelReference(modified.uri);
+                store.add(modRef);
+                const editGroups = [];
+                if (isResponseVM(element)) {
+                    const chatModel = this.chatService.getSession(element.sessionId);
+                    for (const request of chatModel.getRequests()) {
+                        if (!request.response) {
+                            continue;
+                        }
+                        for (const item of request.response.response.value) {
+                            if (item.kind !== 'textEditGroup' || item.state?.applied || !isEqual(item.uri, chatTextEdit.uri)) {
+                                continue;
+                            }
+                            for (const group of item.edits) {
+                                const edits = ( (group.map(TextEdit.asEditOperation)));
+                                editGroups.push(edits);
+                            }
+                        }
+                        if (request.response === element.model) {
+                            break;
+                        }
                     }
                 }
+                for (const edits of editGroups) {
+                    modified.pushEditOperations(null, edits, () => null);
+                }
                 return {
                     modified,
                     original,
@@ -828,16 +931,16 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             element: ref.object.element,
             dispose() {
                 store.dispose();
+                ref.dispose();
             },
         };
     }
-    renderMarkdown(markdown, element, templateData, fillInIncompleteTokens = false) {
+    renderMarkdown(markdown, element, templateData, fillInIncompleteTokens = false, codeBlockStartIndex = 0) {
         const disposables = ( (new DisposableStore()));
         const orderedDisposablesList = [];
         const codeblocks = [];
-        let codeBlockIndex = 0;
+        let codeBlockIndex = codeBlockStartIndex;
         const result = this.renderer.render(markdown, {
-            disallowRemoteImages: true,
             fillInIncompleteTokens,
             codeBlockRendererSync: (languageId, text) => {
                 const index = codeBlockIndex++;
@@ -868,7 +971,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                 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 });
+                    this.updateItemHeight(templateData);
                 }));
                 if (isResponseVM(element)) {
                     const info = {
@@ -888,7 +991,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                 orderedDisposablesList.push(ref);
                 return ref.object.element;
             },
-            asyncRenderCallback: () => this._onDidChangeItemHeight.fire({ element, height: templateData.rowContainer.offsetHeight }),
+            asyncRenderCallback: () => this.updateItemHeight(templateData),
         });
         if (isResponseVM(element)) {
             this.codeBlocksByResponseId.set(element.id, codeblocks);
@@ -897,6 +1000,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         disposables.add(this.markdownDecorationsRenderer.walkTreeAndAnnotateReferenceLinks(result.element));
         orderedDisposablesList.reverse().forEach(d => disposables.add(d));
         return {
+            codeBlockCount: codeBlockIndex - codeBlockStartIndex,
             element: result.element,
             dispose() {
                 result.dispose();
@@ -945,7 +1049,7 @@ ChatListItemRenderer = ChatListItemRenderer_1 = ( (__decorate([
     ( (__param(13, ITextModelService))),
     ( (__param(14, IModelService))),
     ( (__param(15, IHoverService))),
-    ( (__param(16, IChatAgentNameService)))
+    ( (__param(16, IChatService)))
 ], ChatListItemRenderer)));
 let ChatListDelegate = class ChatListDelegate {
     constructor(defaultElementHeight, logService) {
@@ -1043,7 +1147,7 @@ let TreePool = class TreePool extends Disposable {
         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())), {
+        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,
             identityProvider: {
@@ -1051,7 +1155,7 @@ let TreePool = class TreePool extends Disposable {
             },
             accessibilityProvider: {
                 getAriaLabel: (element) => element.label,
-                getWidgetAriaLabel: () => ( localizeWithPath(_moduleId, 9, "File Tree"))
+                getWidgetAriaLabel: () => ( localizeWithPath(_moduleId, 11, "File Tree"))
             },
             alwaysConsumeMouseWheel: false
         });
@@ -1090,10 +1194,13 @@ let ContentReferencesListPool = class ContentReferencesListPool extends Disposab
         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)], {
+        const list = this.instantiationService.createInstance((WorkbenchList), 'ChatListRenderer', container, ( (new ContentReferencesListDelegate())), [this.instantiationService.createInstance(ContentReferencesListRenderer, resourceLabels)], {
             alwaysConsumeMouseWheel: false,
             accessibilityProvider: {
                 getAriaLabel: (element) => {
+                    if (element.kind === 'warning') {
+                        return element.content.value;
+                    }
                     const reference = element.reference;
                     if ('variableName' in reference) {
                         return reference.variableName;
@@ -1105,10 +1212,14 @@ let ContentReferencesListPool = class ContentReferencesListPool extends Disposab
                         return basename(reference.uri.path);
                     }
                 },
-                getWidgetAriaLabel: () => ( localizeWithPath(_moduleId, 10, "Used References"))
+                getWidgetAriaLabel: () => ( localizeWithPath(_moduleId, 12, "Used References"))
             },
             dnd: {
-                getDragURI: ({ reference }) => {
+                getDragURI: (element) => {
+                    if (element.kind === 'warning') {
+                        return null;
+                    }
+                    const { reference } = element;
                     if ('variableName' in reference) {
                         return null;
                     }
@@ -1158,8 +1269,9 @@ class ContentReferencesListDelegate {
 let ContentReferencesListRenderer = class ContentReferencesListRenderer {
     static { ContentReferencesListRenderer_1 = this; }
     static { this.TEMPLATE_ID = 'contentReferencesListRenderer'; }
-    constructor(labels, chatVariablesService) {
+    constructor(labels, themeService, chatVariablesService) {
         this.labels = labels;
+        this.themeService = themeService;
         this.chatVariablesService = chatVariablesService;
         this.templateId = ContentReferencesListRenderer_1.TEMPLATE_ID;
     }
@@ -1168,9 +1280,23 @@ let ContentReferencesListRenderer = class ContentReferencesListRenderer {
         const label = templateDisposables.add(this.labels.create(container, { supportHighlights: true }));
         return { templateDisposables, label };
     }
+    getReferenceIcon(data) {
+        if (ThemeIcon.isThemeIcon(data.iconPath)) {
+            return data.iconPath;
+        }
+        else {
+            return this.themeService.getColorTheme().type === ColorScheme.DARK && data.iconPath?.dark
+                ? data.iconPath?.dark
+                : data.iconPath?.light;
+        }
+    }
     renderElement(data, index, templateData, height) {
+        if (data.kind === 'warning') {
+            templateData.label.setResource({ name: data.content.value }, { icon: Codicon.warning });
+            return;
+        }
         const reference = data.reference;
-        const icon = data.iconPath;
+        const icon = this.getReferenceIcon(data);
         templateData.label.element.style.display = 'flex';
         if ('variableName' in reference) {
             if (reference.value) {
@@ -1206,7 +1332,8 @@ let ContentReferencesListRenderer = class ContentReferencesListRenderer {
     }
 };
 ContentReferencesListRenderer = ContentReferencesListRenderer_1 = ( (__decorate([
-    ( (__param(1, IChatVariablesService)))
+    ( (__param(1, IThemeService))),
+    ( (__param(2, IChatVariablesService)))
 ], ContentReferencesListRenderer)));
 class ResourcePool extends Disposable {
     get inUse() {
@@ -1312,6 +1439,12 @@ function contentToMarkdown(str) {
 function isProgressMessage(item) {
     return item && 'kind' in item && item.kind === 'progressMessage';
 }
+function isProgressTaskRenderData(item) {
+    return item && 'isSettled' in item;
+}
+function isWarningRenderData(item) {
+    return item && 'kind' in item && item.kind === 'warning';
+}
 function isProgressMessageRenderData(item) {
     return item && 'isAtEndOfResponse' in item;
 }
@@ -1321,6 +1454,9 @@ function isCommandButtonRenderData(item) {
 function isTextEditRenderData(item) {
     return item && 'kind' in item && item.kind === 'textEditGroup';
 }
+function isConfirmationRenderData(item) {
+    return item && 'kind' in item && item.kind === 'confirmation';
+}
 function isMarkdownRenderData(item) {
     return item && 'renderedWordCount' in item;
 }