@codingame/monaco-vscode-katex-common 33.0.9 → 34.0.0

package/vscode/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/toolInvocationParts/toolRiskBadgeWidget.js

@@ -35,7 +35,7 @@ let ToolRiskBadgeWidget = class ToolRiskBadgeWidget extends Disposable {
         this._detailsIconEl.classList.add(...ThemeIcon.asClassNameArray(Codicon.info));
         this._detailsIconEl.tabIndex = 0;
         this._detailsIconEl.setAttribute("role", "button");
-        this._detailsIconEl.setAttribute("aria-label", ( localize(7474, "Risk assessment details")));
+        this._detailsIconEl.setAttribute("aria-label", ( localize(7613, "Risk assessment details")));
         this.domNode.append(this._iconEl, this._textEl, this._detailsIconEl);
         this._refreshDetailsHover();
         this.setLoading();
@@ -58,9 +58,9 @@ let ToolRiskBadgeWidget = class ToolRiskBadgeWidget extends Disposable {
     setLoading() {
         this._setVariant("loading");
         this._setIcon(ThemeIcon.modify(Codicon.loading, "spin"));
-        const text = ( localize(7475, "Assessing risk…"));
+        const text = ( localize(7614, "Assessing risk…"));
         this._textEl.textContent = text;
-        this._setHover(( localize(7476, "Generating a risk assessment for this tool call.")));
+        this._setHover(( localize(7615, "Generating a risk assessment for this tool call.")));
     }
     setHidden() {
         this.domNode.style.display = "none";
@@ -122,7 +122,7 @@ let ToolRiskBadgeWidget = class ToolRiskBadgeWidget extends Disposable {
         );
     }
     _buildDetailsMarkdown() {
-        const aiNote = ( localize(7477, "Risk assessments are AI-generated and may be inaccurate."));
+        const aiNote = ( localize(7616, "Risk assessments are AI-generated and may be inaccurate."));
         const details = this._details;
         const md = ( new MarkdownString(undefined, {
             supportThemeIcons: true,

package/vscode/src/vs/workbench/contrib/chat/browser/widget/chatDragAndDrop.js

@@ -209,23 +209,23 @@ let ChatDragAndDrop = class ChatDragAndDrop extends Themable {
     getDropTypeName(type) {
         switch (type) {
         case ChatDragAndDropType.FILE_INTERNAL:
-            return localize(7478, "File");
+            return localize(7617, "File");
         case ChatDragAndDropType.FILE_EXTERNAL:
-            return localize(7478, "File");
+            return localize(7617, "File");
         case ChatDragAndDropType.FOLDER:
-            return localize(7479, "Folder");
+            return localize(7618, "Folder");
         case ChatDragAndDropType.IMAGE:
-            return localize(7480, "Image");
+            return localize(7619, "Image");
         case ChatDragAndDropType.SYMBOL:
-            return localize(7481, "Symbol");
+            return localize(7620, "Symbol");
         case ChatDragAndDropType.MARKER:
-            return localize(7482, "Problem");
+            return localize(7621, "Problem");
         case ChatDragAndDropType.HTML:
-            return localize(7483, "URL");
+            return localize(7622, "URL");
         case ChatDragAndDropType.NOTEBOOK_CELL_OUTPUT:
-            return localize(7484, "Output");
+            return localize(7623, "Output");
         case ChatDragAndDropType.SCM_HISTORY_ITEM:
-            return localize(7485, "Change");
+            return localize(7624, "Change");
         }
     }
     async resolveAttachmentsFromDragEvent(e) {
@@ -297,7 +297,7 @@ let ChatDragAndDrop = class ChatDragAndDrop extends Themable {
     async resolveHTMLAttachContext(e) {
         const existingAttachmentNames = ( new Set(( this.attachmentModel.attachments.map(attachment => attachment.name))));
         const createDisplayName = () => {
-            const baseName = ( localize(7486, "Image from URL"));
+            const baseName = ( localize(7625, "Image from URL"));
             let uniqueName = baseName;
             let baseNameInstance = 1;
             while (( existingAttachmentNames.has(uniqueName))) {
@@ -375,7 +375,7 @@ let ChatDragAndDrop = class ChatDragAndDrop extends Themable {
     }
     getOverlayText(type) {
         const typeName = this.getDropTypeName(type);
-        return localize(7487, "Attach {0} as Context", typeName);
+        return localize(7626, "Attach {0} as Context", typeName);
     }
     updateOverlayStyles(overlay) {
         overlay.style.backgroundColor = this.getColor(this.styles.overlayBackground) || "";

package/vscode/src/vs/workbench/contrib/chat/browser/widget/chatListRenderer.d.ts

@@ -50,6 +50,8 @@ export interface IChatListItemTemplate {
     /** Drag handle element for reordering pending requests, if currently rendered. */
     dragHandle?: HTMLElement;
     readonly rowContainer: HTMLElement;
+    /** Height allocated by the list for the currently rendered row. */
+    allocatedHeight?: number;
     readonly titleToolbar?: MenuWorkbenchToolBar;
     readonly header?: HTMLElement;
     readonly footerToolbar: MenuWorkbenchToolBar;
@@ -74,6 +76,7 @@ interface IItemHeightChangeParams {
     element: ChatTreeItem;
     height: number;
 }
+export declare function shouldScheduleInitialHeightChange(normalizedHeight: number, allocatedHeight: number | undefined): boolean;
 export interface IChatRendererDelegate {
     container: HTMLElement;
     getListLength(): number;
@@ -167,7 +170,7 @@ export declare class ChatListItemRenderer extends Disposable implements ITreeRen
     setVisible(visible: boolean): void;
     layout(width: number): void;
     renderTemplate(container: HTMLElement): IChatListItemTemplate;
-    renderElement(node: ITreeNode<ChatTreeItem, FuzzyScore>, index: number, templateData: IChatListItemTemplate): void;
+    renderElement(node: ITreeNode<ChatTreeItem, FuzzyScore>, index: number, templateData: IChatListItemTemplate, details?: IListElementRenderDetails): void;
     /**
      * Dispose the rendered parts in the template, which aren't done in disposeElement
      * so they can be reused when a new render is started.
@@ -190,6 +193,20 @@ export declare class ChatListItemRenderer extends Disposable implements ITreeRen
     private getWorkingProgressContentPart;
     private createUpdateWorkingProgressOnConfirmationEnd;
     private hasBeenCaughtUpLongEnough;
+    /**
+     * Returns the last part that visually contributes to the response, skipping
+     * empty markdown placeholders.
+     */
+    private findLastMeaningfulPart;
+    /**
+     * True while we have caught up to streamed markdown but are still within the
+     * {@link WORKING_CAUGHT_UP_DEBOUNCE_MS} window before the working indicator
+     * should appear. The progressive render loop keeps polling in this state so
+     * the indicator can still surface after a genuine pause, instead of being
+     * dropped when the loop would otherwise stop (the debounce itself avoids
+     * flicker during normal token streaming).
+     */
+    private isWorkingProgressDebouncePending;
     private getChatFileChangesSummaryPart;
     private renderChatRequest;
     private renderSystemInitiatedRequest;
@@ -270,6 +287,7 @@ export declare class ChatListItemRenderer extends Disposable implements ITreeRen
     private renderChangesSummary;
     private renderAttachments;
     private renderTextEdit;
+    private renderExternalEdit;
     private renderMarkdown;
     renderThinkingPart(content: IChatThinkingPart, context: IChatContentPartRenderContext, templateData: IChatListItemTemplate): IChatContentPart;
     disposeElement(node: ITreeNode<ChatTreeItem, FuzzyScore>, index: number, templateData: IChatListItemTemplate, details?: IListElementRenderDetails): void;

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

@@ -1,6 +1,6 @@
 
 import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
-import { $ as $$1, append, addDisposableListener, EventType, createElement, DisposableResizeObserver, clearNode, addStandardDisposableListener, WindowIntervalTimer, getWindow, reset, findParentWithClass, hide, show } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { $ as $$1, scheduleAtNextAnimationFrame, getWindow, append, addDisposableListener, EventType, createElement, DisposableResizeObserver, clearNode, addStandardDisposableListener, WindowIntervalTimer, reset, findParentWithClass, hide, show } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { renderFormattedText } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/formattedTextRenderer';
 import { StandardKeyboardEvent } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/keyboardEvent';
 import { alert } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/aria/aria';
@@ -47,6 +47,7 @@ import { ChatPlanReviewData } from '@codingame/monaco-vscode-api/vscode/vs/workb
 import { ChatQuestionCarouselData } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/model/chatProgressTypes/chatQuestionCarouselData';
 import { localChatSessionType, isAgentHostTarget } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatSessionsService';
 import { getChatSessionType } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/model/chatUri';
+import { isExplicitFileOrImageVariableEntry, getExplicitFileOrImageAttachmentSummary } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/attachments/chatVariableEntries';
 import { isResponseVM, isPendingDividerVM, isRequestVM } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/model/chatViewModel';
 import { getNWords } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/model/chatWordCounter';
 import { ChatConfiguration, ChatAgentLocation, CollapsedToolsDisplayMode, ThinkingDisplayMode, ChatModeKind } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/constants';
@@ -80,10 +81,11 @@ import { ChatQuotaExceededPart } from './chatContentParts/chatQuotaExceededPart.
 import { CollapsibleListPool, ChatUsedReferencesListContentPart } from './chatContentParts/chatReferencesContentPart.js';
 import { ChatTaskContentPart } from './chatContentParts/chatTaskContentPart.js';
 import { ChatTextEditContentPart } from './chatContentParts/chatTextEditContentPart.js';
-import { ChatThinkingContentPart } from './chatContentParts/chatThinkingContentPart.js';
+import { ChatThinkingContentPart, getEffectiveThinkingDisplayMode } from './chatContentParts/chatThinkingContentPart.js';
 import { ChatSubagentContentPart } from './chatContentParts/chatSubagentContentPart.js';
 import { TreePool, ChatTreeContentPart } from './chatContentParts/chatTreeContentPart.js';
 import { ChatWorkspaceEditContentPart } from './chatContentParts/chatWorkspaceEditContentPart.js';
+import { ChatExternalEditContentPart } from './chatContentParts/chatExternalEditContentPart.js';
 import { ChatToolInvocationPart } from './chatContentParts/toolInvocationParts/chatToolInvocationPart.js';
 import { ChatMarkdownDecorationsRenderer } from './chatContentParts/chatMarkdownDecorationsRenderer.js';
 import { ChatCodeBlockContentProvider } from './chatContentParts/codeBlockPart.js';
@@ -103,7 +105,10 @@ import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/obse
 var ChatListItemRenderer_1;
 const $ = $$1;
 const COPILOT_USERNAME = "GitHub Copilot";
-const WORKING_CAUGHT_UP_DEBOUNCE_MS = 50;
+const WORKING_CAUGHT_UP_DEBOUNCE_MS = 750;
+function shouldScheduleInitialHeightChange(normalizedHeight, allocatedHeight) {
+    return typeof allocatedHeight !== "number" || normalizedHeight > allocatedHeight;
+}
 const mostRecentResponseClassName = "chat-most-recent-response";
 function upvoteAnimationSettingToEnum(value) {
     switch (value) {
@@ -270,11 +275,29 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         }
         const originalStoredHeight = template.currentElement.currentRenderedHeight;
         template.currentElement.currentRenderedHeight = normalizedHeight;
-        if (template.currentElement !== this._elementBeingRendered && typeof originalStoredHeight === "number") {
+        if (template.currentElement === this._elementBeingRendered) {
+            return;
+        }
+        if (typeof originalStoredHeight === "number") {
             this._onDidChangeItemHeight.fire({
                 element: template.currentElement,
                 height: normalizedHeight
             });
+        } else {
+            if (!shouldScheduleInitialHeightChange(normalizedHeight, template.allocatedHeight)) {
+                return;
+            }
+            const element = template.currentElement;
+            const scheduledHeight = normalizedHeight;
+            scheduleAtNextAnimationFrame(getWindow(template.rowContainer), () => {
+                if (template.currentElement !== element || element.currentRenderedHeight !== scheduledHeight) {
+                    return;
+                }
+                this._onDidChangeItemHeight.fire({
+                    element,
+                    height: scheduledHeight
+                });
+            });
         }
     }
     getProgressiveRenderRate(element) {
@@ -465,7 +488,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         const checkpointRestoreContainer = append(rowContainer, $(".checkpoint-restore-container"));
         append(checkpointRestoreContainer, $(".checkpoint-line-left"));
         const label = append(checkpointRestoreContainer, $("span.checkpoint-label-text"));
-        label.textContent = ( localize(7488, "Checkpoint Restored"));
+        label.textContent = ( localize(7627, "Checkpoint Restored"));
         const dot = append(checkpointRestoreContainer, $("span.checkpoint-dot-separator"));
         dot.textContent = "·";
         dot.setAttribute("aria-hidden", "true");
@@ -580,7 +603,8 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         templateDisposables.add(resizeObserver.observe(rowContainer));
         return template;
     }
-    renderElement(node, index, templateData) {
+    renderElement(node, index, templateData, details) {
+        templateData.allocatedHeight = details?.height;
         this._elementBeingRendered = node.element;
         try {
             this.renderChatTreeItem(node.element, index, templateData);
@@ -842,15 +866,15 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         const label = append(dividerContent, $$1("span.pending-divider-label"));
         if (element.dividerKind === ChatRequestQueueKind.Steering) {
             if (element.isSystemInitiated) {
-                label.textContent = ( localize(7489, "System Notification"));
-                label.title = ( localize(7490, "System notification will be sent after the next tool call happens"));
+                label.textContent = ( localize(7628, "System Notification"));
+                label.title = ( localize(7629, "System notification will be sent after the next tool call happens"));
             } else {
-                label.textContent = ( localize(7491, "Steering"));
-                label.title = ( localize(7492, "Steering message will be sent after the next tool call happens"));
+                label.textContent = ( localize(7630, "Steering"));
+                label.title = ( localize(7631, "Steering message will be sent after the next tool call happens"));
             }
         } else {
-            label.textContent = ( localize(7493, "Queued"));
-            label.title = ( localize(7494, "Queued messages will be sent after the current request completes"));
+            label.textContent = ( localize(7632, "Queued"));
+            label.title = ( localize(7633, "Queued messages will be sent after the current request completes"));
         }
         templateData.value.appendChild(dividerContent);
     }
@@ -858,10 +882,10 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         clearNode(templateData.detail);
         if (element.agentOrSlashCommandDetected) {
             const msg = element.slashCommand ? ( localize(
-                7495,
+                7634,
                 "used {0} [[(rerun without)]]",
                 `${chatSubcommandLeader}${element.slashCommand.name}`
-            )) : ( localize(7496, "[[(rerun without)]]"));
+            )) : ( localize(7635, "[[(rerun without)]]"));
             reset(templateData.detail, renderFormattedText(msg, {
                 actionHandler: {
                     disposables: templateData.elementDisposables,
@@ -874,7 +898,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             this.delegate.currentChatMode(),
             this.rendererOptions.progressMessageAtBottomOfResponse
         )) {
-            templateData.detail.textContent = ( localize(7497, "Working"));
+            templateData.detail.textContent = ( localize(7636, "Working"));
         }
     }
     renderConfirmationAction(element, templateData) {
@@ -883,7 +907,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             append(templateData.detail, $("span.codicon.codicon-check", {
                 "aria-hidden": "true"
             }));
-            append(templateData.detail, $("span.confirmation-text", undefined, ( localize(7498, "Selected \"{0}\"", element.confirmation))));
+            append(templateData.detail, $("span.confirmation-text", undefined, ( localize(7637, "Selected \"{0}\"", element.confirmation))));
             templateData.header?.classList.remove("header-disabled");
             templateData.header?.classList.add("partially-disabled");
         }
@@ -1011,14 +1035,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                 };
             }
         }
-        let lastPart;
-        for (let i = partsToRender.length - 1; i >= 0; i--) {
-            const part = partsToRender[i];
-            if (part.kind !== "markdownContent" || part.content.value.trim().length > 0) {
-                lastPart = part;
-                break;
-            }
-        }
+        const lastPart = this.findLastMeaningfulPart(partsToRender);
         if (showProgressDetails) {
             const lastThinking = this.getLastThinkingPart(templateData.renderedParts);
             if (lastThinking?.getIsActive() && !lastThinking.isFixedScrollingMode) {
@@ -1066,6 +1083,8 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         }
         if (!lastPart || lastPart.kind === "references" || (lastPart.kind === "markdownContent" && !moreContentAvailable && this.hasBeenCaughtUpLongEnough(element)) || ((lastPart.kind === "toolInvocation" || lastPart.kind === "toolInvocationSerialized") && (IChatToolInvocation.isComplete(lastPart) || IChatToolInvocation.isEffectivelyHidden(lastPart))) || ((lastPart.kind === "textEditGroup" || lastPart.kind === "notebookEditGroup") && lastPart.done && !( partsToRender.some(
             part => part.kind === "toolInvocation" && !IChatToolInvocation.isComplete(part)
+        ))) || (lastPart.kind === "externalEdit" && !( partsToRender.some(
+            part => part.kind === "toolInvocation" && !IChatToolInvocation.isComplete(part)
         ))) || (lastPart.kind === "progressTask" && lastPart.deferred.isSettled) || lastPart.kind === "mcpServersStarting" || lastPart.kind === "disabledClaudeHooks" || lastPart.kind === "hook") {
             return {
                 kind: "working"
@@ -1083,7 +1102,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         }).length;
     }
     getConfirmationPendingLabel(count) {
-        return count === 1 ? ( localize(7499, "1 confirmation pending")) : ( localize(7500, "{0} confirmations pending", count));
+        return count === 1 ? ( localize(7638, "1 confirmation pending")) : ( localize(7639, "{0} confirmations pending", count));
     }
     removeWorkingProgressContentPart(templateData) {
         const renderedParts = templateData.renderedParts;
@@ -1169,6 +1188,24 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         }
         return (Date.now() - lastRenderTime) >= WORKING_CAUGHT_UP_DEBOUNCE_MS;
     }
+    findLastMeaningfulPart(partsToRender) {
+        for (let i = partsToRender.length - 1; i >= 0; i--) {
+            const part = partsToRender[i];
+            if (part.kind !== "markdownContent" || part.content.value.trim().length > 0) {
+                return part;
+            }
+        }
+        return undefined;
+    }
+    isWorkingProgressDebouncePending(element, partsToRender) {
+        if (element.isComplete) {
+            return false;
+        }
+        if (( partsToRender.some(part => part.kind === "working"))) {
+            return false;
+        }
+        return this.findLastMeaningfulPart(partsToRender)?.kind === "markdownContent" && !this.hasBeenCaughtUpLongEnough(element);
+    }
     getChatFileChangesSummaryPart(element) {
         if (!this.shouldShowFileChangesSummary(element)) {
             return undefined;
@@ -1224,12 +1261,20 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             );
         }
         let content = [];
+        const explicitFileOrImageVariables = element.variables.filter(isExplicitFileOrImageVariableEntry);
+        const explicitImageVariables = explicitFileOrImageVariables.filter(variable => variable.kind === "image");
+        const explicitFileOrDirectoryVariables = explicitFileOrImageVariables.filter(variable => variable.kind === "file" || variable.kind === "directory");
+        const otherVariables = element.variables.filter(variable => !isExplicitFileOrImageVariableEntry(variable));
         if (!element.confirmation) {
             const markdown = isChatFollowup(element.message) ? element.message.message : this.markdownDecorationsRenderer.convertParsedRequestToMarkdown(element.sessionResource, element.message);
-            content = [{
-                content: ( new MarkdownString(markdown)),
-                kind: "markdownContent"
-            }];
+            const attachmentSummary = !element.messageText.trim() && !explicitFileOrImageVariables.length ? getExplicitFileOrImageAttachmentSummary(element.variables) : undefined;
+            const requestMarkdown = markdown.trim() ? markdown : attachmentSummary;
+            if (requestMarkdown) {
+                content = [{
+                    content: ( new MarkdownString(requestMarkdown)),
+                    kind: "markdownContent"
+                }];
+            }
             if (this.rendererOptions.renderStyle === "minimal" && !element.isComplete) {
                 templateData.value.classList.add("inline-progress");
                 templateData.elementDisposables.add(toDisposable(() => templateData.value.classList.remove("inline-progress")));
@@ -1245,6 +1290,33 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         }
         clearNode(templateData.value);
         const parts = [];
+        const explicitImageAttachmentsPart = explicitImageVariables.length ? this.renderAttachments(
+            explicitImageVariables,
+            element.contentReferences,
+            element.modelId,
+            templateData
+        ) : undefined;
+        if (explicitImageAttachmentsPart?.domNode) {
+            explicitImageAttachmentsPart.domNode.classList.add("chat-request-attachment-cards", "chat-request-image-attachments");
+            templateData.value.appendChild(explicitImageAttachmentsPart.domNode);
+            templateData.elementDisposables.add(explicitImageAttachmentsPart);
+        }
+        const explicitFileAttachmentsPart = explicitFileOrDirectoryVariables.length ? this.renderAttachments(
+            explicitFileOrDirectoryVariables,
+            element.contentReferences,
+            element.modelId,
+            templateData
+        ) : undefined;
+        if (explicitFileAttachmentsPart?.domNode) {
+            explicitFileAttachmentsPart.domNode.classList.add("chat-request-attachment-cards", "chat-request-file-attachments");
+            explicitFileAttachmentsPart.domNode.style.display = "flex";
+            explicitFileAttachmentsPart.domNode.style.flexDirection = "column";
+            explicitFileAttachmentsPart.domNode.style.alignItems = "flex-end";
+            explicitFileAttachmentsPart.domNode.style.flexWrap = "nowrap";
+            templateData.value.appendChild(explicitFileAttachmentsPart.domNode);
+            templateData.elementDisposables.add(explicitFileAttachmentsPart);
+        }
+        const contentContainer = templateData.value;
         let inlineSlashCommandRendered = false;
         let codeBlockStartIndex = 0;
         content.forEach((data, contentIndex) => {
@@ -1277,12 +1349,12 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                             requestId: element.id
                         })
                     );
-                    templateData.value.appendChild(cmdPart.domNode);
+                    contentContainer.appendChild(cmdPart.domNode);
                     parts.push(cmdPart);
                     inlineSlashCommandRendered = true;
                 }
                 if (newPart.domNode && !newPart.domNode.parentElement) {
-                    templateData.value.appendChild(newPart.domNode);
+                    contentContainer.appendChild(newPart.domNode);
                 }
                 parts.push(newPart);
                 codeBlockStartIndex += newPart.codeblocks?.length ?? 0;
@@ -1292,13 +1364,8 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             dispose(templateData.renderedParts);
         }
         templateData.renderedParts = parts;
-        if (element.variables.length) {
-            const newPart = this.renderAttachments(
-                element.variables,
-                element.contentReferences,
-                element.modelId,
-                templateData
-            );
+        if (otherVariables.length) {
+            const newPart = this.renderAttachments(otherVariables, element.contentReferences, element.modelId, templateData);
             if (newPart.domNode) {
                 templateData.value.appendChild(newPart.domNode);
             }
@@ -1390,11 +1457,9 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                 element.renderData = undefined;
                 this.renderChatResponseBasic(element, index, templateData);
                 return true;
+            } else if (this.isWorkingProgressDebouncePending(element, contentForThisTurn.content)) {
+                return false;
             } else {
-                this.traceLayout(
-                    "doNextProgressiveRender",
-                    "caught up with the stream- no new content to render"
-                );
                 return true;
             }
         }
@@ -1467,7 +1532,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                 treeStartIndex
             };
             const lastThinking = this.getLastThinkingPart(renderedParts);
-            if (lastThinking && (partToRender.kind === "toolInvocation" || partToRender.kind === "toolInvocationSerialized" || partToRender.kind === "markdownContent" || partToRender.kind === "textEditGroup" || partToRender.kind === "hook") && this.shouldPinPart(partToRender, element)) {
+            if (lastThinking && (partToRender.kind === "toolInvocation" || partToRender.kind === "toolInvocationSerialized" || partToRender.kind === "markdownContent" || partToRender.kind === "textEditGroup" || partToRender.kind === "externalEdit" || partToRender.kind === "hook") && this.shouldPinPart(partToRender, element)) {
                 if (alreadyRenderedPart instanceof ChatMarkdownContentPart) {
                     lastThinking.removeEditPillByPartId(alreadyRenderedPart.codeblocksPartId);
                 }
@@ -1655,7 +1720,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         if (collapsedToolsMode === CollapsedToolsDisplayMode.Off) {
             return false;
         }
-        if (this.hasEditCodeblockUri(part) || part.kind === "textEditGroup") {
+        if (this.hasEditCodeblockUri(part) || part.kind === "textEditGroup" || part.kind === "externalEdit") {
             return true;
         }
         const isMcpTool = (part.kind === "toolInvocation" || part.kind === "toolInvocationSerialized") && isMcpToolInvocation(part);
@@ -1836,7 +1901,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         if (!lastThinking) {
             return;
         }
-        const style = this.configService.getValue("chat.agent.thinkingStyle");
+        const style = getEffectiveThinkingDisplayMode(this.configService, this.contextKeyService);
         if (style === ThinkingDisplayMode.CollapsedPreview) {
             lastThinking.collapseContent();
         }
@@ -1958,6 +2023,8 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                     context,
                     this.chatContentMarkdownRenderer
                 );
+            } else if (content.kind === "externalEdit") {
+                return this.renderExternalEdit(content, context, templateData);
             }
             return this.renderNoContent(other => content.kind === other.kind);
         } catch (err) {
@@ -1966,7 +2033,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                 "ChatListItemRenderer#renderChatContentPart: error rendering content",
                 toErrorMessage(err, true)
             );
-            const errorPart = this.instantiationService.createInstance(ChatErrorContentPart, ChatErrorLevel.Error, ( new MarkdownString(( localize(7501, "Failed to render content")) + `: ${toErrorMessage(err, false)}`)), content, this.chatContentMarkdownRenderer);
+            const errorPart = this.instantiationService.createInstance(ChatErrorContentPart, ChatErrorLevel.Error, ( new MarkdownString(( localize(7640, "Failed to render content")) + `: ${toErrorMessage(err, false)}`)), content, this.chatContentMarkdownRenderer);
             return {
                 dispose: () => errorPart.dispose(),
                 domNode: errorPart.domNode,
@@ -2345,7 +2412,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         }
         const shouldPinToThinking = hookPart.hookType === HookType.PreToolUse || hookPart.hookType === HookType.PostToolUse;
         if (shouldPinToThinking) {
-            const hookTitle = hookPart.stopReason ? (hookPart.toolDisplayName ? ( localize(7502, "Blocked {0}", hookPart.toolDisplayName)) : ( localize(7503, "Blocked by hook"))) : (hookPart.toolDisplayName ? ( localize(7504, "Used {0}, but received a warning", hookPart.toolDisplayName)) : ( localize(7505, "Tool call received a warning")));
+            const hookTitle = hookPart.stopReason ? (hookPart.toolDisplayName ? ( localize(7641, "Blocked {0}", hookPart.toolDisplayName)) : ( localize(7642, "Blocked by hook"))) : (hookPart.toolDisplayName ? ( localize(7643, "Used {0}, but received a warning", hookPart.toolDisplayName)) : ( localize(7644, "Tool call received a warning")));
             let thinkingPart = this.getLastThinkingPart(templateData.renderedParts);
             if (!thinkingPart) {
                 const newThinking = this.renderThinkingPart({
@@ -2522,10 +2589,10 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
             return;
         }
         const questionCount = carousel.questions.length;
-        const question = carousel.questions.length > 0 && carousel.questions[0].message ? carousel.questions[0].message : ( localize(7506, "Chat input required."));
+        const question = carousel.questions.length > 0 && carousel.questions[0].message ? carousel.questions[0].message : ( localize(7645, "Chat input required."));
         const stringQuestion = typeof question === "string" ? question : question.value;
-        const alertMessage = questionCount === 1 ? ( localize(7507, "Chat input required (1 question): {0}", stringQuestion)) : ( localize(
-            7508,
+        const alertMessage = questionCount === 1 ? ( localize(7646, "Chat input required (1 question): {0}", stringQuestion)) : ( localize(
+            7647,
             "Chat input required ({0} questions): {1}",
             questionCount,
             stringQuestion
@@ -2534,7 +2601,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         if (stableKey) {
             this._notifiedQuestionCarousels.add(stableKey);
         }
-        const signalMessage = questionCount === 1 ? ( localize(7509, "Chat needs your input (1 question).")) : ( localize(7510, "Chat needs your input ({0} questions).", questionCount));
+        const signalMessage = questionCount === 1 ? ( localize(7648, "Chat needs your input (1 question).")) : ( localize(7649, "Chat needs your input ({0} questions).", questionCount));
         this.accessibilitySignalService.playSignal(AccessibilitySignal.chatUserActionRequired, {
             allowManyInParallel: true,
             customAlertMessage: signalMessage
@@ -2580,7 +2647,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                 supportThemeIcons: true
             }));
             if (overall) {
-                content.appendText(( localize(7511, "{0}: {1}", message, overall.replace(/\s+/g, " "))));
+                content.appendText(( localize(7650, "{0}: {1}", message, overall.replace(/\s+/g, " "))));
             } else {
                 content.appendText(message);
             }
@@ -2625,23 +2692,23 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
     }
     getPlanReviewProgressMessage(review) {
         if (!review.isUsed) {
-            return localize(7512, "Plan review required");
+            return localize(7651, "Plan review required");
         }
         const result = review.data;
         if (!result) {
             return undefined;
         }
         if (result.rejected) {
-            return localize(7513, "Rejected plan");
+            return localize(7652, "Rejected plan");
         }
         if (result.feedback) {
-            return localize(7514, "Provided feedback");
+            return localize(7653, "Provided feedback");
         }
         const action = review.actions.find(a => a.label === result.action);
         if (action?.permissionLevel === "autopilot") {
-            return localize(7515, "Started implementation with Autopilot");
+            return localize(7654, "Started implementation with Autopilot");
         }
-        return localize(7516, "Approved plan");
+        return localize(7655, "Approved plan");
     }
     removeCarouselFromTracking(context, part) {
         if (isResponseVM(context.element)) {
@@ -2674,6 +2741,34 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
         );
         return textEditPart;
     }
+    renderExternalEdit(content, context, templateData) {
+        const editPart = this.instantiationService.createInstance(ChatExternalEditContentPart, content, context);
+        const collapsedToolsMode = this.configService.getValue("chat.agent.thinking.collapsedTools");
+        if (isResponseVM(context.element) && collapsedToolsMode !== CollapsedToolsDisplayMode.Off && this.shouldPinPart(content, context.element)) {
+            const partId = `externalEdit-${( content.uri.toString())}-${content.undoStopId ?? ""}`;
+            const lastThinking = this.getLastThinkingPart(templateData.renderedParts);
+            if (!lastThinking && collapsedToolsMode === CollapsedToolsDisplayMode.Always) {
+                const thinkingPart = this.renderThinkingPart({
+                    kind: "thinking"
+                }, context, templateData);
+                if (thinkingPart instanceof ChatThinkingContentPart) {
+                    thinkingPart.appendItem(() => ({
+                        domNode: editPart.domNode,
+                        disposable: editPart
+                    }), partId, content, templateData.value, editPart.onDidChangeDiff, editPart);
+                }
+                return thinkingPart;
+            }
+            if (lastThinking) {
+                lastThinking.appendItem(() => ({
+                    domNode: editPart.domNode,
+                    disposable: editPart
+                }), partId, content, templateData.value, editPart.onDidChangeDiff, editPart);
+                return this.renderNoContent(other => other.kind === content.kind);
+            }
+        }
+        return editPart;
+    }
     renderMarkdown(markdown, templateData, context) {
         const element = context.element;
         const isBlankMarkdown = !markdown.content.value.trim();
@@ -2728,7 +2823,7 @@ let ChatListItemRenderer = class ChatListItemRenderer extends Disposable {
                     })
                 );
                 markdownPart.addDisposable(
-                    this.hoverService.setupManagedHover(getDefaultHoverDelegate("element"), markdownPart.domNode, ( localize(7517, "Click to Edit")), {
+                    this.hoverService.setupManagedHover(getDefaultHoverDelegate("element"), markdownPart.domNode, ( localize(7656, "Click to Edit")), {
                         trapFocus: true
                     })
                 );
@@ -2913,4 +3008,4 @@ function isSubagentToolInvocation(invocation) {
     return !!getSubagentId(invocation);
 }
 
-export { ChatListDelegate, ChatListItemRenderer };
+export { ChatListDelegate, ChatListItemRenderer, shouldScheduleInitialHeightChange };

package/vscode/src/vs/workbench/contrib/chat/browser/widget/chatListWidget.d.ts

@@ -276,6 +276,12 @@ export declare class ChatListWidget extends Disposable {
      * Update renderer options.
      */
     updateRendererOptions(options: IChatListItemRendererOptions): void;
+    /**
+     * Update the list/tree color overrides. Re-applies the same fan-out from
+     * `listBackground`/`listForeground` to all interaction states that was
+     * originally configured at construction time.
+     */
+    setStyles(styles: IChatListWidgetStyles): void;
     /**
      * Set the visibility of the list.
      */

package/vscode/src/vs/workbench/contrib/chat/browser/widget/chatListWidget.js

@@ -469,6 +469,27 @@ let ChatListWidget = class ChatListWidget extends Disposable {
     updateRendererOptions(options) {
         this._renderer.updateOptions(options);
     }
+    setStyles(styles) {
+        this._tree.updateOptions({
+            overrideStyles: {
+                listFocusBackground: styles.listBackground,
+                listInactiveFocusBackground: styles.listBackground,
+                listActiveSelectionBackground: styles.listBackground,
+                listFocusAndSelectionBackground: styles.listBackground,
+                listInactiveSelectionBackground: styles.listBackground,
+                listHoverBackground: styles.listBackground,
+                listBackground: styles.listBackground,
+                listFocusForeground: styles.listForeground,
+                listHoverForeground: styles.listForeground,
+                listInactiveFocusForeground: styles.listForeground,
+                listInactiveSelectionForeground: styles.listForeground,
+                listActiveSelectionForeground: styles.listForeground,
+                listFocusAndSelectionForeground: styles.listForeground,
+                listActiveSelectionIconForeground: undefined,
+                listInactiveSelectionIconForeground: undefined
+            }
+        });
+    }
     setVisible(visible) {
         this._visible = visible;
         this._renderer.setVisible(visible);