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

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

@@ -1,7 +1,7 @@
 
 import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
 import { ProgressBar } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/progressbar/progressbar';
-import { decodeBase64 } from '@codingame/monaco-vscode-api/vscode/vs/base/common/buffer';
+import { Emitter } from '@codingame/monaco-vscode-api/vscode/vs/base/common/event';
 import { Lazy } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lazy';
 import { toDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
 import { getExtensionForMimeType } from '@codingame/monaco-vscode-api/vscode/vs/base/common/mime';
@@ -9,7 +9,9 @@ import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/in
 import { basename } from '@codingame/monaco-vscode-api/vscode/vs/base/common/resources';
 import { ILanguageService } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language.service';
 import { IModelService } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/services/model.service';
+import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service';
 import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
+import { ChatConfiguration } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/constants';
 import { ChatResponseResource } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/model/chatModel';
 import { IChatToolInvocation } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatService/chatService';
 import { ChatCollapsibleInputOutputContentPart } from '../chatToolInputOutputContentPart.js';
@@ -19,77 +21,111 @@ import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/obse
 
 var ChatInputOutputMarkdownProgressPart_1;
 let ChatInputOutputMarkdownProgressPart = class ChatInputOutputMarkdownProgressPart extends BaseChatToolInvocationSubPart {
-    static { ChatInputOutputMarkdownProgressPart_1 = this; }
-    static { this._expandedByDefault = ( new WeakMap()); }
+    static {
+        ChatInputOutputMarkdownProgressPart_1 = this;
+    }
+    static {
+        this._expandedByDefault = ( new WeakMap());
+    }
     get codeblocks() {
-        return this._codeblocks;
+        return this.collapsibleListPart.codeblocks;
     }
-    constructor(toolInvocation, context, codeBlockStartIndex, message, subtitle, input, output, isError, instantiationService, modelService, languageService) {
+    constructor(
+        toolInvocation,
+        context,
+        codeBlockStartIndex,
+        message,
+        subtitle,
+        input,
+        output,
+        isError,
+        instantiationService,
+        modelService,
+        languageService,
+        configurationService
+    ) {
         super(toolInvocation);
-        this._codeblocks = [];
+        this._onDidChangeHeight = this._register(( new Emitter()));
         let codeBlockIndex = codeBlockStartIndex;
-        const toCodePart = (data) => {
-            const model = this._register(modelService.createModel(data, languageService.createById('json'), undefined, true));
-            return {
-                kind: 'code',
-                textModel: model,
-                languageId: model.getLanguageId(),
-                options: {
-                    hideToolbar: true,
-                    reserveWidth: 19,
-                    maxHeightInLines: 13,
-                    verticalPadding: 5,
-                    editorOptions: {
-                        wordWrap: 'on'
-                    }
-                },
-                codeBlockInfo: {
-                    codeBlockIndex: codeBlockIndex++,
-                    codemapperUri: undefined,
-                    elementId: context.element.id,
-                    focus: () => { },
-                    ownerMarkdownPartId: this.codeblocksPartId,
-                    uri: model.uri,
-                    chatSessionResource: context.element.sessionResource,
-                    uriPromise: Promise.resolve(model.uri)
+        const createCodePart = data => ({
+            kind: "code",
+            data,
+            languageId: "json",
+            codeBlockIndex: codeBlockIndex++,
+            ownerMarkdownPartId: this.codeblocksPartId,
+            options: {
+                hideToolbar: true,
+                reserveWidth: 19,
+                maxHeightInLines: 13,
+                verticalPadding: 5,
+                editorOptions: {
+                    wordWrap: "on"
                 }
-            };
-        };
+            }
+        });
         let processedOutput = output;
-        if (typeof output === 'string') {
-            processedOutput = [{ type: 'embed', value: output, isText: true }];
+        if (typeof output === "string") {
+            processedOutput = [{
+                type: "embed",
+                value: output,
+                isText: true
+            }];
         }
-        const collapsibleListPart = this._register(instantiationService.createInstance(ChatCollapsibleInputOutputContentPart, message, subtitle, this.getAutoApproveMessageContent(), context, toCodePart(input), processedOutput && {
-            parts: ( processedOutput.map((o, i) => {
-                const permalinkBasename = o.type === 'ref' || o.uri
-                    ? basename(o.uri)
-                    : o.mimeType && getExtensionForMimeType(o.mimeType)
-                        ? `file${getExtensionForMimeType(o.mimeType)}`
-                        : 'file' + (o.isText ? '.txt' : '.bin');
-                if (o.type === 'ref') {
-                    return { kind: 'data', uri: o.uri, mimeType: o.mimeType };
-                }
-                else if (o.isText && !o.asResource) {
-                    return toCodePart(o.value);
-                }
-                else {
-                    let decoded;
-                    try {
+        const collapsibleListPart = this.collapsibleListPart = this._register(instantiationService.createInstance(
+            ChatCollapsibleInputOutputContentPart,
+            message,
+            subtitle,
+            this.getAutoApproveMessageContent(),
+            context,
+            createCodePart(input),
+            processedOutput && processedOutput.length > 0 ? {
+                parts: ( processedOutput.map((o, i) => {
+                    const permalinkBasename = o.type === "ref" || o.uri ? basename(o.uri) : o.mimeType && getExtensionForMimeType(o.mimeType) ? `file${getExtensionForMimeType(o.mimeType)}` : "file" + (o.isText ? ".txt" : ".bin");
+                    if (o.type === "ref") {
+                        return {
+                            kind: "data",
+                            uri: o.uri,
+                            mimeType: o.mimeType
+                        };
+                    } else if (o.isText && !o.asResource) {
+                        return createCodePart(o.value);
+                    } else {
+                        const permalinkUri = ChatResponseResource.createUri(
+                            context.element.sessionResource,
+                            toolInvocation.toolCallId,
+                            i,
+                            permalinkBasename
+                        );
                         if (!o.isText) {
-                            decoded = decodeBase64(o.value).buffer;
+                            return {
+                                kind: "data",
+                                base64Value: o.value,
+                                mimeType: o.mimeType,
+                                uri: permalinkUri,
+                                audience: o.audience
+                            };
+                        } else {
+                            return {
+                                kind: "data",
+                                value: ( new TextEncoder()).encode(o.value),
+                                mimeType: o.mimeType,
+                                uri: permalinkUri,
+                                audience: o.audience
+                            };
                         }
                     }
-                    catch {
-                    }
-                    const permalinkUri = ChatResponseResource.createUri(context.element.sessionResource, toolInvocation.toolCallId, i, permalinkBasename);
-                    return { kind: 'data', value: decoded || ( new TextEncoder()).encode(o.value), mimeType: o.mimeType, uri: permalinkUri, audience: o.audience };
-                }
-            })),
-        }, isError, ChatInputOutputMarkdownProgressPart_1._expandedByDefault.get(toolInvocation) ?? false));
-        this._codeblocks.push(...collapsibleListPart.codeblocks);
-        this._register(collapsibleListPart.onDidChangeHeight(() => this._onDidChangeHeight.fire()));
-        this._register(toDisposable(() => ChatInputOutputMarkdownProgressPart_1._expandedByDefault.set(toolInvocation, collapsibleListPart.expanded)));
-        const progressObservable = toolInvocation.kind === 'toolInvocation' ? ( toolInvocation.state.map(
+                }))
+            } : undefined,
+            isError,
+            (isError && configurationService.getValue(ChatConfiguration.AutoExpandToolFailures)) || (ChatInputOutputMarkdownProgressPart_1._expandedByDefault.get(toolInvocation) ?? false)
+        ));
+        this._register(
+            collapsibleListPart.onDidChangeHeight(() => this._onDidChangeHeight.fire())
+        );
+        this._register(toDisposable(
+            () => ChatInputOutputMarkdownProgressPart_1._expandedByDefault.set(toolInvocation, collapsibleListPart.expanded)
+        ));
+        const progressObservable = toolInvocation.kind === "toolInvocation" ? ( toolInvocation.state.map(
             (s, r) => s.type === IChatToolInvocation.StateKind.Executing ? s.progress.read(r) : undefined
         )) : undefined;
         const progressBar = ( new Lazy(() => this._register(( new ProgressBar(collapsibleListPart.domNode)))));
@@ -110,10 +146,6 @@ let ChatInputOutputMarkdownProgressPart = class ChatInputOutputMarkdownProgressP
         return getToolApprovalMessage(this.toolInvocation);
     }
 };
-ChatInputOutputMarkdownProgressPart = ChatInputOutputMarkdownProgressPart_1 = ( __decorate([
-    ( __param(8, IInstantiationService)),
-    ( __param(9, IModelService)),
-    ( __param(10, ILanguageService))
-], ChatInputOutputMarkdownProgressPart));
+ChatInputOutputMarkdownProgressPart = ChatInputOutputMarkdownProgressPart_1 = ( __decorate([( __param(8, IInstantiationService)), ( __param(9, IModelService)), ( __param(10, ILanguageService)), ( __param(11, IConfigurationService))], ChatInputOutputMarkdownProgressPart));
 
 export { ChatInputOutputMarkdownProgressPart };

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

@@ -0,0 +1,112 @@
+import { Event } from "@codingame/monaco-vscode-api/vscode/vs/base/common/event";
+import { Disposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { IObservable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/observable";
+import { IInstantiationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation";
+import { ILogService } from "@codingame/monaco-vscode-api/vscode/vs/platform/log/common/log.service";
+import { IOpenerService } from "@codingame/monaco-vscode-api/vscode/vs/platform/opener/common/opener.service";
+import { IProductService } from "@codingame/monaco-vscode-api/vscode/vs/platform/product/common/productService.service";
+import { IStorageService } from "@codingame/monaco-vscode-api/vscode/vs/platform/storage/common/storage.service";
+import { McpApps } from "../../../../../mcp/common/modelContextProtocolApps.js";
+import { IWebviewService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/webview/browser/webview.service";
+import { IChatToolInvocation, IChatToolInvocationSerialized } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatService/chatService";
+import { IChatWidgetService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat.service";
+import { IMcpAppRenderData } from "./chatMcpAppSubPart.js";
+/**
+ * Load state for the MCP App model.
+ */
+export type McpAppLoadState = {
+    readonly status: "loading";
+} | {
+    readonly status: "loaded";
+} | {
+    readonly status: "error";
+    readonly error: Error;
+};
+/**
+ * Model that owns an MCP App webview and all its state/logic.
+ * The webview is created lazily on first claim and survives across re-renders.
+ */
+export declare class ChatMcpAppModel extends Disposable {
+    readonly toolInvocation: IChatToolInvocation | IChatToolInvocationSerialized;
+    readonly renderData: IMcpAppRenderData;
+    private readonly _container;
+    private readonly _instantiationService;
+    private readonly _chatWidgetService;
+    private readonly _webviewService;
+    private readonly _logService;
+    private readonly _productService;
+    private readonly _openerService;
+    private static readonly heightCache;
+    /** Origin store for persistent webview origins per server */
+    private readonly _originStore;
+    /** The webview element instance */
+    private readonly _webview;
+    /** Tool call UI for loading resources and proxying calls */
+    private readonly _mcpToolCallUI;
+    /** Cancellation source for async operations */
+    private readonly _disposeCts;
+    /** Whether ui/initialize has been called and capabilities announced */
+    private _announcedCapabilities;
+    /** Latest CSP used for the frame */
+    private _latestCsp;
+    /** Current height of the webview */
+    private _height;
+    /** The persistent webview origin */
+    private readonly _webviewOrigin;
+    /** Observable for load state */
+    private readonly _loadState;
+    readonly loadState: IObservable<McpAppLoadState>;
+    /** Event fired when height changes */
+    private readonly _onDidChangeHeight;
+    readonly onDidChangeHeight: Event<void>;
+    /** Full host context for the MCP App */
+    readonly hostContext: IObservable<McpApps.McpUiHostContext>;
+    constructor(toolInvocation: IChatToolInvocation | IChatToolInvocationSerialized, renderData: IMcpAppRenderData, _container: HTMLElement, maxHeight: IObservable<number>, currentWidth: IObservable<number>, _instantiationService: IInstantiationService, _chatWidgetService: IChatWidgetService, _webviewService: IWebviewService, storageService: IStorageService, _logService: ILogService, _productService: IProductService, _openerService: IOpenerService);
+    /**
+     * Gets the current height of the webview.
+     */
+    get height(): number;
+    remount(): void;
+    /**
+     * Retries loading the MCP App content.
+     */
+    retry(): void;
+    /**
+     * Loads the MCP App content into the webview.
+     */
+    private _loadContent;
+    /**
+     * Injects a Content-Security-Policy meta tag into the HTML.
+     */
+    private _injectPreamble;
+    private _prependToHead;
+    /**
+     * Handles incoming JSON-RPC messages from the webview.
+     */
+    private _handleWebviewMessage;
+    /**
+     * Handles the ui/initialize request from the MCP App View.
+     */
+    private _handleInitialize;
+    /**
+     * Sends the tool result notification when the result becomes available.
+     */
+    private _sendToolResult;
+    private _handleUiMessage;
+    private _handleUpdateModelContext;
+    private _handleSizeChanged;
+    private _handleSandboxWheel;
+    private _handleOpenLink;
+    /**
+     * Handles tools/call requests from the MCP App.
+     */
+    private _handleToolsCall;
+    /**
+     * Handles resources/read requests from the MCP App.
+     */
+    private _handleResourcesRead;
+    private _sendResponse;
+    private _sendError;
+    private _sendNotification;
+    dispose(): void;
+}