@codingame/monaco-vscode-katex-common 24.1.0

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

@@ -0,0 +1,224 @@
+
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
+import { $ } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { RunOnceScheduler } from '@codingame/monaco-vscode-api/vscode/vs/base/common/async';
+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 { createMarkdownCommandLink, escapeMarkdownSyntaxTokens, MarkdownString } from '@codingame/monaco-vscode-api/vscode/vs/base/common/htmlContent';
+import { Lazy } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lazy';
+import { Disposable, MutableDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/index';
+import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
+import { openLinkFromMarkdown } from '@codingame/monaco-vscode-api/vscode/vs/platform/markdown/browser/markdownRenderer';
+import { IMarkdownRendererService } from '@codingame/monaco-vscode-api/vscode/vs/platform/markdown/browser/markdownRenderer.service';
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
+import { IOpenerService } from '@codingame/monaco-vscode-api/vscode/vs/platform/opener/common/opener.service';
+import { McpCommandIds } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/mcp/common/mcpCommandIds';
+import { IMcpService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/mcp/common/mcpTypes.service';
+import { startServerAndWaitForLiveTools } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/mcp/common/mcpTypesUtils';
+import { isResponseVM } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatViewModel';
+import { ChatProgressContentPart } from './chatProgressContentPart.js';
+import * as chatMcpServersInteractionContent from './media/chatMcpServersInteractionContent.css';
+import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
+
+registerCss(chatMcpServersInteractionContent);
+let ChatMcpServersInteractionContentPart = class ChatMcpServersInteractionContentPart extends Disposable {
+    constructor(data, context, mcpService, instantiationService, _openerService, _markdownRendererService) {
+        super();
+        this.data = data;
+        this.context = context;
+        this.mcpService = mcpService;
+        this.instantiationService = instantiationService;
+        this._openerService = _openerService;
+        this._markdownRendererService = _markdownRendererService;
+        this._onDidChangeHeight = this._register(( new Emitter()));
+        this.onDidChangeHeight = this._onDidChangeHeight.event;
+        this.interactionMd = this._register(( new MutableDisposable()));
+        this.showSpecificServersScheduler = this._register(( new RunOnceScheduler(() => this.updateDetailedProgress(this.data.state.get()), 2500)));
+        this.previousParts = ( new Lazy(() => {
+            if (!isResponseVM(this.context.element)) {
+                return [];
+            }
+            return ( this.context.element.session.getItems()
+                .filter((r, i) => isResponseVM(r) && i < this.context.elementIndex)
+                .flatMap(i => i.response.value.filter(c => c.kind === 'mcpServersStarting'))
+                .map(p => p.state?.get()));
+        }));
+        this.domNode = $('.chat-mcp-servers-interaction');
+        if (data.state) {
+            this._register(autorun(reader => {
+                const state = data.state.read(reader);
+                this.updateForState(state);
+            }));
+        }
+    }
+    updateForState(state) {
+        if (!state.working) {
+            this.workingProgressPart?.domNode.remove();
+            this.workingProgressPart = undefined;
+            this.showSpecificServersScheduler.cancel();
+        }
+        else if (!this.workingProgressPart) {
+            if (!this.showSpecificServersScheduler.isScheduled()) {
+                this.showSpecificServersScheduler.schedule();
+            }
+        }
+        else if (this.workingProgressPart) {
+            this.updateDetailedProgress(state);
+        }
+        const requiringInteraction = state.serversRequiringInteraction.filter(s => {
+            if (this.data.didStartServerIds?.includes(s.id)) {
+                return false;
+            }
+            if (( this.previousParts.value.some(p => p?.serversRequiringInteraction.some(s2 => s.id === s2.id)))) {
+                return false;
+            }
+            return true;
+        });
+        if (requiringInteraction.length > 0) {
+            if (!this.interactionMd.value) {
+                this.renderInteractionRequired(requiringInteraction);
+            }
+            else {
+                this.updateInteractionRequired(this.interactionMd.value.element, requiringInteraction);
+            }
+        }
+        else if (requiringInteraction.length === 0 && this.interactionContainer) {
+            this.interactionContainer.remove();
+            this.interactionContainer = undefined;
+        }
+        this._onDidChangeHeight.fire();
+    }
+    createServerCommandLinks(servers) {
+        return ( servers.map(s => createMarkdownCommandLink({
+            title: '`' + escapeMarkdownSyntaxTokens(s.label) + '`',
+            id: McpCommandIds.ServerOptions,
+            arguments: [s.id],
+        }, false))).join(', ');
+    }
+    updateDetailedProgress(state) {
+        const skipText = createMarkdownCommandLink({
+            title: ( localize(5066, 'Skip?')),
+            id: McpCommandIds.SkipCurrentAutostart,
+        });
+        let content;
+        if (state.starting.length === 0) {
+            content = ( new MarkdownString(undefined, { isTrusted: true })).appendText(( localize(5067, 'Activating MCP extensions...')) + ' ').appendMarkdown(skipText);
+        }
+        else {
+            const serverLinks = this.createServerCommandLinks(state.starting);
+            content = ( new MarkdownString(undefined, { isTrusted: true })).appendMarkdown(( localize(5068, 'Starting MCP servers {0}...', serverLinks)) + ' ').appendMarkdown(skipText);
+        }
+        if (this.workingProgressPart) {
+            this.workingProgressPart.updateMessage(content);
+        }
+        else {
+            this.workingProgressPart = this._register(this.instantiationService.createInstance(ChatProgressContentPart, { kind: 'progressMessage', content }, this._markdownRendererService, this.context, true,
+            true,
+            undefined,
+            undefined));
+            this.domNode.appendChild(this.workingProgressPart.domNode);
+        }
+        this._onDidChangeHeight.fire();
+    }
+    renderInteractionRequired(serversRequiringInteraction) {
+        this.interactionContainer = $('.chat-mcp-servers-interaction-hint');
+        const messageContainer = $('.chat-mcp-servers-message');
+        const icon = $('.chat-mcp-servers-icon');
+        icon.classList.add(...ThemeIcon.asClassNameArray(Codicon.mcp));
+        const { messageMd } = this.createInteractionMessage(serversRequiringInteraction);
+        messageContainer.appendChild(icon);
+        messageContainer.appendChild(messageMd.element);
+        this.interactionContainer.appendChild(messageContainer);
+        this.domNode.prepend(this.interactionContainer);
+    }
+    updateInteractionRequired(oldElement, serversRequiringInteraction) {
+        const { messageMd } = this.createInteractionMessage(serversRequiringInteraction);
+        oldElement.replaceWith(messageMd.element);
+    }
+    createInteractionMessage(serversRequiringInteraction) {
+        const count = serversRequiringInteraction.length;
+        const links = this.createServerCommandLinks(serversRequiringInteraction);
+        const content = count === 1
+            ? ( localize(
+            5069,
+            'The MCP server {0} may have new tools and requires interaction to start. [Start it now?]({1})',
+            links,
+            '#start'
+        ))
+            : ( localize(
+            5070,
+            'The MCP servers {0} may have new tools and require interaction to start. [Start them now?]({1})',
+            links,
+            '#start'
+        ));
+        const str = ( new MarkdownString(content, { isTrusted: true }));
+        const messageMd = this.interactionMd.value = this._markdownRendererService.render(str, {
+            asyncRenderCallback: () => this._onDidChangeHeight.fire(),
+            actionHandler: (content) => {
+                if (!content.startsWith('command:')) {
+                    this._start(startLink);
+                    return Promise.resolve(true);
+                }
+                return openLinkFromMarkdown(this._openerService, content, true);
+            }
+        });
+        const startLink = [...messageMd.element.querySelectorAll('a')].find(a => !a.getAttribute('data-href')?.startsWith('command:'));
+        if (!startLink) {
+            return { messageMd, startLink: undefined };
+        }
+        startLink.setAttribute('role', 'button');
+        startLink.href = '';
+        return { messageMd, startLink };
+    }
+    async _start(startLink) {
+        startLink.style.pointerEvents = 'none';
+        startLink.style.opacity = '0.7';
+        try {
+            if (!this.data.state) {
+                return;
+            }
+            const state = this.data.state.get();
+            const serversToStart = state.serversRequiringInteraction;
+            for (let i = 0; i < serversToStart.length; i++) {
+                const serverInfo = serversToStart[i];
+                startLink.textContent = ( localize(5071, "Starting {0}...", serverInfo.label));
+                this._onDidChangeHeight.fire();
+                const server = this.mcpService.servers.get().find(s => s.definition.id === serverInfo.id);
+                if (server) {
+                    await startServerAndWaitForLiveTools(server, { promptType: 'all-untrusted' });
+                    this.data.didStartServerIds ??= [];
+                    this.data.didStartServerIds.push(serverInfo.id);
+                }
+            }
+            if (this.interactionContainer) {
+                this.interactionContainer.remove();
+                this.interactionContainer = undefined;
+            }
+        }
+        catch (error) {
+            startLink.style.pointerEvents = '';
+            startLink.style.opacity = '';
+            startLink.textContent = 'Start now?';
+        }
+        finally {
+            this._onDidChangeHeight.fire();
+        }
+    }
+    hasSameContent(other) {
+        return other.kind === 'mcpServersStarting';
+    }
+    addDisposable(disposable) {
+        this._register(disposable);
+    }
+};
+ChatMcpServersInteractionContentPart = ( __decorate([
+    ( __param(2, IMcpService)),
+    ( __param(3, IInstantiationService)),
+    ( __param(4, IOpenerService)),
+    ( __param(5, IMarkdownRendererService))
+], ChatMcpServersInteractionContentPart));
+
+export { ChatMcpServersInteractionContentPart };

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

@@ -0,0 +1,34 @@
+import { Event } from "@codingame/monaco-vscode-api/vscode/vs/base/common/event";
+import { Disposable, IDisposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { IMenuService } from "@codingame/monaco-vscode-api/vscode/vs/platform/actions/common/actions.service";
+import { IContextKeyService } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service";
+import { IInstantiationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation";
+import { IThemeService } from "@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/themeService.service";
+import { IEditorService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/editor/common/editorService.service";
+import { IChatMultiDiffData } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatService";
+import { IChatRendererContent } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatViewModel";
+import { ChatTreeItem } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat";
+import { IChatContentPart } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatContentParts/chatContentParts";
+export declare class ChatMultiDiffContentPart extends Disposable implements IChatContentPart {
+    private readonly content;
+    private readonly _element;
+    private readonly instantiationService;
+    private readonly editorService;
+    private readonly themeService;
+    private readonly menuService;
+    private readonly contextKeyService;
+    readonly domNode: HTMLElement;
+    private readonly _onDidChangeHeight;
+    readonly onDidChangeHeight: Event<void>;
+    private list;
+    private isCollapsed;
+    private readonly readOnly;
+    private readonly diffData;
+    constructor(content: IChatMultiDiffData, _element: ChatTreeItem, instantiationService: IInstantiationService, editorService: IEditorService, themeService: IThemeService, menuService: IMenuService, contextKeyService: IContextKeyService);
+    private renderHeader;
+    private renderViewAllFileChangesButton;
+    private renderContributedButtons;
+    private renderFilesList;
+    hasSameContent(other: IChatRendererContent): boolean;
+    addDisposable(disposable: IDisposable): void;
+}

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

@@ -0,0 +1,259 @@
+
+import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
+import { $ as $$1, addDisposableListener, EventHelper } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { ActionBar, ActionsOrientation } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/actionbar/actionbar';
+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, Event } from '@codingame/monaco-vscode-api/vscode/vs/base/common/event';
+import { Disposable, DisposableStore, toDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { MarshalledId } from '@codingame/monaco-vscode-api/vscode/vs/base/common/marshallingIds';
+import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/index';
+import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
+import { URI } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uri';
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { MenuId } from '@codingame/monaco-vscode-api/vscode/vs/platform/actions/common/actions';
+import { IMenuService } from '@codingame/monaco-vscode-api/vscode/vs/platform/actions/common/actions.service';
+import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service';
+import { FileKind } from '@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files';
+import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
+import { WorkbenchList } from '@codingame/monaco-vscode-api/vscode/vs/platform/list/browser/listService';
+import { IThemeService } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/themeService.service';
+import { ResourceLabels } from '@codingame/monaco-vscode-api/vscode/vs/workbench/browser/labels';
+import { SIDE_GROUP, ACTIVE_GROUP } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/editor/common/editorService';
+import { IEditorService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/editor/common/editorService.service';
+import { createFileIconThemableTreeContainerScope } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/files/browser/views/explorerView';
+import { MultiDiffEditorInput } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/multiDiffEditor/browser/multiDiffEditorInput';
+import { MultiDiffEditorItem } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/multiDiffEditor/browser/multiDiffSourceResolverService';
+import { ChatContextKeys } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatContextKeys';
+import { getChatSessionType } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatUri';
+import { constObservable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/constObservable';
+import { isObservable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/utils/utils';
+import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
+
+const $ = $$1;
+const ELEMENT_HEIGHT = 22;
+const MAX_ITEMS_SHOWN = 6;
+let ChatMultiDiffContentPart = class ChatMultiDiffContentPart extends Disposable {
+    constructor(content, _element, instantiationService, editorService, themeService, menuService, contextKeyService) {
+        super();
+        this.content = content;
+        this._element = _element;
+        this.instantiationService = instantiationService;
+        this.editorService = editorService;
+        this.themeService = themeService;
+        this.menuService = menuService;
+        this.contextKeyService = contextKeyService;
+        this._onDidChangeHeight = this._register(( new Emitter()));
+        this.onDidChangeHeight = this._onDidChangeHeight.event;
+        this.isCollapsed = false;
+        this.readOnly = content.readOnly ?? false;
+        this.diffData = isObservable(this.content.multiDiffData)
+            ? ( this.content.multiDiffData.map(d => d))
+            : constObservable(this.content.multiDiffData);
+        const headerDomNode = $('.checkpoint-file-changes-summary-header');
+        this.domNode = $('.checkpoint-file-changes-summary', undefined, headerDomNode);
+        this.domNode.tabIndex = 0;
+        this.isCollapsed = content?.collapsed ?? false;
+        this._register(this.renderHeader(headerDomNode));
+        this._register(this.renderFilesList(this.domNode));
+    }
+    renderHeader(container) {
+        const viewListButtonContainer = container.appendChild($('.chat-file-changes-label'));
+        const viewListButton = ( new ButtonWithIcon(viewListButtonContainer, {}));
+        this._register(autorun(reader => {
+            const fileCount = this.diffData.read(reader).resources.length;
+            viewListButton.label = fileCount === 1
+                ? ( localize(5072, 'Changed 1 file'))
+                : ( localize(5073, 'Changed {0} files', fileCount));
+        }));
+        const setExpansionState = () => {
+            viewListButton.icon = this.isCollapsed ? Codicon.chevronRight : Codicon.chevronDown;
+            this.domNode.classList.toggle('chat-file-changes-collapsed', this.isCollapsed);
+            this._onDidChangeHeight.fire();
+        };
+        setExpansionState();
+        const disposables = ( new DisposableStore());
+        disposables.add(viewListButton);
+        disposables.add(viewListButton.onDidClick(() => {
+            this.isCollapsed = !this.isCollapsed;
+            setExpansionState();
+        }));
+        if (!this.readOnly) {
+            disposables.add(this.renderViewAllFileChangesButton(viewListButton.element));
+        }
+        disposables.add(this.renderContributedButtons(viewListButton.element));
+        return toDisposable(() => disposables.dispose());
+    }
+    renderViewAllFileChangesButton(container) {
+        const button = container.appendChild($('.chat-view-changes-icon'));
+        button.classList.add(...ThemeIcon.asClassNameArray(Codicon.diffMultiple));
+        button.title = ( localize(5074, 'Open Changes'));
+        return addDisposableListener(button, 'click', (e) => {
+            const source = ( URI.parse(`multi-diff-editor:${( ( new Date()).getMilliseconds().toString()) + ( Math.random().toString())}`));
+            const { title, resources } = this.diffData.get();
+            const input = this.instantiationService.createInstance(MultiDiffEditorInput, source, title || 'Multi-Diff', ( resources.map(resource => ( new MultiDiffEditorItem(resource.originalUri, resource.modifiedUri, resource.goToFileUri)))), false);
+            const sideBySide = e.altKey;
+            this.editorService.openEditor(input, sideBySide ? SIDE_GROUP : ACTIVE_GROUP);
+            EventHelper.stop(e, true);
+        });
+    }
+    renderContributedButtons(container) {
+        const buttonsContainer = container.appendChild($('.chat-multidiff-contributed-buttons'));
+        const disposables = ( new DisposableStore());
+        const actionBar = disposables.add(( new ActionBar(buttonsContainer, {
+            orientation: ActionsOrientation.HORIZONTAL
+        })));
+        const setupActionBar = () => {
+            actionBar.clear();
+            const type = getChatSessionType(this._element.sessionResource);
+            let marshalledUri = undefined;
+            let contextKeyService = this.contextKeyService;
+            contextKeyService = this.contextKeyService.createOverlay([
+                [ChatContextKeys.agentSessionType.key, type]
+            ]);
+            marshalledUri = {
+                ...this._element.sessionResource,
+                $mid: MarshalledId.Uri
+            };
+            const actions = this.menuService.getMenuActions(MenuId.ChatMultiDiffContext, contextKeyService, { arg: marshalledUri, shouldForwardArgs: true });
+            const allActions = actions.flatMap(([, actions]) => actions);
+            if (allActions.length > 0) {
+                actionBar.push(allActions, { icon: true, label: false });
+            }
+        };
+        setupActionBar();
+        return disposables;
+    }
+    renderFilesList(container) {
+        const store = ( new DisposableStore());
+        const listContainer = container.appendChild($('.chat-summary-list'));
+        store.add(createFileIconThemableTreeContainerScope(listContainer, this.themeService));
+        const resourceLabels = store.add(this.instantiationService.createInstance(ResourceLabels, { onDidChangeVisibility: Event.None }));
+        this.list = store.add(this.instantiationService.createInstance((WorkbenchList), 'ChatMultiDiffList', listContainer, ( new ChatMultiDiffListDelegate()), [this.instantiationService.createInstance(ChatMultiDiffListRenderer, resourceLabels)], {
+            identityProvider: {
+                getId: (element) => ( element.uri.toString())
+            },
+            setRowLineHeight: true,
+            horizontalScrolling: false,
+            supportDynamicHeights: false,
+            mouseSupport: !this.readOnly,
+            alwaysConsumeMouseWheel: false,
+            accessibilityProvider: {
+                getAriaLabel: (element) => element.uri.path,
+                getWidgetAriaLabel: () => ( localize(5075, "File Changes"))
+            }
+        }));
+        this._register(autorun(reader => {
+            const { resources } = this.diffData.read(reader);
+            const items = [];
+            for (const resource of resources) {
+                const uri = resource.modifiedUri || resource.originalUri || resource.goToFileUri;
+                if (!uri) {
+                    continue;
+                }
+                const item = { uri };
+                if (resource.originalUri && resource.modifiedUri) {
+                    item.diff = {
+                        originalURI: resource.originalUri,
+                        modifiedURI: resource.modifiedUri,
+                        isFinal: true,
+                        quitEarly: false,
+                        identical: false,
+                        added: resource.added || 0,
+                        removed: resource.removed || 0,
+                        isBusy: false,
+                    };
+                }
+                items.push(item);
+            }
+            this.list.splice(0, this.list.length, items);
+            const height = Math.min(items.length, MAX_ITEMS_SHOWN) * ELEMENT_HEIGHT;
+            this.list.layout(height);
+            listContainer.style.height = `${height}px`;
+            this._onDidChangeHeight.fire();
+        }));
+        if (!this.readOnly) {
+            store.add(this.list.onDidOpen((e) => {
+                if (!e.element) {
+                    return;
+                }
+                if (e.element.diff) {
+                    this.editorService.openEditor({
+                        original: { resource: e.element.diff.originalURI },
+                        modified: { resource: e.element.diff.modifiedURI },
+                        options: { preserveFocus: true }
+                    });
+                }
+                else {
+                    this.editorService.openEditor({
+                        resource: e.element.uri,
+                        options: { preserveFocus: true }
+                    });
+                }
+            }));
+        }
+        return store;
+    }
+    hasSameContent(other) {
+        return other.kind === 'multiDiffData' && this.diffData.get().resources.length === (isObservable(other.multiDiffData) ? other.multiDiffData.get().resources.length : other.multiDiffData.resources.length);
+    }
+    addDisposable(disposable) {
+        this._register(disposable);
+    }
+};
+ChatMultiDiffContentPart = ( __decorate([
+    ( __param(2, IInstantiationService)),
+    ( __param(3, IEditorService)),
+    ( __param(4, IThemeService)),
+    ( __param(5, IMenuService)),
+    ( __param(6, IContextKeyService))
+], ChatMultiDiffContentPart));
+class ChatMultiDiffListDelegate {
+    getHeight() {
+        return 22;
+    }
+    getTemplateId() {
+        return 'chatMultiDiffItem';
+    }
+}
+class ChatMultiDiffListRenderer {
+    static { this.TEMPLATE_ID = 'chatMultiDiffItem'; }
+    static { this.CHANGES_SUMMARY_CLASS_NAME = 'insertions-and-deletions'; }
+    constructor(labels) {
+        this.labels = labels;
+        this.templateId = ChatMultiDiffListRenderer.TEMPLATE_ID;
+    }
+    renderTemplate(container) {
+        const label = this.labels.create(container, { supportHighlights: true, supportIcons: true });
+        return {
+            label,
+            dispose: () => label.dispose()
+        };
+    }
+    renderElement(element, _index, templateData) {
+        templateData.label.setFile(element.uri, {
+            fileKind: FileKind.FILE,
+            title: element.uri.path
+        });
+        const labelElement = templateData.label.element;
+        labelElement.querySelector(`.${ChatMultiDiffListRenderer.CHANGES_SUMMARY_CLASS_NAME}`)?.remove();
+        if (element.diff?.added || element.diff?.removed) {
+            const changesSummary = labelElement.appendChild($(`.${ChatMultiDiffListRenderer.CHANGES_SUMMARY_CLASS_NAME}`));
+            const addedElement = changesSummary.appendChild($('.insertions'));
+            addedElement.textContent = `+${element.diff.added}`;
+            const removedElement = changesSummary.appendChild($('.deletions'));
+            removedElement.textContent = `-${element.diff.removed}`;
+            changesSummary.setAttribute('aria-label', ( localize(
+                5076,
+                '{0} lines added, {1} lines removed',
+                element.diff.added,
+                element.diff.removed
+            )));
+        }
+    }
+    disposeTemplate(templateData) {
+        templateData.dispose();
+    }
+}
+
+export { ChatMultiDiffContentPart };

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

@@ -0,0 +1,38 @@
+import { MarkdownString, type IMarkdownString } from "@codingame/monaco-vscode-api/vscode/vs/base/common/htmlContent";
+import { Disposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { ThemeIcon } from "@codingame/monaco-vscode-api/vscode/vs/base/common/themables";
+import { IMarkdownRenderer } from "@codingame/monaco-vscode-api/vscode/vs/platform/markdown/browser/markdownRenderer";
+import { IInstantiationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation";
+import { IChatProgressMessage, IChatTask, IChatTaskSerialized, IChatToolInvocation, IChatToolInvocationSerialized } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatService";
+import { IChatRendererContent } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatViewModel";
+import { ChatTreeItem } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat";
+import { IChatContentPart, IChatContentPartRenderContext } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatContentParts/chatContentParts";
+import { IChatMarkdownAnchorService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatContentParts/chatMarkdownAnchorService.service";
+import { IConfigurationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service";
+import { IHoverService } from "@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service";
+import { ILanguageModelToolsService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/languageModelToolsService.service";
+export declare class ChatProgressContentPart extends Disposable implements IChatContentPart {
+    private readonly chatContentMarkdownRenderer;
+    private readonly toolInvocation;
+    private readonly instantiationService;
+    private readonly chatMarkdownAnchorService;
+    private readonly configurationService;
+    readonly domNode: HTMLElement;
+    private readonly showSpinner;
+    private readonly isHidden;
+    private readonly renderedMessage;
+    constructor(progress: IChatProgressMessage | IChatTask | IChatTaskSerialized, chatContentMarkdownRenderer: IMarkdownRenderer, context: IChatContentPartRenderContext, forceShowSpinner: boolean | undefined, forceShowMessage: boolean | undefined, icon: ThemeIcon | undefined, toolInvocation: IChatToolInvocation | IChatToolInvocationSerialized | undefined, instantiationService: IInstantiationService, chatMarkdownAnchorService: IChatMarkdownAnchorService, configurationService: IConfigurationService);
+    updateMessage(content: MarkdownString): void;
+    hasSameContent(other: IChatRendererContent, followingContent: IChatRendererContent[], element: ChatTreeItem): boolean;
+    private createApprovalMessage;
+}
+export declare class ChatProgressSubPart extends Disposable {
+    readonly domNode: HTMLElement;
+    constructor(messageElement: HTMLElement, icon: ThemeIcon, tooltip: IMarkdownString | string | undefined, hoverService: IHoverService);
+}
+export declare class ChatWorkingProgressContentPart extends ChatProgressContentPart implements IChatContentPart {
+    constructor(_workingProgress: {
+        kind: "working";
+    }, chatContentMarkdownRenderer: IMarkdownRenderer, context: IChatContentPartRenderContext, instantiationService: IInstantiationService, chatMarkdownAnchorService: IChatMarkdownAnchorService, configurationService: IConfigurationService, languageModelToolsService: ILanguageModelToolsService);
+    hasSameContent(other: IChatRendererContent, followingContent: IChatRendererContent[], element: ChatTreeItem): boolean;
+}