@codingame/monaco-vscode-chat-service-override 26.2.2 → 28.0.0

package/vscode/src/vs/workbench/contrib/chat/browser/chatDebug/chatDebugLogsView.js

@@ -0,0 +1,467 @@
+
+import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
+import { $ as $$1, append, hide, show, clearNode } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { BreadcrumbsWidget } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/breadcrumbs/breadcrumbsWidget';
+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 { Emitter } from '@codingame/monaco-vscode-api/vscode/vs/base/common/event';
+import { Disposable, MutableDisposable, combinedDisposable } 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 { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
+import { ServiceCollection } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/serviceCollection';
+import { WorkbenchList, WorkbenchObjectTree } from '@codingame/monaco-vscode-api/vscode/vs/platform/list/browser/listService';
+import { defaultBreadcrumbsWidgetStyles, defaultButtonStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
+import { FilterWidget } from '@codingame/monaco-vscode-api/vscode/vs/workbench/browser/parts/views/viewFilter';
+import { IChatDebugService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatDebugService.service';
+import { IChatService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatService/chatService.service';
+import { LocalChatSessionUri } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/model/chatUri';
+import { ChatDebugEventDelegate, ChatDebugEventRenderer, ChatDebugEventTreeRenderer } from './chatDebugEventList.js';
+import { LogsViewMode, setupBreadcrumbKeyboardNavigation, TextBreadcrumbItem } from './chatDebugTypes.js';
+import { bindFilterContextKeys } from './chatDebugFilters.js';
+import { ChatDebugDetailPanel } from './chatDebugDetailPanel.js';
+import { IChatWidgetService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat.service';
+import { createDebugEventsAttachment } from '@codingame/monaco-vscode-xterm-addons-common/vscode/vs/workbench/contrib/chat/browser/chatDebug/chatDebugAttachment';
+import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
+
+const $ = $$1;
+var LogsNavigation;
+(function(LogsNavigation) {
+    LogsNavigation["Home"] = "home";
+    LogsNavigation["Overview"] = "overview";
+})(LogsNavigation || (LogsNavigation = {}));
+let ChatDebugLogsView = class ChatDebugLogsView extends Disposable {
+    constructor(
+        parent,
+        filterState,
+        chatService,
+        chatDebugService,
+        instantiationService,
+        contextKeyService,
+        chatWidgetService
+    ) {
+        super();
+        this.filterState = filterState;
+        this.chatService = chatService;
+        this.chatDebugService = chatDebugService;
+        this.instantiationService = instantiationService;
+        this.contextKeyService = contextKeyService;
+        this.chatWidgetService = chatWidgetService;
+        this._onNavigate = this._register(( new Emitter()));
+        this.onNavigate = this._onNavigate.event;
+        this.logsViewMode = LogsViewMode.List;
+        this.events = [];
+        this.eventListener = this._register(( new MutableDisposable()));
+        this.sessionStateDisposable = this._register(( new MutableDisposable()));
+        this.container = append(parent, $(".chat-debug-logs"));
+        hide(this.container);
+        const breadcrumbContainer = append(this.container, $(".chat-debug-breadcrumb"));
+        this.breadcrumbWidget = this._register(( new BreadcrumbsWidget(
+            breadcrumbContainer,
+            3,
+            undefined,
+            Codicon.chevronRight,
+            defaultBreadcrumbsWidgetStyles
+        )));
+        this._register(
+            setupBreadcrumbKeyboardNavigation(breadcrumbContainer, this.breadcrumbWidget)
+        );
+        this._register(this.breadcrumbWidget.onDidSelectItem(e => {
+            if (e.type === "select" && e.item instanceof TextBreadcrumbItem) {
+                this.breadcrumbWidget.setSelection(undefined);
+                const items = this.breadcrumbWidget.getItems();
+                const idx = items.indexOf(e.item);
+                if (idx === 0) {
+                    this._onNavigate.fire(LogsNavigation.Home);
+                } else if (idx === 1) {
+                    this._onNavigate.fire(LogsNavigation.Overview);
+                }
+            }
+        }));
+        this.headerContainer = append(this.container, $(".chat-debug-editor-header"));
+        const scopedContextKeyService = this._register(this.contextKeyService.createScoped(this.headerContainer));
+        const syncContextKeys = bindFilterContextKeys(this.filterState, scopedContextKeyService);
+        syncContextKeys();
+        const childInstantiationService = this._register(this.instantiationService.createChild(( new ServiceCollection([IContextKeyService, scopedContextKeyService]))));
+        this.filterWidget = this._register(childInstantiationService.createInstance(FilterWidget, {
+            placeholder: ( localize(5706, "Filter (e.g. text, !exclude, before:YYYY-MM-DDTHH:MM:SS)")),
+            ariaLabel: ( localize(5707, "Filter debug events"))
+        }));
+        this.viewModeToggle = this._register(( new Button(this.headerContainer, {
+            ...defaultButtonStyles,
+            secondary: true,
+            title: ( localize(5708, "Toggle between list and tree view"))
+        })));
+        this.viewModeToggle.element.classList.add("chat-debug-view-mode-toggle", "monaco-text-button");
+        this.updateViewModeToggle();
+        this._register(this.viewModeToggle.onDidClick(() => {
+            this.toggleViewMode();
+        }));
+        const filterContainer = append(this.headerContainer, $(".viewpane-filter-container"));
+        filterContainer.appendChild(this.filterWidget.element);
+        const troubleshootButton = this._register(( new Button(this.headerContainer, {
+            ...defaultButtonStyles,
+            secondary: true,
+            title: ( localize(5709, "Add snapshot to Chat"))
+        })));
+        troubleshootButton.element.classList.add("chat-debug-troubleshoot-button", "monaco-text-button");
+        append(
+            troubleshootButton.element,
+            $(`span${ThemeIcon.asCSSSelector(Codicon.chatSparkle)}`)
+        );
+        this._register(troubleshootButton.onDidClick(async () => {
+            if (!this.currentSessionResource) {
+                return;
+            }
+            const widget = await this.chatWidgetService.openSession(this.currentSessionResource);
+            if (widget) {
+                const attachment = await createDebugEventsAttachment(this.currentSessionResource, this.chatDebugService);
+                widget.attachmentModel.addContext(attachment);
+                widget.focusInput();
+            }
+        }));
+        this._register(this.filterWidget.onDidChangeFilterText(text => {
+            this.filterState.setTextFilter(text);
+        }));
+        this._register(this.filterState.onDidChange(() => {
+            syncContextKeys();
+            this.updateMoreFiltersChecked();
+            this.refreshList();
+        }));
+        const contentContainer = append(this.container, $(".chat-debug-logs-content"));
+        const mainColumn = append(contentContainer, $(".chat-debug-logs-main"));
+        this.tableHeader = append(mainColumn, $(".chat-debug-table-header"));
+        append(
+            this.tableHeader,
+            $("span.chat-debug-col-created", undefined, ( localize(5710, "Created")))
+        );
+        append(this.tableHeader, $("span.chat-debug-col-name", undefined, ( localize(5711, "Name"))));
+        append(
+            this.tableHeader,
+            $("span.chat-debug-col-details", undefined, ( localize(5712, "Details")))
+        );
+        this.bodyContainer = append(mainColumn, $(".chat-debug-logs-body"));
+        this.listContainer = append(this.bodyContainer, $(".chat-debug-list-container"));
+        const accessibilityProvider = {
+            getAriaLabel: e => {
+                switch (e.kind) {
+                case "toolCall":
+                    return localize(5713, "Tool call: {0}{1}", e.toolName, e.result ? ` (${e.result})` : "");
+                case "modelTurn":
+                    return localize(
+                        5714,
+                        "Model turn: {0}{1}",
+                        e.model ?? ( localize(5715, "model")),
+                        e.totalTokens ? ( localize(5716, " {0} tokens", e.totalTokens)) : ""
+                    );
+                case "generic":
+                    return `${e.category ? e.category + ": " : ""}${e.name}: ${e.details ?? ""}`;
+                case "subagentInvocation":
+                    return localize(
+                        5717,
+                        "Subagent: {0}{1}",
+                        e.agentName,
+                        e.description ? ` - ${e.description}` : ""
+                    );
+                case "userMessage":
+                    return localize(5718, "User message: {0}", e.message);
+                case "agentResponse":
+                    return localize(5719, "Agent response: {0}", e.message);
+                }
+            },
+            getWidgetAriaLabel: () => ( localize(5720, "Chat Debug Events"))
+        };
+        let nextFallbackId = 0;
+        const fallbackIds = ( new WeakMap());
+        const identityProvider = {
+            getId: e => {
+                if (e.id) {
+                    return e.id;
+                }
+                let fallback = fallbackIds.get(e);
+                if (!fallback) {
+                    fallback = `_fallback_${nextFallbackId++}`;
+                    fallbackIds.set(e, fallback);
+                }
+                return fallback;
+            }
+        };
+        this.list = this._register(
+            this.instantiationService.createInstance(WorkbenchList, "ChatDebugEvents", this.listContainer, ( new ChatDebugEventDelegate()), [( new ChatDebugEventRenderer())], {
+                identityProvider,
+                accessibilityProvider
+            })
+        );
+        this.treeContainer = append(this.bodyContainer, $(".chat-debug-list-container"));
+        hide(this.treeContainer);
+        this.tree = this._register(this.instantiationService.createInstance(
+            WorkbenchObjectTree,
+            "ChatDebugEventsTree",
+            this.treeContainer,
+            ( new ChatDebugEventDelegate()),
+            [( new ChatDebugEventTreeRenderer())],
+            {
+                identityProvider,
+                accessibilityProvider
+            }
+        ));
+        this.shimmerRow = append(this.bodyContainer, $(".chat-debug-logs-shimmer-row"));
+        this.shimmerRow.setAttribute("aria-label", ( localize(5721, "Loading more events…")));
+        this.shimmerRow.setAttribute("aria-busy", "true");
+        append(this.shimmerRow, $("span.chat-debug-logs-shimmer-bar"));
+        hide(this.shimmerRow);
+        this.detailPanel = this._register(
+            this.instantiationService.createInstance(ChatDebugDetailPanel, contentContainer)
+        );
+        this._register(this.detailPanel.onDidHide(() => {
+            if (this.list.getSelection().length > 0) {
+                this.list.setSelection([]);
+            }
+            if (this.tree.getSelection().length > 0) {
+                this.tree.setSelection([]);
+            }
+        }));
+        this._register(this.list.onDidChangeSelection(e => {
+            const selected = e.elements[0];
+            if (selected) {
+                this.detailPanel.show(selected);
+            } else {
+                this.detailPanel.hide();
+            }
+        }));
+        this._register(this.tree.onDidChangeSelection(e => {
+            const selected = e.elements[0];
+            if (selected) {
+                this.detailPanel.show(selected);
+            } else {
+                this.detailPanel.hide();
+            }
+        }));
+    }
+    setSession(sessionResource) {
+        this.currentSessionResource = sessionResource;
+    }
+    setFilterText(text) {
+        this.filterWidget.setFilterText(text);
+    }
+    show() {
+        show(this.container);
+        this.loadEvents();
+        this.refreshList();
+    }
+    hide() {
+        hide(this.container);
+    }
+    focus() {
+        if (this.logsViewMode === LogsViewMode.Tree) {
+            this.tree.domFocus();
+        } else {
+            this.list.domFocus();
+        }
+    }
+    updateBreadcrumb() {
+        if (!this.currentSessionResource) {
+            return;
+        }
+        const sessionTitle = this.chatService.getSessionTitle(this.currentSessionResource) || LocalChatSessionUri.parseLocalSessionId(this.currentSessionResource) || ( this.currentSessionResource.toString());
+        this.breadcrumbWidget.setItems([( new TextBreadcrumbItem(( localize(5722, "Agent Debug Panel")), true)), ( new TextBreadcrumbItem(sessionTitle, true)), ( new TextBreadcrumbItem(( localize(5723, "Logs"))))]);
+    }
+    layout(dimension) {
+        this.currentDimension = dimension;
+        const breadcrumbHeight = 22;
+        const headerHeight = this.headerContainer.offsetHeight;
+        const tableHeaderHeight = this.tableHeader.offsetHeight;
+        const detailVisible = this.detailPanel.element.style.display !== "none";
+        const detailWidth = detailVisible ? this.detailPanel.element.offsetWidth : 0;
+        const listHeight = dimension.height - breadcrumbHeight - headerHeight - tableHeaderHeight;
+        const listWidth = dimension.width - detailWidth;
+        if (this.logsViewMode === LogsViewMode.Tree) {
+            this.tree.layout(listHeight, listWidth);
+        } else {
+            this.list.layout(listHeight, listWidth);
+        }
+    }
+    refreshList() {
+        let filtered = this.events;
+        filtered = filtered.filter(e => {
+            const category = e.kind === "generic" ? e.category : undefined;
+            return this.filterState.isKindVisible(e.kind, category);
+        });
+        filtered = filtered.filter(e => this.filterState.isTimestampVisible(e.created));
+        const filterText = this.filterState.textFilterWithoutTimestamps;
+        if (filterText) {
+            const terms = filterText.split(/\s*,\s*/).filter(t => t.length > 0);
+            const includeTerms = ( terms.filter(t => !t.startsWith("!")).map(t => t.trim()));
+            const excludeTerms = ( terms.filter(t => t.startsWith("!")).map(t => t.slice(1).trim())).filter(t => t.length > 0);
+            filtered = filtered.filter(e => {
+                const matchesText = term => {
+                    if (e.kind.toLowerCase().includes(term)) {
+                        return true;
+                    }
+                    switch (e.kind) {
+                    case "toolCall":
+                        return e.toolName.toLowerCase().includes(term) || (e.input?.toLowerCase().includes(term) ?? false) || (e.output?.toLowerCase().includes(term) ?? false);
+                    case "modelTurn":
+                        return (e.model?.toLowerCase().includes(term) ?? false);
+                    case "generic":
+                        return e.name.toLowerCase().includes(term) || (e.details?.toLowerCase().includes(term) ?? false) || (e.category?.toLowerCase().includes(term) ?? false);
+                    case "subagentInvocation":
+                        return e.agentName.toLowerCase().includes(term) || (e.description?.toLowerCase().includes(term) ?? false);
+                    case "userMessage":
+                        return e.message.toLowerCase().includes(term) || ( e.sections.some(
+                            s => s.name.toLowerCase().includes(term) || s.content.toLowerCase().includes(term)
+                        ));
+                    case "agentResponse":
+                        return e.message.toLowerCase().includes(term) || ( e.sections.some(
+                            s => s.name.toLowerCase().includes(term) || s.content.toLowerCase().includes(term)
+                        ));
+                    }
+                };
+                if (( excludeTerms.some(term => matchesText(term)))) {
+                    return false;
+                }
+                if (includeTerms.length > 0) {
+                    return ( includeTerms.some(term => matchesText(term)));
+                }
+                return true;
+            });
+        }
+        if (this.logsViewMode === LogsViewMode.List) {
+            this.list.splice(0, this.list.length, filtered);
+        } else {
+            this.refreshTree(filtered);
+        }
+        this.updateShimmerPosition(filtered.length);
+    }
+    updateShimmerPosition(itemCount) {
+        this.shimmerRow.style.top = `${itemCount * 28}px`;
+    }
+    addEvent(event) {
+        this.events.push(event);
+        this.refreshList();
+    }
+    loadEvents() {
+        this.events = [
+            ...this.chatDebugService.getEvents(this.currentSessionResource || undefined)
+        ];
+        const addEventDisposable = this.chatDebugService.onDidAddEvent(e => {
+            if (!this.currentSessionResource || ( e.sessionResource.toString()) === ( this.currentSessionResource.toString())) {
+                this.events.push(e);
+                this.refreshList();
+            }
+        });
+        const clearEventsDisposable = this.chatDebugService.onDidClearProviderEvents(sessionResource => {
+            if (!this.currentSessionResource || ( sessionResource.toString()) === ( this.currentSessionResource.toString())) {
+                this.events = [
+                    ...this.chatDebugService.getEvents(this.currentSessionResource || undefined)
+                ];
+                this.refreshList();
+            }
+        });
+        this.eventListener.value = combinedDisposable(addEventDisposable, clearEventsDisposable);
+        this.updateBreadcrumb();
+        this.trackSessionState();
+    }
+    trackSessionState() {
+        if (!this.currentSessionResource) {
+            hide(this.shimmerRow);
+            this.sessionStateDisposable.clear();
+            return;
+        }
+        const model = this.chatService.getSession(this.currentSessionResource);
+        if (!model) {
+            hide(this.shimmerRow);
+            this.sessionStateDisposable.clear();
+            return;
+        }
+        this.sessionStateDisposable.value = autorun(reader => {
+            const inProgress = model.requestInProgress.read(reader);
+            if (inProgress) {
+                show(this.shimmerRow);
+            } else {
+                hide(this.shimmerRow);
+            }
+        });
+    }
+    refreshTree(filtered) {
+        const treeElements = this.buildTreeHierarchy(filtered);
+        this.tree.setChildren(null, treeElements);
+    }
+    buildTreeHierarchy(events) {
+        const idToEvent = ( new Map());
+        const idToChildren = ( new Map());
+        const roots = [];
+        for (const event of events) {
+            if (event.id) {
+                idToEvent.set(event.id, event);
+            }
+        }
+        for (const event of events) {
+            if (event.parentEventId && ( idToEvent.has(event.parentEventId))) {
+                let children = idToChildren.get(event.parentEventId);
+                if (!children) {
+                    children = [];
+                    idToChildren.set(event.parentEventId, children);
+                }
+                children.push(event);
+            } else {
+                roots.push(event);
+            }
+        }
+        const toTreeElement = event => {
+            const children = event.id ? idToChildren.get(event.id) : undefined;
+            return {
+                element: event,
+                children: children?.map(toTreeElement),
+                collapsible: (children?.length ?? 0) > 0,
+                collapsed: false
+            };
+        };
+        return ( roots.map(toTreeElement));
+    }
+    toggleViewMode() {
+        if (this.logsViewMode === LogsViewMode.List) {
+            this.logsViewMode = LogsViewMode.Tree;
+            hide(this.listContainer);
+            show(this.treeContainer);
+        } else {
+            this.logsViewMode = LogsViewMode.List;
+            show(this.listContainer);
+            hide(this.treeContainer);
+        }
+        this.updateViewModeToggle();
+        this.refreshList();
+        if (this.currentDimension) {
+            this.layout(this.currentDimension);
+        }
+    }
+    updateViewModeToggle() {
+        const el = this.viewModeToggle.element;
+        clearNode(el);
+        const isTree = this.logsViewMode === LogsViewMode.Tree;
+        append(el, $(
+            `span${ThemeIcon.asCSSSelector(isTree ? Codicon.listTree : Codicon.listFlat)}`
+        ));
+        const labelContainer = append(el, $("span.chat-debug-view-mode-labels"));
+        const treeLabel = append(labelContainer, $("span.chat-debug-view-mode-label"));
+        treeLabel.textContent = ( localize(5724, "Tree View"));
+        const listLabel = append(labelContainer, $("span.chat-debug-view-mode-label"));
+        listLabel.textContent = ( localize(5725, "List View"));
+        if (isTree) {
+            listLabel.classList.add("hidden");
+        } else {
+            treeLabel.classList.add("hidden");
+        }
+        const activeLabel = isTree ? ( localize(5726, "Switch to List View")) : ( localize(5727, "Switch to Tree View"));
+        el.setAttribute("aria-label", activeLabel);
+        this.viewModeToggle.setTitle(activeLabel);
+    }
+    updateMoreFiltersChecked() {
+        this.filterWidget.checkMoreFilters(!this.filterState.isAllFiltersDefault());
+    }
+};
+ChatDebugLogsView = ( __decorate([( __param(2, IChatService)), ( __param(3, IChatDebugService)), ( __param(4, IInstantiationService)), ( __param(5, IContextKeyService)), ( __param(6, IChatWidgetService))], ChatDebugLogsView));
+
+export { ChatDebugLogsView, LogsNavigation };

package/vscode/src/vs/workbench/contrib/chat/browser/chatDebug/chatDebugMessageContentRenderer.d.ts

@@ -0,0 +1,31 @@
+import { DisposableStore } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { IChatDebugUserMessageEvent, IChatDebugAgentResponseEvent, IChatDebugEventMessageContent } from "../../common/chatDebugService.js";
+/**
+ * Render a user message event with collapsible prompt sections.
+ */
+export declare function renderUserMessageContent(event: IChatDebugUserMessageEvent): {
+    element: HTMLElement;
+    disposables: DisposableStore;
+};
+/**
+ * Render an agent response event with collapsible response sections.
+ */
+export declare function renderAgentResponseContent(event: IChatDebugAgentResponseEvent): {
+    element: HTMLElement;
+    disposables: DisposableStore;
+};
+/**
+ * Convert a user message or agent response event to plain text for clipboard / editor output.
+ */
+export declare function messageEventToPlainText(event: IChatDebugUserMessageEvent | IChatDebugAgentResponseEvent): string;
+/**
+ * Render a resolved message content (from resolveChatDebugLogEvent) with collapsible sections.
+ */
+export declare function renderResolvedMessageContent(content: IChatDebugEventMessageContent): {
+    element: HTMLElement;
+    disposables: DisposableStore;
+};
+/**
+ * Convert a resolved message content to plain text.
+ */
+export declare function resolvedMessageToPlainText(content: IChatDebugEventMessageContent): string;

package/vscode/src/vs/workbench/contrib/chat/browser/chatDebug/chatDebugMessageContentRenderer.js

@@ -0,0 +1,113 @@
+
+import { $ as $$1, append } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { renderCollapsibleSection } from './chatDebugCollapsible.js';
+
+const $ = $$1;
+function renderUserMessageContent(event) {
+    const disposables = ( new DisposableStore());
+    const container = $("div.chat-debug-message-content");
+    container.tabIndex = 0;
+    append(
+        container,
+        $("div.chat-debug-message-content-title", undefined, ( localize(5728, "User Message")))
+    );
+    append(
+        container,
+        $("div.chat-debug-message-content-summary", undefined, event.message)
+    );
+    if (event.sections.length > 0) {
+        const sectionsContainer = append(container, $("div.chat-debug-message-sections"));
+        append(
+            sectionsContainer,
+            $("div.chat-debug-message-sections-label", undefined, ( localize(5729, "Prompt Sections ({0})", event.sections.length)))
+        );
+        for (const section of event.sections) {
+            renderCollapsibleSection(sectionsContainer, section, disposables);
+        }
+    }
+    return {
+        element: container,
+        disposables
+    };
+}
+function renderAgentResponseContent(event) {
+    const disposables = ( new DisposableStore());
+    const container = $("div.chat-debug-message-content");
+    container.tabIndex = 0;
+    append(
+        container,
+        $("div.chat-debug-message-content-title", undefined, ( localize(5730, "Agent Response")))
+    );
+    append(
+        container,
+        $("div.chat-debug-message-content-summary", undefined, event.message)
+    );
+    if (event.sections.length > 0) {
+        const sectionsContainer = append(container, $("div.chat-debug-message-sections"));
+        append(
+            sectionsContainer,
+            $("div.chat-debug-message-sections-label", undefined, ( localize(5731, "Response Sections ({0})", event.sections.length)))
+        );
+        for (const section of event.sections) {
+            renderCollapsibleSection(sectionsContainer, section, disposables);
+        }
+    }
+    return {
+        element: container,
+        disposables
+    };
+}
+function messageEventToPlainText(event) {
+    const lines = [];
+    const label = event.kind === "userMessage" ? ( localize(5728, "User Message")) : ( localize(5730, "Agent Response"));
+    lines.push(`${label}: ${event.message}`);
+    lines.push("");
+    for (const section of event.sections) {
+        lines.push(`--- ${section.name} ---`);
+        lines.push(section.content);
+        lines.push("");
+    }
+    return lines.join("\n");
+}
+function renderResolvedMessageContent(content) {
+    const disposables = ( new DisposableStore());
+    const container = $("div.chat-debug-message-content");
+    container.tabIndex = 0;
+    const title = content.type === "user" ? ( localize(5728, "User Message")) : ( localize(5730, "Agent Response"));
+    append(container, $("div.chat-debug-message-content-title", undefined, title));
+    append(
+        container,
+        $("div.chat-debug-message-content-summary", undefined, content.message)
+    );
+    if (content.sections.length > 0) {
+        const sectionsContainer = append(container, $("div.chat-debug-message-sections"));
+        const label = content.type === "user" ? ( localize(5729, "Prompt Sections ({0})", content.sections.length)) : ( localize(5731, "Response Sections ({0})", content.sections.length));
+        append(
+            sectionsContainer,
+            $("div.chat-debug-message-sections-label", undefined, label)
+        );
+        for (const section of content.sections) {
+            renderCollapsibleSection(sectionsContainer, section, disposables);
+        }
+    }
+    return {
+        element: container,
+        disposables
+    };
+}
+function resolvedMessageToPlainText(content) {
+    const lines = [];
+    const label = content.type === "user" ? ( localize(5728, "User Message")) : ( localize(5730, "Agent Response"));
+    lines.push(`${label}: ${content.message}`);
+    lines.push("");
+    for (const section of content.sections) {
+        lines.push(`--- ${section.name} ---`);
+        lines.push(section.content);
+        lines.push("");
+    }
+    return lines.join("\n");
+}
+
+export { messageEventToPlainText, renderAgentResponseContent, renderResolvedMessageContent, renderUserMessageContent, resolvedMessageToPlainText };

package/vscode/src/vs/workbench/contrib/chat/browser/chatDebug/chatDebugModelTurnContentRenderer.d.ts

@@ -0,0 +1,14 @@
+import { DisposableStore } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { IChatDebugEventModelTurnContent } from "../../common/chatDebugService.js";
+/**
+ * Render a resolved model turn content with structured display of
+ * request metadata, token usage, and timing.
+ */
+export declare function renderModelTurnContent(content: IChatDebugEventModelTurnContent): {
+    element: HTMLElement;
+    disposables: DisposableStore;
+};
+/**
+ * Convert a resolved model turn content to plain text for clipboard / editor output.
+ */
+export declare function modelTurnContentToPlainText(content: IChatDebugEventModelTurnContent): string;