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

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

@@ -0,0 +1,132 @@
+
+import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
+import { $, getWindow, addDisposableListener, 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 { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
+import { MarkdownString } from '@codingame/monaco-vscode-api/vscode/vs/base/common/htmlContent';
+import { 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 { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
+import { IMarkdownRendererService } from '@codingame/monaco-vscode-api/vscode/vs/platform/markdown/browser/markdownRenderer.service';
+import { defaultButtonStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
+import { ChatErrorLevel } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatService/chatService';
+import { ChatErrorWidget } from '../chatErrorContentPart.js';
+import { ChatProgressSubPart } from '../chatProgressContentPart.js';
+import { ChatMcpAppModel } from './chatMcpAppModel.js';
+import { BaseChatToolInvocationSubPart } from './chatToolInvocationSubPart.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';
+
+const maxWebviewHeightPct = 0.75;
+let ChatMcpAppSubPart = class ChatMcpAppSubPart extends BaseChatToolInvocationSubPart {
+    constructor(
+        toolInvocation,
+        onDidRemount,
+        context,
+        _renderData,
+        _instantiationService,
+        _markdownRendererService
+    ) {
+        super(toolInvocation);
+        this._renderData = _renderData;
+        this._instantiationService = _instantiationService;
+        this._markdownRendererService = _markdownRendererService;
+        this.codeblocks = [];
+        this._progressPart = this._register(( new MutableDisposable()));
+        this.domNode = $("div.mcp-app-part");
+        this._webviewContainer = $("div.mcp-app-webview");
+        this._webviewContainer.style.maxHeight = `${maxWebviewHeightPct * 100}vh`;
+        this._webviewContainer.style.minHeight = "100px";
+        this._webviewContainer.style.height = "300px";
+        this.domNode.appendChild(this._webviewContainer);
+        const targetWindow = getWindow(this.domNode);
+        const getMaxHeight = () => maxWebviewHeightPct * targetWindow.innerHeight;
+        const maxHeight = observableValue("mcpAppMaxHeight", getMaxHeight());
+        addDisposableListener(targetWindow, "resize", () => maxHeight.set(getMaxHeight(), undefined));
+        this._model = this._register(this._instantiationService.createInstance(
+            ChatMcpAppModel,
+            toolInvocation,
+            this._renderData,
+            this._webviewContainer,
+            maxHeight,
+            context.currentWidth
+        ));
+        this._updateContainerHeight();
+        this._register(autorun(reader => {
+            const loadState = this._model.loadState.read(reader);
+            this._handleLoadStateChange(this._webviewContainer, loadState);
+        }));
+        this._register(this._model.onDidChangeHeight(() => {
+            this._updateContainerHeight();
+        }));
+        this._register(onDidRemount(() => {
+            this._model.remount();
+        }));
+        this._register(context.onDidChangeVisibility(visible => {
+            if (visible) {
+                this._model.remount();
+            }
+        }));
+    }
+    _handleLoadStateChange(container, loadState) {
+        if (this._progressPart.value) {
+            this._progressPart.value.domNode.remove();
+        }
+        this._progressPart.clear();
+        if (this._errorNode) {
+            this._errorNode.remove();
+            this._errorNode = undefined;
+        }
+        switch (loadState.status) {
+        case "loading":
+            {
+                container.style.display = "none";
+                const progressMessage = $("span");
+                progressMessage.textContent = ( localize(5966, "Loading MCP App..."));
+                const progressPart = this._instantiationService.createInstance(
+                    ChatProgressSubPart,
+                    progressMessage,
+                    ThemeIcon.modify(Codicon.loading, "spin"),
+                    undefined
+                );
+                this._progressPart.value = progressPart;
+                this.domNode.appendChild(progressPart.domNode);
+                break;
+            }
+        case "loaded":
+            {
+                container.style.display = "";
+                break;
+            }
+        case "error":
+            {
+                container.style.display = "none";
+                this._showError(this.domNode, loadState.error);
+                break;
+            }
+        }
+    }
+    _updateContainerHeight() {
+        this._webviewContainer.style.height = `${this._model.height}px`;
+    }
+    _showError(container, error) {
+        const errorNode = $(".mcp-app-error");
+        const errorMessage = ( new MarkdownString());
+        errorMessage.appendText(( localize(5967, "Error loading MCP App: {0}", error.message || String(error))));
+        const errorWidget = ( new ChatErrorWidget(ChatErrorLevel.Error, errorMessage, this._markdownRendererService));
+        errorNode.appendChild(errorWidget.domNode);
+        const buttonContainer = append(errorNode, $(".chat-buttons-container"));
+        const retryButton = ( new Button(buttonContainer, defaultButtonStyles));
+        retryButton.label = ( localize(5968, "Retry"));
+        retryButton.onDidClick(() => {
+            this._model.retry();
+        });
+        container.appendChild(errorNode);
+        this._errorNode = errorNode;
+    }
+};
+ChatMcpAppSubPart = ( __decorate([( __param(4, IInstantiationService)), ( __param(5, IMarkdownRendererService))], ChatMcpAppSubPart));
+
+export { ChatMcpAppSubPart };

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

@@ -7,20 +7,26 @@ import { BaseChatToolInvocationSubPart } from './chatToolInvocationSubPart.js';
 import { getToolApprovalMessage } from './chatToolPartUtilities.js';
 
 let ChatResultListSubPart = class ChatResultListSubPart extends BaseChatToolInvocationSubPart {
-    constructor(toolInvocation, context, message, toolDetails, listPool, instantiationService) {
+    constructor(
+        toolInvocation,
+        context,
+        message,
+        toolDetails,
+        listPool,
+        instantiationService
+    ) {
         super(toolInvocation);
         this.codeblocks = [];
-        const collapsibleListPart = this._register(instantiationService.createInstance(ChatCollapsibleListContentPart, ( toolDetails.map(detail => ({
-            kind: 'reference',
-            reference: detail,
-        }))), message, context, listPool, getToolApprovalMessage(toolInvocation)));
+        const collapsibleListPart = this._register(
+            instantiationService.createInstance(ChatCollapsibleListContentPart, ( toolDetails.map(detail => ({
+                kind: "reference",
+                reference: detail
+            }))), message, context, listPool, getToolApprovalMessage(toolInvocation))
+        );
         collapsibleListPart.icon = Codicon.check;
-        this._register(collapsibleListPart.onDidChangeHeight(() => this._onDidChangeHeight.fire()));
         this.domNode = collapsibleListPart.domNode;
     }
 };
-ChatResultListSubPart = ( __decorate([
-    ( __param(5, IInstantiationService))
-], ChatResultListSubPart));
+ChatResultListSubPart = ( __decorate([( __param(5, IInstantiationService))], ChatResultListSubPart));
 
 export { ChatResultListSubPart };