@codingame/monaco-vscode-katex-common 32.0.2 → 33.0.7

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

@@ -31,9 +31,7 @@ let ChatQueryTitlePart = class ChatQueryTitlePart extends Disposable {
     }
     set title(value) {
         this._title = value;
-        const next = this._renderer.render(this.toMdString(value), {
-            asyncRenderCallback: () => this._onDidChangeHeight.fire()
-        });
+        const next = this.renderTitle(value);
         const previousEl = this._renderedTitle.value?.element;
         if (previousEl?.parentElement) {
             previousEl.replaceWith(next.element);
@@ -42,24 +40,30 @@ let ChatQueryTitlePart = class ChatQueryTitlePart extends Disposable {
         }
         this._renderedTitle.value = next;
     }
-    constructor(element, _title, subtitle, _renderer) {
+    constructor(
+        element,
+        _title,
+        subtitle,
+        _renderer,
+        _instantiationService,
+        _chatMarkdownAnchorService
+    ) {
         super();
         this.element = element;
         this._title = _title;
         this._renderer = _renderer;
+        this._instantiationService = _instantiationService;
+        this._chatMarkdownAnchorService = _chatMarkdownAnchorService;
         this._onDidChangeHeight = this._register(( new Emitter()));
         this.onDidChangeHeight = this._onDidChangeHeight.event;
         this._renderedTitle = this._register(( new MutableDisposable()));
+        this._fileWidgetStore = this._register(( new DisposableStore()));
         element.classList.add("chat-query-title-part");
-        this._renderedTitle.value = _renderer.render(this.toMdString(_title), {
-            asyncRenderCallback: () => this._onDidChangeHeight.fire()
-        });
+        this._renderedTitle.value = this.renderTitle(_title);
         element.append(this._renderedTitle.value.element);
         if (subtitle) {
             const str = this.toMdString(subtitle);
-            const renderedTitle = this._register(_renderer.render(str, {
-                asyncRenderCallback: () => this._onDidChangeHeight.fire()
-            }));
+            const renderedTitle = this._register(_renderer.render(str, this.getRenderOptions()));
             const wrapper = createElement("small");
             wrapper.appendChild(renderedTitle.element);
             element.append(wrapper);
@@ -77,8 +81,31 @@ let ChatQueryTitlePart = class ChatQueryTitlePart extends Disposable {
             }));
         }
     }
+    setOptions(options) {
+        this.options = options;
+        this.title = this._title;
+    }
+    renderTitle(value) {
+        const renderedTitle = this._renderer.render(this.toMdString(value), this.getRenderOptions());
+        this._fileWidgetStore.clear();
+        if (this.options?.renderFileWidgets) {
+            renderFileWidgets(
+                renderedTitle.element,
+                this._instantiationService,
+                this._chatMarkdownAnchorService,
+                this._fileWidgetStore
+            );
+        }
+        return renderedTitle;
+    }
+    getRenderOptions() {
+        return {
+            ...this.options?.markdownRenderOptions,
+            asyncRenderCallback: () => this._onDidChangeHeight.fire()
+        };
+    }
 };
-ChatQueryTitlePart = ( __decorate([( __param(3, IMarkdownRendererService))], ChatQueryTitlePart));
+ChatQueryTitlePart = ( __decorate([( __param(3, IMarkdownRendererService)), ( __param(4, IInstantiationService)), ( __param(5, IChatMarkdownAnchorService))], ChatQueryTitlePart));
 let BaseSimpleChatConfirmationWidget = class BaseSimpleChatConfirmationWidget extends Disposable {
     get onDidClick() {
         return this._onDidClick.event;
@@ -480,12 +507,12 @@ function configureAccessibilityContainer(container, title, message, footerBanner
     const messageAsString = typeof message === "string" ? message : message && "value" in message ? message.value : message && "textContent" in message ? message.textContent : "";
     const bannerAsString = footerBanner?.textContent?.trim() ?? "";
     container.setAttribute("aria-label", bannerAsString ? ( localize(
-        7068,
+        7140,
         "Chat Confirmation Dialog {0} {1} {2}",
         titleAsString,
         messageAsString,
         bannerAsString
-    )) : ( localize(7069, "Chat Confirmation Dialog {0} {1}", titleAsString, messageAsString)));
+    )) : ( localize(7141, "Chat Confirmation Dialog {0} {1}", titleAsString, messageAsString)));
     container.classList.add("chat-confirmation-widget-container");
 }
 

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

@@ -24,13 +24,13 @@ let ChatDisabledClaudeHooksContentPart = class ChatDisabledClaudeHooksContentPar
         const icon = $(".chat-disabled-claude-hooks-icon");
         icon.classList.add(...ThemeIcon.asClassNameArray(Codicon.info));
         const enableLink = createMarkdownCommandLink({
-            text: ( localize(7070, "Enable")),
+            text: ( localize(7142, "Enable")),
             id: "workbench.action.openSettings",
             arguments: [PromptsConfig.USE_CLAUDE_HOOKS],
-            tooltip: ( localize(7071, "Open settings to enable Claude Code hooks"))
+            tooltip: ( localize(7143, "Open settings to enable Claude Code hooks"))
         });
         const message = ( localize(
-            7072,
+            7144,
             "Claude Code hooks are available for this workspace. {0}",
             enableLink
         ));

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

@@ -30,7 +30,7 @@ let ChatExtensionsContentPart = class ChatExtensionsContentPart extends Disposab
         append(
             loadingElement,
             $(ThemeIcon.asCSSSelector(ThemeIcon.modify(Codicon.loading, "spin"))),
-            $("span.loading-message", undefined, ( localize(7073, "Loading extensions...")))
+            $("span.loading-message", undefined, ( localize(7145, "Loading extensions...")))
         );
         const extensionsList = append(this.domNode, $(".extensions-list"));
         const list = this._register(

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

@@ -20,7 +20,7 @@ let ChatHookContentPart = class ChatHookContentPart extends ChatCollapsibleConte
         const isStopped = !!hookPart.stopReason;
         const isWarning = !!hookPart.systemMessage;
         const toolName = hookPart.toolDisplayName;
-        const title = isStopped ? (toolName ? ( localize(7074, "Blocked {0} - {1} hook", toolName, hookTypeLabel)) : ( localize(7075, "Blocked by {0} hook", hookTypeLabel))) : (toolName ? ( localize(7076, "Warning for {0} - {1} hook", toolName, hookTypeLabel)) : ( localize(7077, "Warning from {0} hook", hookTypeLabel)));
+        const title = isStopped ? (toolName ? ( localize(7146, "Blocked {0} - {1} hook", toolName, hookTypeLabel)) : ( localize(7147, "Blocked by {0} hook", hookTypeLabel))) : (toolName ? ( localize(7148, "Warning for {0} - {1} hook", toolName, hookTypeLabel)) : ( localize(7149, "Warning from {0} hook", hookTypeLabel)));
         super(title, context, undefined, hoverService, configurationService);
         this.hookPart = hookPart;
         this.icon = isStopped ? Codicon.error : isWarning ? Codicon.warning : Codicon.check;

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

@@ -246,10 +246,10 @@ let InlineAnchorWidget = class InlineAnchorWidget extends Disposable {
             );
             if (location.range) {
                 if (location.range.startLineNumber === location.range.endLineNumber) {
-                    element.setAttribute("aria-label", ( localize(7078, "{0} line {1}", filePathLabel, location.range.startLineNumber)));
+                    element.setAttribute("aria-label", ( localize(7150, "{0} line {1}", filePathLabel, location.range.startLineNumber)));
                 } else {
                     element.setAttribute("aria-label", ( localize(
-                        7079,
+                        7151,
                         "{0} lines {1} to {2}",
                         filePathLabel,
                         location.range.startLineNumber,
@@ -319,7 +319,7 @@ registerAction2(class AddFileToChatAction extends Action2 {
     constructor() {
         super({
             id: AddFileToChatAction.id,
-            title: ( localize2(7080, "Add File to Chat")),
+            title: ( localize2(7152, "Add File to Chat")),
             menu: [{
                 id: MenuId.ChatInlineResourceAnchorContext,
                 group: "chat",
@@ -343,7 +343,7 @@ registerAction2(class CopyResourceAction extends Action2 {
     constructor() {
         super({
             id: CopyResourceAction.id,
-            title: ( localize2(7081, "Copy")),
+            title: ( localize2(7153, "Copy")),
             f1: false,
             precondition: chatAttachmentResourceContextKey,
             keybinding: {
@@ -370,7 +370,7 @@ registerAction2(class OpenToSideResourceAction extends Action2 {
     constructor() {
         super({
             id: OpenToSideResourceAction.id,
-            title: ( localize2(7082, "Open to the Side")),
+            title: ( localize2(7154, "Open to the Side")),
             f1: false,
             precondition: chatAttachmentResourceContextKey,
             keybinding: {
@@ -436,8 +436,8 @@ registerAction2(class GoToDefinitionAction extends Action2 {
         super({
             id: GoToDefinitionAction.id,
             title: {
-                ...( localize2(7083, "Go to Definition")),
-                mnemonicTitle: ( localize(7084, "Go to &&Definition"))
+                ...( localize2(7155, "Go to Definition")),
+                mnemonicTitle: ( localize(7156, "Go to &&Definition"))
             },
             menu: ( [
                 MenuId.ChatInlineSymbolAnchorContext,
@@ -494,8 +494,8 @@ registerAction2(class GoToTypeDefinitionsAction extends Action2 {
         super({
             id: GoToTypeDefinitionsAction.id,
             title: {
-                ...( localize2(7085, "Go to Type Definitions")),
-                mnemonicTitle: ( localize(7086, "Go to &&Type Definitions"))
+                ...( localize2(7157, "Go to Type Definitions")),
+                mnemonicTitle: ( localize(7158, "Go to &&Type Definitions"))
             },
             menu: ( [
                 MenuId.ChatInlineSymbolAnchorContext,
@@ -520,8 +520,8 @@ registerAction2(class GoToImplementations extends Action2 {
         super({
             id: GoToImplementations.id,
             title: {
-                ...( localize2(7087, "Go to Implementations")),
-                mnemonicTitle: ( localize(7088, "Go to &&Implementations"))
+                ...( localize2(7159, "Go to Implementations")),
+                mnemonicTitle: ( localize(7160, "Go to &&Implementations"))
             },
             menu: ( [
                 MenuId.ChatInlineSymbolAnchorContext,
@@ -546,8 +546,8 @@ registerAction2(class GoToReferencesAction extends Action2 {
         super({
             id: GoToReferencesAction.id,
             title: {
-                ...( localize2(7089, "Go to References")),
-                mnemonicTitle: ( localize(7090, "Go to &&References"))
+                ...( localize2(7161, "Go to References")),
+                mnemonicTitle: ( localize(7162, "Go to &&References"))
             },
             menu: ( [
                 MenuId.ChatInlineSymbolAnchorContext,

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

@@ -19,6 +19,7 @@ import { IChatProgressRenderableResponseContent } from "@codingame/monaco-vscode
 import { IChatMarkdownContent } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatService/chatService";
 import { IChatService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatService/chatService.service";
 import { IChatCodeBlockInfo } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat";
+import { IChatOutputRendererService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatOutputItemRenderer.service";
 import { ICodeBlockRenderOptions } from "./codeBlockPart.js";
 import { EditorPool } from "./chatContentCodePools.js";
 import { IChatContentPart, IChatContentPartRenderContext } from "./chatContentParts.js";
@@ -40,6 +41,7 @@ export declare class ChatMarkdownContentPart extends Disposable implements IChat
     private readonly rendererOptions;
     private readonly instantiationService;
     private readonly aiEditTelemetryService;
+    private readonly chatOutputRendererService;
     private static ID_POOL;
     readonly codeblocksPartId: string;
     readonly domNode: HTMLElement;
@@ -57,9 +59,10 @@ export declare class ChatMarkdownContentPart extends Disposable implements IChat
     private readonly mathLayoutParticipants;
     /** Incremental rendering morpher — only created when the experiment is enabled. */
     private _incrementalMorpher;
-    constructor(markdown: IChatMarkdownContent, context: IChatContentPartRenderContext, editorPool: EditorPool, fillInIncompleteTokens: boolean | undefined, codeBlockStartIndex: number | undefined, renderer: IMarkdownRenderer, markdownRenderOptions: MarkdownRenderOptions | undefined, currentWidth: number, rendererOptions: IChatMarkdownContentPartOptions, contextKeyService: IContextKeyService, configurationService: IConfigurationService, instantiationService: IInstantiationService, aiEditTelemetryService: IAiEditTelemetryService);
+    constructor(markdown: IChatMarkdownContent, context: IChatContentPartRenderContext, editorPool: EditorPool, fillInIncompleteTokens: boolean | undefined, codeBlockStartIndex: number | undefined, renderer: IMarkdownRenderer, markdownRenderOptions: MarkdownRenderOptions | undefined, currentWidth: number, rendererOptions: IChatMarkdownContentPartOptions, contextKeyService: IContextKeyService, configurationService: IConfigurationService, instantiationService: IInstantiationService, aiEditTelemetryService: IAiEditTelemetryService, chatOutputRendererService: IChatOutputRendererService);
     dispose(): void;
     private renderCodeBlockPill;
+    private renderChatOutputCodeBlock;
     private fireAggregatedDiff;
     private renderCodeBlock;
     hasSameContent(other: IChatProgressRenderableResponseContent): boolean;

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

@@ -1,7 +1,7 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
-import { $ as $$1, clearNode, getWindow, DisposableResizeObserver, isHTMLElement, addDisposableListener, EventType, EventHelper } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { $ as $$1, clearNode, getWindow, DisposableResizeObserver, isHTMLElement, append, addDisposableListener, EventType, EventHelper } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { allowedMarkdownHtmlAttributes } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/markdownRenderer';
 import { StandardMouseEvent } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/mouseEvent';
 import { status } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/aria/aria';
@@ -11,7 +11,9 @@ import { DomScrollableElement } from '@codingame/monaco-vscode-api/vscode/vs/bas
 import { wrapTablesWithScrollable } from './chatMarkdownTableScrolling.js';
 import { coalesce } from '@codingame/monaco-vscode-api/vscode/vs/base/common/arrays';
 import { findLast } from '@codingame/monaco-vscode-api/vscode/vs/base/common/arraysFind';
+import { CancellationTokenSource } from '@codingame/monaco-vscode-api/vscode/vs/base/common/cancellation';
 import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
+import { isCancellationError } from '@codingame/monaco-vscode-api/vscode/vs/base/common/errors';
 import { 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, DisposableStore, dispose } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
@@ -48,18 +50,21 @@ import { extractCodeblockUrisFromText, extractVulnerabilitiesFromText } from '..
 import { IChatService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatService/chatService.service';
 import { isResponseVM, isRequestVM } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/model/chatViewModel';
 import { ChatConfiguration } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/constants';
+import { IChatOutputRendererService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatOutputItemRenderer.service';
 import { allowedChatMarkdownHtmlTags } from '../chatContentMarkdownRenderer.js';
 import { parseUnifiedDiff, MarkdownDiffBlockPart } from './chatDiffBlockPart.js';
 import { ChatMarkdownDecorationsRenderer } from './chatMarkdownDecorationsRenderer.js';
 import { CodeBlockPart } from './codeBlockPart.js';
 import * as chatCodeBlockPill from './media/chatCodeBlockPill.css';
 import { ChatExtensionsContentPart } from './chatExtensionsContentPart.js';
+import { ChatProgressSubPart } from './chatProgressContentPart.js';
 import { IncrementalDOMMorpher } from './chatIncrementalRendering/chatIncrementalRendering.js';
+import { IChatOutputPartStateCache } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/widget/chatContentParts/chatOutputPartStateCache.service';
 import * as chatMarkdownPart from './media/chatMarkdownPart.css';
 import { derived } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/derived';
 import { autorun, autorunSelfDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
 
-var ChatMarkdownContentPart_1;
+var ChatMarkdownContentPart_1, ChatOutputCodeBlockPart_1;
 registerCss(chatCodeBlockPill);
 registerCss(chatMarkdownPart);
 const $ = $$1;
@@ -86,7 +91,8 @@ let ChatMarkdownContentPart = class ChatMarkdownContentPart extends Disposable {
         contextKeyService,
         configurationService,
         instantiationService,
-        aiEditTelemetryService
+        aiEditTelemetryService,
+        chatOutputRendererService
     ) {
         super();
         this.markdown = markdown;
@@ -94,6 +100,7 @@ let ChatMarkdownContentPart = class ChatMarkdownContentPart extends Disposable {
         this.rendererOptions = rendererOptions;
         this.instantiationService = instantiationService;
         this.aiEditTelemetryService = aiEditTelemetryService;
+        this.chatOutputRendererService = chatOutputRendererService;
         this.codeblocksPartId = String(++ChatMarkdownContentPart_1.ID_POOL);
         this._onDidChangeHeight = this._register(( new Emitter()));
         this.onDidChangeHeight = this._onDidChangeHeight.event;
@@ -135,10 +142,19 @@ let ChatMarkdownContentPart = class ChatMarkdownContentPart extends Disposable {
             if (this._store.isDisposed) {
                 return;
             }
+            const previousRenderStore = renderStore.clearAndLeak();
+            const reusableOutputCodeBlockRefs = ( new Map());
+            for (const ref of this.allRefs) {
+                if (ref.object instanceof ChatOutputCodeBlockPart) {
+                    const outputRef = ref;
+                    previousRenderStore?.deleteAndLeak(outputRef);
+                    reusableOutputCodeBlockRefs.set(outputRef.object.reuseKey, outputRef);
+                }
+            }
+            previousRenderStore?.dispose();
             const store = ( new DisposableStore());
             renderStore.value = store;
             clearNode(this.domNode);
-            dispose(this.allRefs);
             this.allRefs.length = 0;
             this._codeblocks.length = 0;
             this.mathLayoutParticipants.clear();
@@ -158,7 +174,8 @@ let ChatMarkdownContentPart = class ChatMarkdownContentPart extends Disposable {
                 fillInIncompleteTokens,
                 codeBlockRendererSync: (languageId, text, raw) => {
                     const isCodeBlockComplete = !isResponseVM(context.element) || context.element.isComplete || !raw || codeblockHasClosingBackticks(raw);
-                    if ((!text || (text.startsWith("<vscode_codeblock_uri") && !text.includes("\n"))) && !isCodeBlockComplete) {
+                    const hasChatOutputRenderer = !!languageId && this.chatOutputRendererService.hasCodeBlockRenderer(languageId);
+                    if ((!text || (text.startsWith("<vscode_codeblock_uri") && !text.includes("\n"))) && !isCodeBlockComplete && !hasChatOutputRenderer) {
                         const hideEmptyCodeblock = $("div");
                         hideEmptyCodeblock.style.display = "none";
                         return hideEmptyCodeblock;
@@ -245,6 +262,29 @@ let ChatMarkdownContentPart = class ChatMarkdownContentPart extends Disposable {
                         editDeltaInfo: EditDeltaInfo.fromText(text)
                     };
                     if (element.isCompleteAddedRequest || !codemapperUri || !isEdit) {
+                        if (hasChatOutputRenderer) {
+                            const ref = this.renderChatOutputCodeBlock(
+                                languageId,
+                                codeBlockText,
+                                globalIndex,
+                                context,
+                                isCodeBlockComplete,
+                                reusableOutputCodeBlockRefs
+                            );
+                            this._codeblocks.push({
+                                ...baseCodeBlockInfo,
+                                codemapperUri: codeBlockInfo.codemapperUri,
+                                isStreamingEdit: false,
+                                get uri() {
+                                    return undefined;
+                                },
+                                focus() {
+                                    ref.object.focus();
+                                }
+                            });
+                            store.add(ref);
+                            return ref.object.element;
+                        }
                         const ref = this.renderCodeBlock(codeBlockInfo, currentWidth);
                         this._codeblocks.push({
                             ...baseCodeBlockInfo,
@@ -325,6 +365,7 @@ let ChatMarkdownContentPart = class ChatMarkdownContentPart extends Disposable {
                 scrollable.scanDomNode();
             }
             store.add(wrapTablesWithScrollable(this.domNode, layoutParticipants));
+            dispose(( reusableOutputCodeBlockRefs.values()));
         };
         doRenderMarkdown();
         this._incrementalMorpher?.seed(markdown.content.value,  true);
@@ -357,6 +398,38 @@ let ChatMarkdownContentPart = class ChatMarkdownContentPart extends Disposable {
         codeBlock.render(codemapperUri);
         return ref;
     }
+    renderChatOutputCodeBlock(
+        identifier,
+        text,
+        codeBlockIndex,
+        context,
+        isComplete,
+        reusableOutputCodeBlockRefs
+    ) {
+        const reuseKey = ChatOutputCodeBlockPart.reuseKey(context.element.id, codeBlockIndex, identifier);
+        const reusableRef = reusableOutputCodeBlockRefs.get(reuseKey);
+        if (reusableRef?.object.hasSameContent(identifier, text, isComplete)) {
+            reusableOutputCodeBlockRefs.delete(reuseKey);
+            this.allRefs.push(reusableRef);
+            return reusableRef;
+        }
+        const codeBlock = this.instantiationService.createInstance(
+            ChatOutputCodeBlockPart,
+            identifier,
+            text,
+            codeBlockIndex,
+            context,
+            isComplete,
+            () => this._onDidChangeHeight.fire()
+        );
+        const ref = {
+            object: codeBlock,
+            isStale: () => false,
+            dispose: () => codeBlock.dispose()
+        };
+        this.allRefs.push(ref);
+        return ref;
+    }
     fireAggregatedDiff() {
         let totalAdded = 0;
         let totalRemoved = 0;
@@ -414,6 +487,8 @@ let ChatMarkdownContentPart = class ChatMarkdownContentPart extends Disposable {
         this.allRefs.forEach((ref, index) => {
             if (ref.object instanceof CodeBlockPart) {
                 ref.object.layout(width);
+            } else if (ref.object instanceof ChatOutputCodeBlockPart) {
+                ref.object.layout(width);
             } else if (ref.object instanceof MarkdownDiffBlockPart) {
                 ref.object.layout(width);
             } else if (ref.object instanceof CollapsedCodeBlock) {
@@ -427,7 +502,7 @@ let ChatMarkdownContentPart = class ChatMarkdownContentPart extends Disposable {
     }
     onDidRemount() {
         for (const ref of this.allRefs) {
-            if (ref.object instanceof CodeBlockPart) {
+            if (ref.object instanceof CodeBlockPart || ref.object instanceof ChatOutputCodeBlockPart) {
                 ref.object.onDidRemount();
             }
         }
@@ -436,7 +511,7 @@ let ChatMarkdownContentPart = class ChatMarkdownContentPart extends Disposable {
         this._register(disposable);
     }
 };
-ChatMarkdownContentPart = ChatMarkdownContentPart_1 = ( __decorate([( __param(9, IContextKeyService)), ( __param(10, IConfigurationService)), ( __param(11, IInstantiationService)), ( __param(12, IAiEditTelemetryService))], ChatMarkdownContentPart));
+ChatMarkdownContentPart = ChatMarkdownContentPart_1 = ( __decorate([( __param(9, IContextKeyService)), ( __param(10, IConfigurationService)), ( __param(11, IInstantiationService)), ( __param(12, IAiEditTelemetryService)), ( __param(13, IChatOutputRendererService))], ChatMarkdownContentPart));
 function equalsInlineReferences(a, b) {
     if (a === b) {
         return true;
@@ -490,6 +565,135 @@ function codeblockHasClosingBackticks(str) {
     str = str.trim();
     return !!str.match(/\n```+$/);
 }
+let ChatOutputCodeBlockPart = ChatOutputCodeBlockPart_1 = class ChatOutputCodeBlockPart extends Disposable {
+    static reuseKey(elementId, codeBlockIndex, identifier) {
+        return `${elementId}/${codeBlockIndex}/${identifier.toLowerCase()}`;
+    }
+    constructor(
+        identifier,
+        text,
+        codeBlockIndex,
+        context,
+        isComplete,
+        onDidChangeHeight,
+        instantiationService,
+        chatOutputRendererService,
+        stateCache
+    ) {
+        super();
+        this.identifier = identifier;
+        this.text = text;
+        this.context = context;
+        this.isComplete = isComplete;
+        this.onDidChangeHeight = onDidChangeHeight;
+        this.instantiationService = instantiationService;
+        this.chatOutputRendererService = chatOutputRendererService;
+        this.stateCache = stateCache;
+        this._disposeCts = this._register(( new CancellationTokenSource()));
+        this._renderedOutputPart = this._register(( new MutableDisposable()));
+        this.reuseKey = ChatOutputCodeBlockPart_1.reuseKey(context.element.id, codeBlockIndex, identifier);
+        const title = ( localize(7163, "Rendered code block {0}", codeBlockIndex + 1));
+        this.element = $(".interactive-result-code-block.chat-output-code-block.tool-output-part");
+        this.element.tabIndex = -1;
+        this.element.ariaLabel = title;
+        const parent = $(".webview-output");
+        parent.style.maxHeight = "80vh";
+        parent.style.minHeight = "38px";
+        this.element.appendChild(parent);
+        const stateCacheKey = `codeBlock/${( context.element.sessionResource.toString())}/${context.element.id}/${codeBlockIndex}/${identifier.toLowerCase()}`;
+        const partState = this.stateCache.get(stateCacheKey) ?? {
+            height: 0
+        };
+        this.stateCache.set(stateCacheKey, partState);
+        if (partState.height) {
+            parent.style.height = `${partState.height}px`;
+        }
+        const progressMessage = $("span");
+        progressMessage.textContent = ( localize(7164, "Rendering code block..."));
+        const progressPart = this._register(this.instantiationService.createInstance(
+            ChatProgressSubPart,
+            progressMessage,
+            ThemeIcon.modify(Codicon.loading, "spin"),
+            undefined
+        ));
+        parent.appendChild(progressPart.domNode);
+        if (!isComplete) {
+            this.onDidChangeHeight();
+            return;
+        }
+        this.chatOutputRendererService.renderCodeBlock(identifier, ( new TextEncoder()).encode(text), parent, {
+            webviewState: partState.webviewState,
+            title,
+            chatSessionResource: this.context.element.sessionResource
+        }, this._disposeCts.token).then(renderedItem => {
+            if (this._disposeCts.token.isCancellationRequested) {
+                renderedItem.dispose();
+                return;
+            }
+            this._renderedOutputPart.value = renderedItem;
+            progressPart.domNode.remove();
+            parent.style.minHeight = "";
+            this.onDidChangeHeight();
+            this._register(renderedItem.webview.onDidUpdateState(e => {
+                partState.webviewState = e;
+            }));
+            this._register(renderedItem.onDidChangeHeight(newHeight => {
+                partState.height = newHeight;
+                this.onDidChangeHeight();
+            }));
+            this._register(this.context.onDidChangeVisibility(visible => {
+                if (visible) {
+                    renderedItem.reinitialize();
+                }
+            }));
+        }, error => {
+            if (isCancellationError(error)) {
+                return;
+            }
+            console.error("Error rendering chat code block:", error);
+            progressPart.domNode.replaceWith(this.renderError(error));
+            parent.style.minHeight = "";
+            this.onDidChangeHeight();
+        });
+    }
+    hasSameContent(identifier, text, isComplete) {
+        return identifier.toLowerCase() === this.identifier.toLowerCase() && text === this.text && isComplete === this.isComplete;
+    }
+    dispose() {
+        this._disposeCts.dispose(true);
+        super.dispose();
+    }
+    layout(width) {
+        this.element.style.maxWidth = `${width}px`;
+    }
+    onDidRemount() {
+        this._renderedOutputPart.value?.reinitialize();
+    }
+    focus() {
+        const webview = this._renderedOutputPart.value?.webview;
+        if (webview) {
+            webview.focus();
+        } else {
+            this.element.focus();
+        }
+    }
+    renderError(error) {
+        const errorNode = $(".output-error");
+        const errorHeaderNode = $(".output-error-header");
+        append(errorNode, errorHeaderNode);
+        const iconElement = $("div");
+        iconElement.classList.add(...ThemeIcon.asClassNameArray(Codicon.error));
+        errorHeaderNode.append(iconElement);
+        const errorTitleNode = $(".output-error-title");
+        errorTitleNode.textContent = ( localize(7165, "Error rendering the code block"));
+        errorHeaderNode.append(errorTitleNode);
+        const errorMessageNode = $(".output-error-details");
+        errorMessageNode.textContent = error?.message || String(error);
+        errorNode.append(errorMessageNode);
+        return errorNode;
+    }
+};
+ChatOutputCodeBlockPart = ChatOutputCodeBlockPart_1 = ( __decorate([( __param(6, IInstantiationService)), ( __param(7, IChatOutputRendererService)), ( __param(8, IChatOutputPartStateCache))], ChatOutputCodeBlockPart));
 let CollapsedCodeBlock = class CollapsedCodeBlock extends Disposable {
     get uri() {
         return this._uri;
@@ -631,7 +835,7 @@ let CollapsedCodeBlock = class CollapsedCodeBlock extends Disposable {
                 statusIconEl.classList.add(...statusIconClasses);
                 const entry = editSession.readEntry(uri, r);
                 const rwRatio = Math.floor((entry?.rewriteRatio.read(r) || 0) * 100);
-                statusLabelEl.textContent = ( localize(7091, "Applying edits"));
+                statusLabelEl.textContent = ( localize(7166, "Applying edits"));
                 const showAnimation = this.configurationService.getValue(ChatConfiguration.ShowCodeBlockProgressAnimation);
                 if (showAnimation) {
                     progressFill.style.width = `${rwRatio}%`;
@@ -640,13 +844,13 @@ let CollapsedCodeBlock = class CollapsedCodeBlock extends Disposable {
                 } else {
                     progressFill.style.width = "0%";
                     this.pillElement.classList.remove("progress-filling");
-                    labelDetail.textContent = rwRatio === 0 || !rwRatio ? ( localize(7092, "Generating edits...")) : ( localize(7093, "({0}%)...", rwRatio));
+                    labelDetail.textContent = rwRatio === 0 || !rwRatio ? ( localize(7167, "Generating edits...")) : ( localize(7168, "({0}%)...", rwRatio));
                 }
             } else {
                 const statusCodeicon = Codicon.check;
                 statusIconClasses = ThemeIcon.asClassNameArray(statusCodeicon);
                 statusIconEl.classList.add(...statusIconClasses);
-                statusLabelEl.textContent = ( localize(7094, "Edited"));
+                statusLabelEl.textContent = ( localize(7169, "Edited"));
                 const fileKind = uri.path.endsWith("/") ? FileKind.FOLDER : FileKind.FILE;
                 pillIconClasses = getIconClasses(this.modelService, this.languageService, uri, fileKind);
                 iconEl.classList.add(...pillIconClasses);
@@ -667,10 +871,10 @@ let CollapsedCodeBlock = class CollapsedCodeBlock extends Disposable {
                 this._onDidChangeDiff.fire(changes);
                 labelAdded.textContent = `+${changes.added}`;
                 labelRemoved.textContent = `-${changes.removed}`;
-                const insertionsFragment = changes.added === 1 ? ( localize(7095, "1 insertion")) : ( localize(7096, "{0} insertions", changes.added));
-                const deletionsFragment = changes.removed === 1 ? ( localize(7097, "1 deletion")) : ( localize(7098, "{0} deletions", changes.removed));
+                const insertionsFragment = changes.added === 1 ? ( localize(7170, "1 insertion")) : ( localize(7171, "{0} insertions", changes.added));
+                const deletionsFragment = changes.removed === 1 ? ( localize(7172, "1 deletion")) : ( localize(7173, "{0} deletions", changes.removed));
                 const summary = ( localize(
-                    7099,
+                    7174,
                     "Edited {0}, {1}, {2}",
                     iconText,
                     insertionsFragment,