@codingame/monaco-vscode-katex-common 25.1.2 → 26.0.1

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

@@ -19,21 +19,29 @@ let ChatAttachmentsContentPart = class ChatAttachmentsContentPart extends Dispos
         this.attachedContextDisposables = this._register(( new DisposableStore()));
         this._onDidChangeVisibility = this._register(( new Emitter()));
         this._showingAll = false;
-        this.variables = options.variables;
+        this._variables = options.variables;
         this.contentReferences = options.contentReferences ?? [];
         this.limit = options.limit;
-        this.domNode = options.domNode ?? $('.chat-attached-context');
-        this._contextResourceLabels = this._register(this.instantiationService.createInstance(ResourceLabels, { onDidChangeVisibility: this._onDidChangeVisibility.event }));
+        this.domNode = options.domNode ?? $(".chat-attached-context");
+        this._contextResourceLabels = this._register(this.instantiationService.createInstance(ResourceLabels, {
+            onDidChangeVisibility: this._onDidChangeVisibility.event
+        }));
         this.initAttachedContext(this.domNode);
         if (!this.domNode.childElementCount) {
             this.domNode = undefined;
         }
     }
+    updateVariables(variables) {
+        this._variables = variables;
+        if (this.domNode) {
+            this.initAttachedContext(this.domNode);
+        }
+    }
     initAttachedContext(container) {
         clearNode(container);
         this.attachedContextDisposables.clear();
         const visibleAttachments = this.getVisibleAttachments();
-        const hasMoreAttachments = this.limit && this.variables.length > this.limit && !this._showingAll;
+        const hasMoreAttachments = this.limit && this._variables.length > this.limit && !this._showingAll;
         for (const attachment of visibleAttachments) {
             this.renderAttachment(attachment, container);
         }
@@ -43,18 +51,22 @@ let ChatAttachmentsContentPart = class ChatAttachmentsContentPart extends Dispos
     }
     getVisibleAttachments() {
         if (!this.limit || this._showingAll) {
-            return this.variables;
+            return this._variables;
         }
-        return this.variables.slice(0, this.limit);
+        return this._variables.slice(0, this.limit);
     }
     renderShowMoreButton(container) {
-        const remainingCount = this.variables.length - (this.limit ?? 0);
-        const showMoreButton = $('div.chat-attached-context-attachment.chat-attachments-show-more-button');
-        showMoreButton.setAttribute('role', 'button');
-        showMoreButton.setAttribute('tabindex', '0');
-        showMoreButton.style.cursor = 'pointer';
-        const pillIcon = $('div.chat-attached-context-pill', {}, $('span.codicon.codicon-ellipsis'));
-        const textLabel = $('span.chat-attached-context-custom-text');
+        const remainingCount = this._variables.length - (this.limit ?? 0);
+        const showMoreButton = $("div.chat-attached-context-attachment.chat-attachments-show-more-button");
+        showMoreButton.setAttribute("role", "button");
+        showMoreButton.setAttribute("tabindex", "0");
+        showMoreButton.style.cursor = "pointer";
+        const pillIcon = $(
+            "div.chat-attached-context-pill",
+            {},
+            $("span.codicon.codicon-ellipsis")
+        );
+        const textLabel = $("span.chat-attached-context-custom-text");
         textLabel.textContent = `${remainingCount} more`;
         showMoreButton.appendChild(pillIcon);
         showMoreButton.appendChild(textLabel);
@@ -62,87 +74,141 @@ let ChatAttachmentsContentPart = class ChatAttachmentsContentPart extends Dispos
             this._showingAll = true;
             this.initAttachedContext(container);
         };
-        this.attachedContextDisposables.add(addDisposableListener(showMoreButton, 'click', clickHandler));
-        this.attachedContextDisposables.add(addDisposableListener(showMoreButton, 'keydown', (e) => {
-            if (e.key === 'Enter' || e.key === ' ') {
+        this.attachedContextDisposables.add(addDisposableListener(showMoreButton, "click", clickHandler));
+        this.attachedContextDisposables.add(addDisposableListener(showMoreButton, "keydown", e => {
+            if (e.key === "Enter" || e.key === " ") {
                 e.preventDefault();
                 clickHandler();
             }
         }));
         container.appendChild(showMoreButton);
-        this.attachedContextDisposables.add({ dispose: () => showMoreButton.remove() });
+        this.attachedContextDisposables.add({
+            dispose: () => showMoreButton.remove()
+        });
     }
     renderAttachment(attachment, container) {
-        const resource = URI.isUri(attachment.value) ? attachment.value : attachment.value && typeof attachment.value === 'object' && 'uri' in attachment.value && URI.isUri(attachment.value.uri) ? attachment.value.uri : undefined;
-        const range = attachment.value && typeof attachment.value === 'object' && 'range' in attachment.value && Range.isIRange(attachment.value.range) ? attachment.value.range : undefined;
-        const correspondingContentReference = this.contentReferences.find((ref) => (typeof ref.reference === 'object' && 'variableName' in ref.reference && ref.reference.variableName === attachment.name) || (URI.isUri(ref.reference) && basename(ref.reference.path) === attachment.name));
+        const resource = URI.isUri(attachment.value) ? attachment.value : attachment.value && typeof attachment.value === "object" && "uri" in attachment.value && URI.isUri(attachment.value.uri) ? attachment.value.uri : undefined;
+        const range = attachment.value && typeof attachment.value === "object" && "range" in attachment.value && Range.isIRange(attachment.value.range) ? attachment.value.range : undefined;
+        const correspondingContentReference = this.contentReferences.find(
+            ref => (typeof ref.reference === "object" && "variableName" in ref.reference && ref.reference.variableName === attachment.name) || (URI.isUri(ref.reference) && basename(ref.reference.path) === attachment.name)
+        );
         const isAttachmentOmitted = correspondingContentReference?.options?.status?.kind === ChatResponseReferencePartStatusKind.Omitted;
         const isAttachmentPartialOrOmitted = isAttachmentOmitted || correspondingContentReference?.options?.status?.kind === ChatResponseReferencePartStatusKind.Partial;
         let widget;
-        if (attachment.kind === 'tool' || attachment.kind === 'toolset') {
-            widget = this.instantiationService.createInstance(ToolSetOrToolItemAttachmentWidget, attachment, undefined, { shouldFocusClearButton: false, supportsDeletion: false }, container, this._contextResourceLabels);
-        }
-        else if (isElementVariableEntry(attachment)) {
-            widget = this.instantiationService.createInstance(ElementChatAttachmentWidget, attachment, undefined, { shouldFocusClearButton: false, supportsDeletion: false }, container, this._contextResourceLabels);
-        }
-        else if (isImageVariableEntry(attachment)) {
+        if (attachment.kind === "tool" || attachment.kind === "toolset") {
+            widget = this.instantiationService.createInstance(ToolSetOrToolItemAttachmentWidget, attachment, undefined, {
+                shouldFocusClearButton: false,
+                supportsDeletion: false
+            }, container, this._contextResourceLabels);
+        } else if (isElementVariableEntry(attachment)) {
+            widget = this.instantiationService.createInstance(ElementChatAttachmentWidget, attachment, undefined, {
+                shouldFocusClearButton: false,
+                supportsDeletion: false
+            }, container, this._contextResourceLabels);
+        } else if (isImageVariableEntry(attachment)) {
             attachment.omittedState = isAttachmentPartialOrOmitted ? OmittedState.Full : attachment.omittedState;
-            widget = this.instantiationService.createInstance(ImageAttachmentWidget, resource, attachment, undefined, { shouldFocusClearButton: false, supportsDeletion: false }, container, this._contextResourceLabels);
-        }
-        else if (isPromptFileVariableEntry(attachment)) {
+            widget = this.instantiationService.createInstance(ImageAttachmentWidget, resource, attachment, undefined, {
+                shouldFocusClearButton: false,
+                supportsDeletion: false
+            }, container, this._contextResourceLabels);
+        } else if (isPromptFileVariableEntry(attachment)) {
             if (attachment.automaticallyAdded) {
                 return;
             }
-            widget = this.instantiationService.createInstance(PromptFileAttachmentWidget, attachment, undefined, { shouldFocusClearButton: false, supportsDeletion: false }, container, this._contextResourceLabels);
-        }
-        else if (isPromptTextVariableEntry(attachment)) {
+            widget = this.instantiationService.createInstance(PromptFileAttachmentWidget, attachment, undefined, {
+                shouldFocusClearButton: false,
+                supportsDeletion: false
+            }, container, this._contextResourceLabels);
+        } else if (isPromptTextVariableEntry(attachment)) {
             if (attachment.automaticallyAdded) {
                 return;
             }
-            widget = this.instantiationService.createInstance(PromptTextAttachmentWidget, attachment, undefined, { shouldFocusClearButton: false, supportsDeletion: false }, container, this._contextResourceLabels);
-        }
-        else if (resource && (attachment.kind === 'file' || attachment.kind === 'directory')) {
-            widget = this.instantiationService.createInstance(FileAttachmentWidget, resource, range, attachment, correspondingContentReference, undefined, { shouldFocusClearButton: false, supportsDeletion: false }, container, this._contextResourceLabels);
-        }
-        else if (isTerminalVariableEntry(attachment)) {
-            widget = this.instantiationService.createInstance(TerminalCommandAttachmentWidget, attachment, undefined, { shouldFocusClearButton: false, supportsDeletion: false }, container, this._contextResourceLabels);
-        }
-        else if (isPasteVariableEntry(attachment)) {
-            widget = this.instantiationService.createInstance(PasteAttachmentWidget, attachment, undefined, { shouldFocusClearButton: false, supportsDeletion: false }, container, this._contextResourceLabels);
-        }
-        else if (resource && isNotebookOutputVariableEntry(attachment)) {
-            widget = this.instantiationService.createInstance(NotebookCellOutputChatAttachmentWidget, resource, attachment, undefined, { shouldFocusClearButton: false, supportsDeletion: false }, container, this._contextResourceLabels);
-        }
-        else if (isSCMHistoryItemVariableEntry(attachment)) {
-            widget = this.instantiationService.createInstance(SCMHistoryItemAttachmentWidget, attachment, undefined, { shouldFocusClearButton: false, supportsDeletion: false }, container, this._contextResourceLabels);
-        }
-        else if (isSCMHistoryItemChangeVariableEntry(attachment)) {
-            widget = this.instantiationService.createInstance(SCMHistoryItemChangeAttachmentWidget, attachment, undefined, { shouldFocusClearButton: false, supportsDeletion: false }, container, this._contextResourceLabels);
-        }
-        else if (isSCMHistoryItemChangeRangeVariableEntry(attachment)) {
-            widget = this.instantiationService.createInstance(SCMHistoryItemChangeRangeAttachmentWidget, attachment, undefined, { shouldFocusClearButton: false, supportsDeletion: false }, container, this._contextResourceLabels);
-        }
-        else if (isWorkspaceVariableEntry(attachment)) {
+            widget = this.instantiationService.createInstance(PromptTextAttachmentWidget, attachment, undefined, {
+                shouldFocusClearButton: false,
+                supportsDeletion: false
+            }, container, this._contextResourceLabels);
+        } else if (resource && (attachment.kind === "file" || attachment.kind === "directory")) {
+            widget = this.instantiationService.createInstance(
+                FileAttachmentWidget,
+                resource,
+                range,
+                attachment,
+                correspondingContentReference,
+                undefined,
+                {
+                    shouldFocusClearButton: false,
+                    supportsDeletion: false
+                },
+                container,
+                this._contextResourceLabels
+            );
+        } else if (isTerminalVariableEntry(attachment)) {
+            widget = this.instantiationService.createInstance(TerminalCommandAttachmentWidget, attachment, undefined, {
+                shouldFocusClearButton: false,
+                supportsDeletion: false
+            }, container, this._contextResourceLabels);
+        } else if (isPasteVariableEntry(attachment)) {
+            widget = this.instantiationService.createInstance(PasteAttachmentWidget, attachment, undefined, {
+                shouldFocusClearButton: false,
+                supportsDeletion: false
+            }, container, this._contextResourceLabels);
+        } else if (resource && isNotebookOutputVariableEntry(attachment)) {
+            widget = this.instantiationService.createInstance(NotebookCellOutputChatAttachmentWidget, resource, attachment, undefined, {
+                shouldFocusClearButton: false,
+                supportsDeletion: false
+            }, container, this._contextResourceLabels);
+        } else if (isSCMHistoryItemVariableEntry(attachment)) {
+            widget = this.instantiationService.createInstance(SCMHistoryItemAttachmentWidget, attachment, undefined, {
+                shouldFocusClearButton: false,
+                supportsDeletion: false
+            }, container, this._contextResourceLabels);
+        } else if (isSCMHistoryItemChangeVariableEntry(attachment)) {
+            widget = this.instantiationService.createInstance(SCMHistoryItemChangeAttachmentWidget, attachment, undefined, {
+                shouldFocusClearButton: false,
+                supportsDeletion: false
+            }, container, this._contextResourceLabels);
+        } else if (isSCMHistoryItemChangeRangeVariableEntry(attachment)) {
+            widget = this.instantiationService.createInstance(SCMHistoryItemChangeRangeAttachmentWidget, attachment, undefined, {
+                shouldFocusClearButton: false,
+                supportsDeletion: false
+            }, container, this._contextResourceLabels);
+        } else if (isWorkspaceVariableEntry(attachment)) {
             return;
-        }
-        else {
-            widget = this.instantiationService.createInstance(DefaultChatAttachmentWidget, resource, range, attachment, correspondingContentReference, undefined, { shouldFocusClearButton: false, supportsDeletion: false }, container, this._contextResourceLabels);
+        } else {
+            widget = this.instantiationService.createInstance(
+                DefaultChatAttachmentWidget,
+                resource,
+                range,
+                attachment,
+                correspondingContentReference,
+                undefined,
+                {
+                    shouldFocusClearButton: false,
+                    supportsDeletion: false
+                },
+                container,
+                this._contextResourceLabels
+            );
         }
         let ariaLabel = null;
         if (isAttachmentPartialOrOmitted) {
-            widget.element.classList.add('warning');
+            widget.element.classList.add("warning");
         }
         const description = correspondingContentReference?.options?.status?.description;
         if (isAttachmentPartialOrOmitted) {
-            ariaLabel = `${ariaLabel}${description ? ` ${description}` : ''}`;
-            for (const selector of ['.monaco-icon-suffix-container', '.monaco-icon-name-container']) {
+            ariaLabel = `${ariaLabel}${description ? ` ${description}` : ""}`;
+            for (const selector of [".monaco-icon-suffix-container", ".monaco-icon-name-container"]) {
                 const element = widget.label.element.querySelector(selector);
                 if (element) {
-                    element.classList.add('warning');
+                    element.classList.add("warning");
                 }
             }
         }
-        this._register(addDisposableListener(widget.element, 'contextmenu', e => this.contextMenuHandler?.(attachment, e)));
+        this._register(addDisposableListener(
+            widget.element,
+            "contextmenu",
+            e => this.contextMenuHandler?.(attachment, e)
+        ));
         if (this.attachedContextDisposables.isDisposed) {
             widget.dispose();
             return;
@@ -153,8 +219,6 @@ let ChatAttachmentsContentPart = class ChatAttachmentsContentPart extends Dispos
         this.attachedContextDisposables.add(widget);
     }
 };
-ChatAttachmentsContentPart = ( __decorate([
-    ( __param(1, IInstantiationService))
-], ChatAttachmentsContentPart));
+ChatAttachmentsContentPart = ( __decorate([( __param(1, IInstantiationService))], ChatAttachmentsContentPart));
 
 export { ChatAttachmentsContentPart };

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

@@ -20,8 +20,6 @@ export declare class ChatCheckpointFileChangesSummaryContentPart extends Disposa
     readonly domNode: HTMLElement;
     readonly ELEMENT_HEIGHT = 22;
     readonly MAX_ITEMS_SHOWN = 6;
-    private readonly _onDidChangeHeight;
-    readonly onDidChangeHeight: import("@codingame/monaco-vscode-api/vscode/vs/base/common/event").Event<void>;
     private readonly diffsBetweenRequests;
     private fileChangesDiffsObservable;
     private list;

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

@@ -3,7 +3,6 @@ import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib
 import { $, addDisposableListener, EventHelper } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { ButtonWithIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button';
 import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
-import { Emitter } from '@codingame/monaco-vscode-api/vscode/vs/base/common/event';
 import { Iterable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/iterator';
 import { Disposable, DisposableStore, toDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
 import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/index';
@@ -27,7 +26,15 @@ import { ResourcePool } from './chatCollections.js';
 import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
 
 let ChatCheckpointFileChangesSummaryContentPart = class ChatCheckpointFileChangesSummaryContentPart extends Disposable {
-    constructor(content, context, hoverService, chatService, editorService, editorGroupsService, instantiationService) {
+    constructor(
+        content,
+        context,
+        hoverService,
+        chatService,
+        editorService,
+        editorGroupsService,
+        instantiationService
+    ) {
         super();
         this.content = content;
         this.hoverService = hoverService;
@@ -37,24 +44,24 @@ let ChatCheckpointFileChangesSummaryContentPart = class ChatCheckpointFileChange
         this.instantiationService = instantiationService;
         this.ELEMENT_HEIGHT = 22;
         this.MAX_ITEMS_SHOWN = 6;
-        this._onDidChangeHeight = this._register(( new Emitter()));
-        this.onDidChangeHeight = this._onDidChangeHeight.event;
         this.diffsBetweenRequests = ( new Map());
         this.isCollapsed = true;
         this.fileChangesDiffsObservable = this.computeFileChangesDiffs(content);
-        const headerDomNode = $('.checkpoint-file-changes-summary-header');
-        this.domNode = $('.checkpoint-file-changes-summary', undefined, headerDomNode);
+        const headerDomNode = $(".checkpoint-file-changes-summary-header");
+        this.domNode = $(".checkpoint-file-changes-summary", undefined, headerDomNode);
         this.domNode.tabIndex = 0;
         this._register(this.renderHeader(headerDomNode));
         this._register(this.renderFilesList(this.domNode));
     }
-    computeFileChangesDiffs({ requestId, sessionResource }) {
-        return ( ( ( this.chatService.chatModels
-            .map(
+    computeFileChangesDiffs(
+        {
+            requestId,
+            sessionResource
+        }
+    ) {
+        return ( ( ( this.chatService.chatModels.map(
             models => Iterable.find(models, m => isEqual(m.sessionResource, sessionResource))
-        ))
-            .map(model => model?.editingSession?.getDiffsForFilesInRequest(requestId)))
-            .map((diffs, r) => diffs?.read(r) || Iterable.empty()));
+        )).map(model => model?.editingSession?.getDiffsForFilesInRequest(requestId))).map((diffs, r) => diffs?.read(r) || Iterable.empty()));
     }
     getCachedEntryDiffBetweenRequests(editSession, uri, startRequestId, stopRequestId) {
         const key = `${uri}\0${startRequestId}\0${stopRequestId}`;
@@ -66,7 +73,7 @@ let ChatCheckpointFileChangesSummaryContentPart = class ChatCheckpointFileChange
         return observable;
     }
     renderHeader(container) {
-        const viewListButtonContainer = container.appendChild($('.chat-file-changes-label'));
+        const viewListButtonContainer = container.appendChild($(".chat-file-changes-label"));
         const viewListButton = ( new ButtonWithIcon(viewListButtonContainer, {}));
         this._register(autorun(r => {
             const diffs = this.fileChangesDiffsObservable.read(r);
@@ -74,8 +81,7 @@ let ChatCheckpointFileChangesSummaryContentPart = class ChatCheckpointFileChange
         }));
         const setExpansionState = () => {
             viewListButton.icon = this.isCollapsed ? Codicon.chevronRight : Codicon.chevronDown;
-            this.domNode.classList.toggle('chat-file-changes-collapsed', this.isCollapsed);
-            this._onDidChangeHeight.fire();
+            this.domNode.classList.toggle("chat-file-changes-collapsed", this.isCollapsed);
         };
         setExpansionState();
         const disposables = ( new DisposableStore());
@@ -88,20 +94,20 @@ let ChatCheckpointFileChangesSummaryContentPart = class ChatCheckpointFileChange
         return toDisposable(() => disposables.dispose());
     }
     renderViewAllFileChangesButton(container) {
-        const button = container.appendChild($('.chat-view-changes-icon'));
+        const button = container.appendChild($(".chat-view-changes-icon"));
         this.hoverService.setupDelayedHover(button, () => ({
-            content: ( localize2(5612, 'View All File Changes'))
+            content: ( localize2(5831, "View All File Changes"))
         }));
         button.classList.add(...ThemeIcon.asClassNameArray(Codicon.diffMultiple));
-        button.setAttribute('role', 'button');
+        button.setAttribute("role", "button");
         button.tabIndex = 0;
-        return addDisposableListener(button, 'click', (e) => {
+        return addDisposableListener(button, "click", e => {
             const resources = ( this.fileChangesDiffsObservable.get().map(diff => ({
                 originalUri: diff.originalURI,
                 modifiedUri: diff.modifiedURI
             })));
             const source = ( URI.parse(`multi-diff-editor:${( ( new Date()).getMilliseconds().toString()) + ( Math.random().toString())}`));
-            const input = this.instantiationService.createInstance(MultiDiffEditorInput, source, 'Checkpoint File Changes', ( resources.map(resource => {
+            const input = this.instantiationService.createInstance(MultiDiffEditorInput, source, "Checkpoint File Changes", ( resources.map(resource => {
                 return ( new MultiDiffEditorItem(resource.originalUri, resource.modifiedUri, undefined));
             })), false);
             this.editorGroupsService.activeGroup.openEditor(input);
@@ -110,48 +116,50 @@ let ChatCheckpointFileChangesSummaryContentPart = class ChatCheckpointFileChange
     }
     renderFilesList(container) {
         const store = ( new DisposableStore());
-        this.list = store.add(this.instantiationService.createInstance(CollapsibleChangesSummaryListPool)).get();
+        this.list = store.add(
+            this.instantiationService.createInstance(CollapsibleChangesSummaryListPool)
+        ).get();
         const listNode = this.list.getHTMLElement();
         container.appendChild(listNode.parentElement);
-        store.add(this.list.onDidOpen((item) => {
+        store.add(this.list.onDidOpen(item => {
             const diff = item.element;
             if (!diff) {
                 return;
             }
             const input = {
-                original: { resource: diff.originalURI },
-                modified: { resource: diff.modifiedURI },
-                options: { preserveFocus: true }
+                original: {
+                    resource: diff.originalURI
+                },
+                modified: {
+                    resource: diff.modifiedURI
+                },
+                options: {
+                    preserveFocus: true
+                }
             };
             this.editorService.openEditor(input);
         }));
         store.add(this.list.onContextMenu(e => {
             EventHelper.stop(e.browserEvent, true);
         }));
-        store.add(autorun((r) => {
+        store.add(autorun(r => {
             const diffs = this.fileChangesDiffsObservable.read(r);
             const itemsShown = Math.min(diffs.length, this.MAX_ITEMS_SHOWN);
             const height = itemsShown * this.ELEMENT_HEIGHT;
             this.list.layout(height);
-            listNode.style.height = height + 'px';
+            listNode.style.height = height + "px";
             this.list.splice(0, this.list.length, diffs);
         }));
         return store;
     }
     hasSameContent(other, followingContent, element) {
-        return other.kind === 'changesSummary' && other.requestId === this.content.requestId;
+        return other.kind === "changesSummary" && other.requestId === this.content.requestId;
     }
     addDisposable(disposable) {
         this._register(disposable);
     }
 };
-ChatCheckpointFileChangesSummaryContentPart = ( __decorate([
-    ( __param(2, IHoverService)),
-    ( __param(3, IChatService)),
-    ( __param(4, IEditorService)),
-    ( __param(5, IEditorGroupsService)),
-    ( __param(6, IInstantiationService))
-], ChatCheckpointFileChangesSummaryContentPart));
+ChatCheckpointFileChangesSummaryContentPart = ( __decorate([( __param(2, IHoverService)), ( __param(3, IChatService)), ( __param(4, IEditorService)), ( __param(5, IEditorGroupsService)), ( __param(6, IInstantiationService))], ChatCheckpointFileChangesSummaryContentPart));
 let CollapsibleChangesSummaryListPool = class CollapsibleChangesSummaryListPool extends Disposable {
     constructor(instantiationService, themeService) {
         super();
@@ -160,13 +168,19 @@ let CollapsibleChangesSummaryListPool = class CollapsibleChangesSummaryListPool
         this._resourcePool = this._register(( new ResourcePool(() => this.listFactory())));
     }
     listFactory() {
-        const container = $('.chat-summary-list');
+        const container = $(".chat-summary-list");
         const store = ( new DisposableStore());
         store.add(createFileIconThemableTreeContainerScope(container, this.themeService));
-        const resourceLabels = store.add(this.instantiationService.createInstance(ResourceLabels, { onDidChangeVisibility: () => Disposable.None }));
-        const list = store.add(this.instantiationService.createInstance((WorkbenchList), 'ChatListRenderer', container, ( new CollapsibleChangesSummaryListDelegate()), [this.instantiationService.createInstance(CollapsibleChangesSummaryListRenderer, resourceLabels)], {
-            alwaysConsumeMouseWheel: false
+        const resourceLabels = store.add(this.instantiationService.createInstance(ResourceLabels, {
+            onDidChangeVisibility: () => Disposable.None
         }));
+        const list = store.add(
+            this.instantiationService.createInstance(WorkbenchList, "ChatListRenderer", container, ( new CollapsibleChangesSummaryListDelegate()), [
+                this.instantiationService.createInstance(CollapsibleChangesSummaryListRenderer, resourceLabels)
+            ], {
+                alwaysConsumeMouseWheel: false
+            })
+        );
         return {
             list: list,
             dispose: () => {
@@ -178,10 +192,7 @@ let CollapsibleChangesSummaryListPool = class CollapsibleChangesSummaryListPool
         return this._resourcePool.get().list;
     }
 };
-CollapsibleChangesSummaryListPool = ( __decorate([
-    ( __param(0, IInstantiationService)),
-    ( __param(1, IThemeService))
-], CollapsibleChangesSummaryListPool));
+CollapsibleChangesSummaryListPool = ( __decorate([( __param(0, IInstantiationService)), ( __param(1, IThemeService))], CollapsibleChangesSummaryListPool));
 class CollapsibleChangesSummaryListDelegate {
     getHeight(element) {
         return 22;
@@ -191,15 +202,25 @@ class CollapsibleChangesSummaryListDelegate {
     }
 }
 class CollapsibleChangesSummaryListRenderer {
-    static { this.TEMPLATE_ID = 'collapsibleChangesSummaryListRenderer'; }
-    static { this.CHANGES_SUMMARY_CLASS_NAME = 'insertions-and-deletions'; }
+    static {
+        this.TEMPLATE_ID = "collapsibleChangesSummaryListRenderer";
+    }
+    static {
+        this.CHANGES_SUMMARY_CLASS_NAME = "insertions-and-deletions";
+    }
     constructor(labels) {
         this.labels = labels;
         this.templateId = CollapsibleChangesSummaryListRenderer.TEMPLATE_ID;
     }
     renderTemplate(container) {
-        const label = this.labels.create(container, { supportHighlights: true, supportIcons: true });
-        return { label, dispose: () => label.dispose() };
+        const label = this.labels.create(container, {
+            supportHighlights: true,
+            supportIcons: true
+        });
+        return {
+            label,
+            dispose: () => label.dispose()
+        };
     }
     renderElement(data, index, templateData) {
         const label = templateData.label;

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

@@ -14,11 +14,11 @@ let ChatCodeCitationContentPart = class ChatCodeCitationContentPart extends Disp
         this.editorService = editorService;
         this.telemetryService = telemetryService;
         const label = getCodeCitationsMessage(citations.citations);
-        const elements = h('.chat-code-citation-message@root', [
-            h('span.chat-code-citation-label@label'),
-            h('.chat-code-citation-button-container@button'),
+        const elements = h(".chat-code-citation-message@root", [
+            h("span.chat-code-citation-label@label"),
+            h(".chat-code-citation-button-container@button")
         ]);
-        elements.label.textContent = label + ' - ';
+        elements.label.textContent = label + " - ";
         const button = this._register(( new Button(elements.button, {
             buttonBackground: undefined,
             buttonBorder: undefined,
@@ -29,21 +29,22 @@ let ChatCodeCitationContentPart = class ChatCodeCitationContentPart extends Disp
             buttonSecondaryHoverBackground: undefined,
             buttonSeparator: undefined
         })));
-        button.label = ( localize(5613, "View matches"));
+        button.label = ( localize(5832, "View matches"));
         this._register(button.onDidClick(() => {
-            const citationText = `# Code Citations\n\n` + ( citations.citations.map(c => `## License: ${c.license}\n${( c.value.toString())}\n\n\`\`\`\n${c.snippet}\n\`\`\`\n\n`)).join('\n');
-            this.editorService.openEditor({ resource: undefined, contents: citationText, languageId: 'markdown' });
-            this.telemetryService.publicLog2('openedChatCodeCitations');
+            const citationText = `# Code Citations\n\n` + ( citations.citations.map(c => `## License: ${c.license}\n${( c.value.toString())}\n\n\`\`\`\n${c.snippet}\n\`\`\`\n\n`)).join("\n");
+            this.editorService.openEditor({
+                resource: undefined,
+                contents: citationText,
+                languageId: "markdown"
+            });
+            this.telemetryService.publicLog2("openedChatCodeCitations");
         }));
         this.domNode = elements.root;
     }
     hasSameContent(other, followingContent, element) {
-        return other.kind === 'codeCitations';
+        return other.kind === "codeCitations";
     }
 };
-ChatCodeCitationContentPart = ( __decorate([
-    ( __param(2, IEditorService)),
-    ( __param(3, ITelemetryService))
-], ChatCodeCitationContentPart));
+ChatCodeCitationContentPart = ( __decorate([( __param(2, IEditorService)), ( __param(3, ITelemetryService))], ChatCodeCitationContentPart));
 
 export { ChatCodeCitationContentPart };

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

@@ -1,5 +1,4 @@
 import { ButtonWithIcon } from "@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button";
-import { Emitter } from "@codingame/monaco-vscode-api/vscode/vs/base/common/event";
 import { IMarkdownString, MarkdownString } from "@codingame/monaco-vscode-api/vscode/vs/base/common/htmlContent";
 import { Disposable, IDisposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
 import { IObservable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/observable";
@@ -13,23 +12,24 @@ import { IMarkdownRenderer } from "@codingame/monaco-vscode-api/vscode/vs/platfo
 import { ThemeIcon } from "@codingame/monaco-vscode-api/vscode/vs/base/common/themables";
 export declare abstract class ChatCollapsibleContentPart extends Disposable implements IChatContentPart {
     private title;
-    protected readonly context: IChatContentPartRenderContext;
     private readonly hoverMessage;
     private readonly hoverService;
     private _domNode?;
     private readonly _renderedTitleWithWidgets;
-    protected readonly _onDidChangeHeight: Emitter<void>;
-    readonly onDidChangeHeight: import("@codingame/monaco-vscode-api/vscode/vs/base/common/event").Event<void>;
     protected readonly hasFollowingContent: boolean;
     protected _isExpanded: import("@codingame/monaco-vscode-api/vscode/vs/base/common/observable").ISettableObservable<boolean, void>;
     protected _collapseButton: ButtonWithIcon | undefined;
     private readonly _overrideIcon;
+    private _contentElement?;
+    private _contentInitialized;
     get icon(): ThemeIcon | undefined;
     set icon(value: ThemeIcon | undefined);
+    protected readonly element: ChatTreeItem;
     constructor(title: IMarkdownString | string, context: IChatContentPartRenderContext, hoverMessage: IMarkdownString | undefined, hoverService: IHoverService);
     get domNode(): HTMLElement;
     protected init(): HTMLElement;
     protected abstract initContent(): HTMLElement;
+    protected shouldInitEarly(): boolean;
     abstract hasSameContent(other: IChatRendererContent, followingContent: IChatRendererContent[], element: ChatTreeItem): boolean;
     private updateAriaLabel;
     addDisposable(disposable: IDisposable): void;