@codingame/monaco-vscode-katex-common 24.1.0

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

@@ -0,0 +1,347 @@
+
+import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
+import { append, $ } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { Button } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button';
+import { IconLabel } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/iconLabel/iconLabel';
+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 { DisposableStore, Disposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.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 { WorkbenchList } from '@codingame/monaco-vscode-api/vscode/vs/platform/list/browser/listService';
+import { IChatTodoListService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatTodoListService.service';
+import { ChatContextKeys } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatContextKeys';
+import { TodoListToolDescriptionFieldSettingId } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/tools/manageTodoListTool';
+import { isEqual } from '@codingame/monaco-vscode-api/vscode/vs/base/common/resources';
+
+class TodoListDelegate {
+    getHeight(element) {
+        return 22;
+    }
+    getTemplateId(element) {
+        return TodoListRenderer.TEMPLATE_ID;
+    }
+}
+class TodoListRenderer {
+    static { this.TEMPLATE_ID = 'todoListRenderer'; }
+    constructor(configurationService) {
+        this.configurationService = configurationService;
+        this.templateId = TodoListRenderer.TEMPLATE_ID;
+    }
+    renderTemplate(container) {
+        const templateDisposables = ( new DisposableStore());
+        const todoElement = append(container, $('li.todo-item'));
+        todoElement.setAttribute('role', 'listitem');
+        const statusIcon = append(todoElement, $('.todo-status-icon.codicon'));
+        statusIcon.setAttribute('aria-hidden', 'true');
+        const todoContent = append(todoElement, $('.todo-content'));
+        const iconLabel = templateDisposables.add(( new IconLabel(todoContent, { supportIcons: false })));
+        return { templateDisposables, todoElement, statusIcon, iconLabel };
+    }
+    renderElement(todo, index, templateData) {
+        const { todoElement, statusIcon, iconLabel } = templateData;
+        statusIcon.className = `todo-status-icon codicon ${this.getStatusIconClass(todo.status)}`;
+        statusIcon.style.color = this.getStatusIconColor(todo.status);
+        const includeDescription = this.configurationService.getValue(TodoListToolDescriptionFieldSettingId) !== false;
+        const title = includeDescription && todo.description && todo.description.trim() ? todo.description : undefined;
+        iconLabel.setLabel(todo.title, undefined, { title });
+        const statusText = this.getStatusText(todo.status);
+        const ariaLabel = includeDescription && todo.description && todo.description.trim()
+            ? ( localize(5106, '{0}, {1}, {2}', todo.title, statusText, todo.description))
+            : ( localize(5107, '{0}, {1}', todo.title, statusText));
+        todoElement.setAttribute('aria-label', ariaLabel);
+    }
+    disposeTemplate(templateData) {
+        templateData.templateDisposables.dispose();
+    }
+    getStatusText(status) {
+        switch (status) {
+            case 'completed':
+                return localize(5108, 'completed');
+            case 'in-progress':
+                return localize(5109, 'in progress');
+            case 'not-started':
+            default:
+                return localize(5110, 'not started');
+        }
+    }
+    getStatusIconClass(status) {
+        switch (status) {
+            case 'completed':
+                return 'codicon-pass';
+            case 'in-progress':
+                return 'codicon-record';
+            case 'not-started':
+            default:
+                return 'codicon-circle-outline';
+        }
+    }
+    getStatusIconColor(status) {
+        switch (status) {
+            case 'completed':
+                return 'var(--vscode-charts-green)';
+            case 'in-progress':
+                return 'var(--vscode-charts-blue)';
+            case 'not-started':
+            default:
+                return 'var(--vscode-foreground)';
+        }
+    }
+}
+let ChatTodoListWidget = class ChatTodoListWidget extends Disposable {
+    constructor(chatTodoListService, configurationService, instantiationService, contextKeyService) {
+        super();
+        this.chatTodoListService = chatTodoListService;
+        this.configurationService = configurationService;
+        this.instantiationService = instantiationService;
+        this.contextKeyService = contextKeyService;
+        this._onDidChangeHeight = this._register(( new Emitter()));
+        this.onDidChangeHeight = this._onDidChangeHeight.event;
+        this._isExpanded = false;
+        this._userManuallyExpanded = false;
+        this.domNode = this.createChatTodoWidget();
+        this._register(this.contextKeyService.onDidChangeContext(e => {
+            if (e.affectsSome(( new Set([ChatContextKeys.requestInProgress.key])))) {
+                this.updateClearButtonState();
+            }
+        }));
+    }
+    get height() {
+        return this.domNode.style.display === 'none' ? 0 : this.domNode.offsetHeight;
+    }
+    hideWidget() {
+        this.domNode.style.display = 'none';
+        this._onDidChangeHeight.fire();
+    }
+    createChatTodoWidget() {
+        const container = $('.chat-todo-list-widget');
+        container.style.display = 'none';
+        const expandoContainer = $('.todo-list-expand');
+        this.expandoButton = this._register(( new Button(expandoContainer, {
+            supportIcons: true
+        })));
+        this.expandoButton.element.setAttribute('aria-expanded', String(this._isExpanded));
+        this.expandoButton.element.setAttribute('aria-controls', 'todo-list-container');
+        const titleSection = $('.todo-list-title-section');
+        this.expandIcon = $('.expand-icon.codicon');
+        this.expandIcon.classList.add(this._isExpanded ? 'codicon-chevron-down' : 'codicon-chevron-right');
+        this.expandIcon.setAttribute('aria-hidden', 'true');
+        this.titleElement = $('.todo-list-title');
+        this.titleElement.id = 'todo-list-title';
+        this.titleElement.textContent = ( localize(5111, 'Todos'));
+        this.clearButtonContainer = $('.todo-clear-button-container');
+        this.createClearButton();
+        titleSection.appendChild(this.expandIcon);
+        titleSection.appendChild(this.titleElement);
+        this.expandoButton.element.appendChild(titleSection);
+        this.expandoButton.element.appendChild(this.clearButtonContainer);
+        this.todoListContainer = $('.todo-list-container');
+        this.todoListContainer.style.display = this._isExpanded ? 'block' : 'none';
+        this.todoListContainer.id = 'todo-list-container';
+        this.todoListContainer.setAttribute('role', 'list');
+        this.todoListContainer.setAttribute('aria-labelledby', 'todo-list-title');
+        container.appendChild(expandoContainer);
+        container.appendChild(this.todoListContainer);
+        this._register(this.expandoButton.onDidClick(() => {
+            this.toggleExpanded();
+        }));
+        return container;
+    }
+    createClearButton() {
+        this.clearButton = ( new Button(this.clearButtonContainer, {
+            supportIcons: true,
+        }));
+        this.clearButton.element.tabIndex = 0;
+        this.clearButton.icon = Codicon.clearAll;
+        this._register(this.clearButton);
+        this._register(this.clearButton.onDidClick(() => {
+            this.clearAllTodos();
+        }));
+    }
+    render(sessionResource) {
+        if (!sessionResource) {
+            this.hideWidget();
+            return;
+        }
+        if (!isEqual(this._currentSessionResource, sessionResource)) {
+            this._userManuallyExpanded = false;
+            this._currentSessionResource = sessionResource;
+            this.hideWidget();
+        }
+        this.updateTodoDisplay();
+    }
+    clear(sessionResource, force = false) {
+        if (!sessionResource || this.domNode.style.display === 'none') {
+            return;
+        }
+        const currentTodos = this.chatTodoListService.getTodos(sessionResource);
+        const shouldClear = force || (currentTodos.length > 0 && !( currentTodos.some(todo => todo.status !== 'completed')));
+        if (shouldClear) {
+            this.clearAllTodos();
+        }
+    }
+    updateTodoDisplay() {
+        if (!this._currentSessionResource) {
+            return;
+        }
+        const todoList = this.chatTodoListService.getTodos(this._currentSessionResource);
+        const shouldShow = todoList.length > 2;
+        if (!shouldShow) {
+            this.domNode.classList.remove('has-todos');
+            return;
+        }
+        this.domNode.classList.add('has-todos');
+        this.renderTodoList(todoList);
+        this.domNode.style.display = 'block';
+        this._onDidChangeHeight.fire();
+    }
+    renderTodoList(todoList) {
+        this.updateTitleElement(this.titleElement, todoList);
+        const allIncomplete = todoList.every(todo => todo.status === 'not-started');
+        if (allIncomplete) {
+            this._userManuallyExpanded = false;
+        }
+        if (!this._todoList) {
+            this._todoList = this._register(this.instantiationService.createInstance((WorkbenchList), 'ChatTodoListRenderer', this.todoListContainer, ( new TodoListDelegate()), [( new TodoListRenderer(this.configurationService))], {
+                alwaysConsumeMouseWheel: false,
+                accessibilityProvider: {
+                    getAriaLabel: (todo) => {
+                        const statusText = this.getStatusText(todo.status);
+                        const includeDescription = this.configurationService.getValue(TodoListToolDescriptionFieldSettingId) !== false;
+                        return includeDescription && todo.description && todo.description.trim()
+                            ? ( localize(5106, '{0}, {1}, {2}', todo.title, statusText, todo.description))
+                            : ( localize(5107, '{0}, {1}', todo.title, statusText));
+                    },
+                    getWidgetAriaLabel: () => ( localize(5112, 'Chat Todo List'))
+                }
+            }));
+        }
+        const maxItemsShown = 6;
+        const itemsShown = Math.min(todoList.length, maxItemsShown);
+        const height = itemsShown * 22;
+        this._todoList.layout(height);
+        this._todoList.getHTMLElement().style.height = `${height}px`;
+        this._todoList.splice(0, this._todoList.length, todoList);
+        const hasInProgressTask = ( todoList.some(todo => todo.status === 'in-progress'));
+        const hasCompletedTask = ( todoList.some(todo => todo.status === 'completed'));
+        this.updateClearButtonState();
+        if ((hasInProgressTask || hasCompletedTask) && this._isExpanded && !this._userManuallyExpanded) {
+            this._isExpanded = false;
+            this.expandoButton.element.setAttribute('aria-expanded', 'false');
+            this.todoListContainer.style.display = 'none';
+            this.expandIcon.classList.remove('codicon-chevron-down');
+            this.expandIcon.classList.add('codicon-chevron-right');
+            this.updateTitleElement(this.titleElement, todoList);
+            this._onDidChangeHeight.fire();
+        }
+    }
+    toggleExpanded() {
+        this._isExpanded = !this._isExpanded;
+        this._userManuallyExpanded = true;
+        this.expandIcon.classList.toggle('codicon-chevron-down', this._isExpanded);
+        this.expandIcon.classList.toggle('codicon-chevron-right', !this._isExpanded);
+        this.todoListContainer.style.display = this._isExpanded ? 'block' : 'none';
+        if (this._currentSessionResource) {
+            const todoList = this.chatTodoListService.getTodos(this._currentSessionResource);
+            this.updateTitleElement(this.titleElement, todoList);
+        }
+        this._onDidChangeHeight.fire();
+    }
+    clearAllTodos() {
+        if (!this._currentSessionResource) {
+            return;
+        }
+        this.chatTodoListService.setTodos(this._currentSessionResource, []);
+        this.hideWidget();
+    }
+    updateClearButtonState() {
+        if (!this._currentSessionResource) {
+            return;
+        }
+        const todoList = this.chatTodoListService.getTodos(this._currentSessionResource);
+        const hasInProgressTask = ( todoList.some(todo => todo.status === 'in-progress'));
+        const isRequestInProgress = ChatContextKeys.requestInProgress.getValue(this.contextKeyService) ?? false;
+        const shouldDisable = isRequestInProgress && hasInProgressTask;
+        this.clearButton.enabled = !shouldDisable;
+        if (shouldDisable) {
+            this.clearButton.setTitle(( localize(5113, 'Cannot clear todos while a task is in progress')));
+        }
+        else {
+            this.clearButton.setTitle(( localize(5114, 'Clear all todos')));
+        }
+    }
+    updateTitleElement(titleElement, todoList) {
+        titleElement.textContent = '';
+        const completedCount = todoList.filter(todo => todo.status === 'completed').length;
+        const totalCount = todoList.length;
+        const inProgressTodos = todoList.filter(todo => todo.status === 'in-progress');
+        const firstInProgressTodo = inProgressTodos.length > 0 ? inProgressTodos[0] : undefined;
+        const notStartedTodos = todoList.filter(todo => todo.status === 'not-started');
+        const firstNotStartedTodo = notStartedTodos.length > 0 ? notStartedTodos[0] : undefined;
+        const currentTaskNumber = inProgressTodos.length > 0 ? completedCount + 1 : Math.max(1, completedCount);
+        const expandButtonLabel = this._isExpanded
+            ? ( localize(5115, 'Collapse Todos'))
+            : ( localize(5116, 'Expand Todos'));
+        this.expandoButton.element.setAttribute('aria-label', expandButtonLabel);
+        this.expandoButton.element.setAttribute('aria-expanded', this._isExpanded ? 'true' : 'false');
+        if (this._isExpanded) {
+            const titleText = $('span');
+            titleText.textContent = totalCount > 0 ?
+                ( localize(5117, 'Todos ({0}/{1})', currentTaskNumber, totalCount)) :
+                ( localize(5111, 'Todos'));
+            titleElement.appendChild(titleText);
+        }
+        else {
+            const todoToShow = firstInProgressTodo || firstNotStartedTodo;
+            if (todoToShow) {
+                const icon = $('.codicon');
+                if (todoToShow === firstInProgressTodo) {
+                    icon.classList.add('codicon-record');
+                    icon.style.color = 'var(--vscode-charts-blue)';
+                }
+                else {
+                    icon.classList.add('codicon-circle-outline');
+                    icon.style.color = 'var(--vscode-foreground)';
+                }
+                icon.style.marginRight = '4px';
+                icon.style.verticalAlign = 'middle';
+                titleElement.appendChild(icon);
+                const todoText = $('span');
+                todoText.textContent = ( localize(5118, '{0} ({1}/{2})', todoToShow.title, currentTaskNumber, totalCount));
+                todoText.style.verticalAlign = 'middle';
+                todoText.style.overflow = 'hidden';
+                todoText.style.textOverflow = 'ellipsis';
+                todoText.style.whiteSpace = 'nowrap';
+                todoText.style.minWidth = '0';
+                titleElement.appendChild(todoText);
+            }
+            else if (completedCount > 0 && completedCount === totalCount) {
+                const doneText = $('span');
+                doneText.textContent = ( localize(5117, 'Todos ({0}/{1})', totalCount, totalCount));
+                doneText.style.verticalAlign = 'middle';
+                titleElement.appendChild(doneText);
+            }
+        }
+    }
+    getStatusText(status) {
+        switch (status) {
+            case 'completed':
+                return localize(5108, 'completed');
+            case 'in-progress':
+                return localize(5109, 'in progress');
+            case 'not-started':
+            default:
+                return localize(5110, 'not started');
+        }
+    }
+};
+ChatTodoListWidget = ( __decorate([
+    ( __param(0, IChatTodoListService)),
+    ( __param(1, IConfigurationService)),
+    ( __param(2, IInstantiationService)),
+    ( __param(3, IContextKeyService))
+], ChatTodoListWidget));
+
+export { ChatTodoListWidget };

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

@@ -0,0 +1,56 @@
+import { IMarkdownString } from "@codingame/monaco-vscode-api/vscode/vs/base/common/htmlContent";
+import { Disposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { URI } from "@codingame/monaco-vscode-api/vscode/vs/base/common/uri";
+import { ITextModel } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/model";
+import { IContextKeyService } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service";
+import { IHoverService } from "@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service";
+import { IInstantiationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation";
+import { IChatRendererContent } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatViewModel";
+import { LanguageModelPartAudience } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/languageModels";
+import { ChatTreeItem, IChatCodeBlockInfo } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat";
+import { ICodeBlockRenderOptions } from "../codeBlockPart.js";
+import { IChatContentPartRenderContext } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatContentParts/chatContentParts";
+export interface IChatCollapsibleIOCodePart {
+    kind: "code";
+    textModel: ITextModel;
+    languageId: string;
+    options: ICodeBlockRenderOptions;
+    codeBlockInfo: IChatCodeBlockInfo;
+}
+export interface IChatCollapsibleIODataPart {
+    kind: "data";
+    value?: Uint8Array;
+    audience?: LanguageModelPartAudience[];
+    mimeType: string | undefined;
+    uri: URI;
+}
+export type ChatCollapsibleIOPart = IChatCollapsibleIOCodePart | IChatCollapsibleIODataPart;
+export interface IChatCollapsibleInputData extends IChatCollapsibleIOCodePart {
+}
+export interface IChatCollapsibleOutputData {
+    parts: ChatCollapsibleIOPart[];
+}
+export declare class ChatCollapsibleInputOutputContentPart extends Disposable {
+    private readonly context;
+    private readonly input;
+    private readonly output;
+    private readonly contextKeyService;
+    private readonly _instantiationService;
+    private readonly _onDidChangeHeight;
+    readonly onDidChangeHeight: import("@codingame/monaco-vscode-api/vscode/vs/base/common/event").Event<void>;
+    private _currentWidth;
+    private readonly _editorReferences;
+    private readonly _titlePart;
+    private _outputSubPart;
+    readonly domNode: HTMLElement;
+    get codeblocks(): IChatCodeBlockInfo[];
+    set title(s: string | IMarkdownString);
+    get title(): string | IMarkdownString;
+    private readonly _expanded;
+    get expanded(): boolean;
+    constructor(title: IMarkdownString | string, subtitle: string | IMarkdownString | undefined, progressTooltip: IMarkdownString | string | undefined, context: IChatContentPartRenderContext, input: IChatCollapsibleInputData, output: IChatCollapsibleOutputData | undefined, isError: boolean, initiallyExpanded: boolean, contextKeyService: IContextKeyService, _instantiationService: IInstantiationService, hoverService: IHoverService);
+    private createMessageContents;
+    private addCodeBlock;
+    hasSameContent(other: IChatRendererContent, followingContent: IChatRendererContent[], element: ChatTreeItem): boolean;
+    layout(width: number): void;
+}

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

@@ -0,0 +1,164 @@
+
+import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
+import { h, createElement } 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 { HoverStyle } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hover';
+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 { Disposable } 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 { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service';
+import { IHoverService } from '@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service';
+import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
+import { LanguageModelPartAudience } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/languageModels';
+import { ChatQueryTitlePart } from './chatConfirmationWidget.js';
+import { ChatToolOutputContentSubPart } from './chatToolOutputContentSubPart.js';
+import { observableValue } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/observableValue';
+import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
+
+let ChatCollapsibleInputOutputContentPart = class ChatCollapsibleInputOutputContentPart extends Disposable {
+    get codeblocks() {
+        const inputCodeblocks = ( this._editorReferences.map(ref => {
+            const cbi = this.input.codeBlockInfo;
+            return cbi;
+        }));
+        const outputCodeblocks = this._outputSubPart?.codeblocks ?? [];
+        return [...inputCodeblocks, ...outputCodeblocks];
+    }
+    set title(s) {
+        this._titlePart.title = s;
+    }
+    get title() {
+        return this._titlePart.title;
+    }
+    get expanded() {
+        return this._expanded.get();
+    }
+    constructor(title, subtitle, progressTooltip, context, input, output, isError, initiallyExpanded, contextKeyService, _instantiationService, hoverService) {
+        super();
+        this.context = context;
+        this.input = input;
+        this.output = output;
+        this.contextKeyService = contextKeyService;
+        this._instantiationService = _instantiationService;
+        this._onDidChangeHeight = this._register(( new Emitter()));
+        this.onDidChangeHeight = this._onDidChangeHeight.event;
+        this._currentWidth = 0;
+        this._editorReferences = [];
+        this._currentWidth = context.currentWidth();
+        const container = h('.chat-confirmation-widget-container');
+        const titleEl = h('.chat-confirmation-widget-title-inner');
+        const elements = h('.chat-confirmation-widget');
+        this.domNode = container.root;
+        container.root.appendChild(elements.root);
+        const titlePart = this._titlePart = this._register(_instantiationService.createInstance(ChatQueryTitlePart, titleEl.root, title, subtitle));
+        this._register(titlePart.onDidChangeHeight(() => this._onDidChangeHeight.fire()));
+        const spacer = createElement('span');
+        spacer.style.flexGrow = '1';
+        const btn = this._register(( new ButtonWithIcon(elements.root, {})));
+        btn.element.classList.add('chat-confirmation-widget-title', 'monaco-text-button');
+        btn.labelElement.append(titleEl.root);
+        const check = h(isError
+            ? ThemeIcon.asCSSSelector(Codicon.error)
+            : output
+                ? ThemeIcon.asCSSSelector(Codicon.check)
+                : ThemeIcon.asCSSSelector(ThemeIcon.modify(Codicon.loading, 'spin')));
+        if (progressTooltip) {
+            this._register(hoverService.setupDelayedHover(check.root, {
+                content: progressTooltip,
+                style: HoverStyle.Pointer,
+            }));
+        }
+        const expanded = this._expanded = observableValue(this, initiallyExpanded);
+        this._register(autorun(r => {
+            const value = expanded.read(r);
+            btn.icon = isError
+                ? Codicon.error
+                : output
+                    ? Codicon.check
+                    : ThemeIcon.modify(Codicon.loading, 'spin');
+            elements.root.classList.toggle('collapsed', !value);
+            this._onDidChangeHeight.fire();
+        }));
+        const toggle = (e) => {
+            if (!e.defaultPrevented) {
+                const value = expanded.get();
+                expanded.set(!value, undefined);
+                e.preventDefault();
+            }
+        };
+        this._register(btn.onDidClick(toggle));
+        const message = h('.chat-confirmation-widget-message');
+        message.root.appendChild(this.createMessageContents());
+        elements.root.appendChild(message.root);
+        const topLevelResources = this.output?.parts
+            .filter(p => p.kind === 'data')
+            .filter(p => !p.audience || p.audience.includes(LanguageModelPartAudience.User));
+        if (topLevelResources?.length) {
+            const resourceSubPart = this._register(this._instantiationService.createInstance(ChatToolOutputContentSubPart, this.context, topLevelResources));
+            const group = resourceSubPart.domNode;
+            group.classList.add('chat-collapsible-top-level-resource-group');
+            container.root.appendChild(group);
+            this._register(autorun(r => {
+                group.style.display = expanded.read(r) ? 'none' : '';
+            }));
+        }
+    }
+    createMessageContents() {
+        const contents = h('div', [
+            h('h3@inputTitle'),
+            h('div@input'),
+            h('h3@outputTitle'),
+            h('div@output'),
+        ]);
+        const { input, output } = this;
+        contents.inputTitle.textContent = ( localize(5119, "Input"));
+        this.addCodeBlock(input, contents.input);
+        if (!output) {
+            contents.output.remove();
+            contents.outputTitle.remove();
+        }
+        else {
+            contents.outputTitle.textContent = ( localize(5120, "Output"));
+            const outputSubPart = this._register(this._instantiationService.createInstance(ChatToolOutputContentSubPart, this.context, output.parts));
+            this._outputSubPart = outputSubPart;
+            this._register(outputSubPart.onDidChangeHeight(() => this._onDidChangeHeight.fire()));
+            contents.output.appendChild(outputSubPart.domNode);
+        }
+        return contents.root;
+    }
+    addCodeBlock(part, container) {
+        const data = {
+            languageId: part.languageId,
+            textModel: Promise.resolve(part.textModel),
+            codeBlockIndex: part.codeBlockInfo.codeBlockIndex,
+            codeBlockPartIndex: 0,
+            element: this.context.element,
+            parentContextKeyService: this.contextKeyService,
+            renderOptions: part.options,
+            chatSessionResource: this.context.element.sessionResource,
+        };
+        const editorReference = this._register(this.context.editorPool.get());
+        editorReference.object.render(data, this._currentWidth || 300);
+        this._register(editorReference.object.onDidChangeContentHeight(() => this._onDidChangeHeight.fire()));
+        container.appendChild(editorReference.object.element);
+        this._editorReferences.push(editorReference);
+    }
+    hasSameContent(other, followingContent, element) {
+        return false;
+    }
+    layout(width) {
+        this._currentWidth = width;
+        this._editorReferences.forEach(r => r.object.layout(width));
+        this._outputSubPart?.layout(width);
+    }
+};
+ChatCollapsibleInputOutputContentPart = ( __decorate([
+    ( __param(8, IContextKeyService)),
+    ( __param(9, IInstantiationService)),
+    ( __param(10, IHoverService))
+], ChatCollapsibleInputOutputContentPart));
+
+export { ChatCollapsibleInputOutputContentPart };

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

@@ -0,0 +1,32 @@
+import { Disposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { IContextKeyService } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service";
+import { IContextMenuService } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextview/browser/contextView.service";
+import { IFileService } from "@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files.service";
+import { IInstantiationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation";
+import { IChatCodeBlockInfo } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat";
+import { IChatContentPartRenderContext } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatContentParts/chatContentParts";
+import { ChatCollapsibleIOPart } from "./chatToolInputOutputContentPart.js";
+/**
+ * A reusable component for rendering tool output consisting of code blocks and/or resources.
+ * This is used by both ChatCollapsibleInputOutputContentPart and ChatToolPostExecuteConfirmationPart.
+ */
+export declare class ChatToolOutputContentSubPart extends Disposable {
+    private readonly context;
+    private readonly parts;
+    private readonly contextKeyService;
+    private readonly _instantiationService;
+    private readonly _contextMenuService;
+    private readonly _fileService;
+    private readonly _onDidChangeHeight;
+    readonly onDidChangeHeight: import("@codingame/monaco-vscode-api/vscode/vs/base/common/event").Event<void>;
+    private _currentWidth;
+    private readonly _editorReferences;
+    readonly domNode: HTMLElement;
+    readonly codeblocks: IChatCodeBlockInfo[];
+    constructor(context: IChatContentPartRenderContext, parts: ChatCollapsibleIOPart[], contextKeyService: IContextKeyService, _instantiationService: IInstantiationService, _contextMenuService: IContextMenuService, _fileService: IFileService);
+    private createOutputContents;
+    private addResourceGroup;
+    private fillInResourceGroup;
+    private addCodeBlock;
+    layout(width: number): void;
+}