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

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

@@ -0,0 +1,126 @@
+
+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 renderModelTurnContent(content) {
+    const disposables = ( new DisposableStore());
+    const container = $("div.chat-debug-message-content");
+    container.tabIndex = 0;
+    append(
+        container,
+        $("div.chat-debug-message-content-title", undefined, ( localize(5732, "Model Turn")))
+    );
+    const statusParts = [];
+    if (content.requestName) {
+        statusParts.push(content.requestName);
+    }
+    if (content.model) {
+        statusParts.push(content.model);
+    }
+    if (content.status) {
+        statusParts.push(content.status);
+    }
+    if (content.durationInMillis !== undefined) {
+        statusParts.push(( localize(5733, "{0}ms", content.durationInMillis)));
+    }
+    if (statusParts.length > 0) {
+        append(container, $(
+            "div.chat-debug-message-content-summary",
+            undefined,
+            statusParts.join(" · ")
+        ));
+    }
+    const detailsContainer = append(container, $("div.chat-debug-model-turn-details"));
+    if (content.inputTokens !== undefined) {
+        append(detailsContainer, $("div", undefined, ( localize(5734, "Input tokens: {0}", content.inputTokens))));
+    }
+    if (content.outputTokens !== undefined) {
+        append(detailsContainer, $("div", undefined, ( localize(5735, "Output tokens: {0}", content.outputTokens))));
+    }
+    if (content.cachedTokens !== undefined) {
+        append(detailsContainer, $("div", undefined, ( localize(5736, "Cached tokens: {0}", content.cachedTokens))));
+    }
+    if (content.totalTokens !== undefined) {
+        append(detailsContainer, $("div", undefined, ( localize(5737, "Total tokens: {0}", content.totalTokens))));
+    }
+    if (content.timeToFirstTokenInMillis !== undefined) {
+        append(detailsContainer, $("div", undefined, ( localize(5738, "Time to first token: {0}ms", content.timeToFirstTokenInMillis))));
+    }
+    if (content.maxInputTokens !== undefined) {
+        append(detailsContainer, $("div", undefined, ( localize(5739, "Max input tokens: {0}", content.maxInputTokens))));
+    }
+    if (content.maxOutputTokens !== undefined) {
+        append(detailsContainer, $("div", undefined, ( localize(5740, "Max output tokens: {0}", content.maxOutputTokens))));
+    }
+    if (content.errorMessage) {
+        append(
+            detailsContainer,
+            $("div.chat-debug-model-turn-error", undefined, ( localize(5741, "Error: {0}", content.errorMessage)))
+        );
+    }
+    if (content.sections && content.sections.length > 0) {
+        const sectionsContainer = append(container, $("div.chat-debug-message-sections"));
+        append(
+            sectionsContainer,
+            $("div.chat-debug-message-sections-label", undefined, ( localize(5742, "Sections ({0})", content.sections.length)))
+        );
+        for (const section of content.sections) {
+            renderCollapsibleSection(sectionsContainer, section, disposables);
+        }
+    }
+    return {
+        element: container,
+        disposables
+    };
+}
+function modelTurnContentToPlainText(content) {
+    const lines = [];
+    lines.push(( localize(5743, "Request: {0}", content.requestName)));
+    if (content.model) {
+        lines.push(( localize(5744, "Model: {0}", content.model)));
+    }
+    if (content.status) {
+        lines.push(( localize(5745, "Status: {0}", content.status)));
+    }
+    if (content.durationInMillis !== undefined) {
+        lines.push(( localize(5746, "Duration: {0}ms", content.durationInMillis)));
+    }
+    if (content.timeToFirstTokenInMillis !== undefined) {
+        lines.push(( localize(5747, "Time to first token: {0}ms", content.timeToFirstTokenInMillis)));
+    }
+    if (content.inputTokens !== undefined) {
+        lines.push(( localize(5748, "Input tokens: {0}", content.inputTokens)));
+    }
+    if (content.outputTokens !== undefined) {
+        lines.push(( localize(5749, "Output tokens: {0}", content.outputTokens)));
+    }
+    if (content.cachedTokens !== undefined) {
+        lines.push(( localize(5750, "Cached tokens: {0}", content.cachedTokens)));
+    }
+    if (content.totalTokens !== undefined) {
+        lines.push(( localize(5751, "Total tokens: {0}", content.totalTokens)));
+    }
+    if (content.maxInputTokens !== undefined) {
+        lines.push(( localize(5752, "Max input tokens: {0}", content.maxInputTokens)));
+    }
+    if (content.maxOutputTokens !== undefined) {
+        lines.push(( localize(5753, "Max output tokens: {0}", content.maxOutputTokens)));
+    }
+    if (content.errorMessage) {
+        lines.push(( localize(5754, "Error: {0}", content.errorMessage)));
+    }
+    if (content.sections && content.sections.length > 0) {
+        lines.push("");
+        for (const section of content.sections) {
+            lines.push(`--- ${section.name} ---`);
+            lines.push(section.content);
+            lines.push("");
+        }
+    }
+    return lines.join("\n");
+}
+
+export { modelTurnContentToPlainText, renderModelTurnContent };

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

@@ -0,0 +1,38 @@
+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 { 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 { IChatSessionsService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatSessionsService.service";
+import { IChatWidgetService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat.service";
+export declare enum OverviewNavigation {
+    Home = "home",
+    Logs = "logs",
+    FlowChart = "flowchart"
+}
+export declare class ChatDebugOverviewView extends Disposable {
+    private readonly chatService;
+    private readonly chatDebugService;
+    private readonly chatWidgetService;
+    private readonly chatSessionsService;
+    private readonly _onNavigate;
+    readonly onNavigate: import("@codingame/monaco-vscode-api/vscode/vs/base/common/event").Event<OverviewNavigation>;
+    readonly container: HTMLElement;
+    private readonly content;
+    private readonly breadcrumbWidget;
+    private readonly loadDisposables;
+    private currentSessionResource;
+    private metricsContainer;
+    private isFirstLoad;
+    constructor(parent: HTMLElement, chatService: IChatService, chatDebugService: IChatDebugService, chatWidgetService: IChatWidgetService, chatSessionsService: IChatSessionsService);
+    setSession(sessionResource: URI): void;
+    show(): void;
+    hide(): void;
+    refresh(): void;
+    updateBreadcrumb(): void;
+    private load;
+    private renderSessionDetails;
+    private getLocationLabel;
+    private renderDerivedOverview;
+    private renderMetricsShimmer;
+    private renderMetricsContent;
+}

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

@@ -0,0 +1,279 @@
+
+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, DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { defaultBreadcrumbsWidgetStyles, defaultButtonStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
+import { ChatDebugLogLevel } from '../../common/chatDebugService.js';
+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 { ChatAgentLocation } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/constants';
+import { IChatSessionsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatSessionsService.service';
+import { LocalChatSessionUri, getChatSessionType } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/model/chatUri';
+import { IChatWidgetService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat.service';
+import { setupBreadcrumbKeyboardNavigation, TextBreadcrumbItem } from './chatDebugTypes.js';
+
+const $ = $$1;
+var OverviewNavigation;
+(function(OverviewNavigation) {
+    OverviewNavigation["Home"] = "home";
+    OverviewNavigation["Logs"] = "logs";
+    OverviewNavigation["FlowChart"] = "flowchart";
+})(OverviewNavigation || (OverviewNavigation = {}));
+let ChatDebugOverviewView = class ChatDebugOverviewView extends Disposable {
+    constructor(
+        parent,
+        chatService,
+        chatDebugService,
+        chatWidgetService,
+        chatSessionsService
+    ) {
+        super();
+        this.chatService = chatService;
+        this.chatDebugService = chatDebugService;
+        this.chatWidgetService = chatWidgetService;
+        this.chatSessionsService = chatSessionsService;
+        this._onNavigate = this._register(( new Emitter()));
+        this.onNavigate = this._onNavigate.event;
+        this.loadDisposables = this._register(( new DisposableStore()));
+        this.isFirstLoad = true;
+        this.container = append(parent, $(".chat-debug-overview"));
+        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(OverviewNavigation.Home);
+                }
+            }
+        }));
+        this.content = append(this.container, $(".chat-debug-overview-content"));
+    }
+    setSession(sessionResource) {
+        this.currentSessionResource = sessionResource;
+        this.isFirstLoad = true;
+    }
+    show() {
+        show(this.container);
+        this.load();
+    }
+    hide() {
+        hide(this.container);
+    }
+    refresh() {
+        if (this.container.style.display !== "none") {
+            if (this.metricsContainer && this.currentSessionResource) {
+                clearNode(this.metricsContainer);
+                const events = this.chatDebugService.getEvents(this.currentSessionResource);
+                this.renderMetricsContent(this.metricsContainer, events);
+                this.isFirstLoad = false;
+            } else {
+                this.load();
+            }
+        }
+    }
+    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(5755, "Agent Debug Panel")), true)), ( new TextBreadcrumbItem(sessionTitle))]);
+    }
+    load() {
+        clearNode(this.content);
+        this.loadDisposables.clear();
+        this.updateBreadcrumb();
+        if (!this.currentSessionResource) {
+            return;
+        }
+        const sessionTitle = this.chatService.getSessionTitle(this.currentSessionResource) || LocalChatSessionUri.parseLocalSessionId(this.currentSessionResource) || ( this.currentSessionResource.toString());
+        const titleRow = append(this.content, $(".chat-debug-overview-title-row"));
+        const titleEl = append(titleRow, $("h2.chat-debug-overview-title"));
+        append(titleEl, $(`span${ThemeIcon.asCSSSelector(Codicon.comment)}`));
+        titleEl.append(sessionTitle);
+        const titleActions = append(titleRow, $(".chat-debug-overview-title-actions"));
+        const revealSessionBtn = this.loadDisposables.add(( new Button(titleActions, {
+            ariaLabel: ( localize(5756, "Reveal Chat Session")),
+            title: ( localize(5756, "Reveal Chat Session"))
+        })));
+        revealSessionBtn.element.classList.add("chat-debug-icon-button");
+        revealSessionBtn.icon = Codicon.goToFile;
+        this.loadDisposables.add(revealSessionBtn.onDidClick(() => {
+            if (this.currentSessionResource) {
+                this.chatWidgetService.openSession(this.currentSessionResource);
+            }
+        }));
+        this.renderSessionDetails(this.currentSessionResource);
+        const events = this.chatDebugService.getEvents(this.currentSessionResource);
+        this.renderDerivedOverview(events, this.isFirstLoad && events.length === 0);
+        this.isFirstLoad = false;
+    }
+    renderSessionDetails(sessionUri) {
+        const model = this.chatService.getSession(sessionUri);
+        const details = [];
+        const sessionType = getChatSessionType(sessionUri);
+        const contribution = this.chatSessionsService.getChatSessionContribution(sessionType);
+        const sessionTypeName = contribution?.displayName || (sessionType === "local" ? ( localize(5757, "Local")) : sessionType);
+        details.push({
+            label: ( localize(5758, "Session Type")),
+            value: sessionTypeName
+        });
+        if (model) {
+            const locationLabel = this.getLocationLabel(model.initialLocation);
+            details.push({
+                label: ( localize(5759, "Location")),
+                value: locationLabel
+            });
+            const inProgress = model.requestInProgress.get();
+            const statusLabel = inProgress ? ( localize(5760, "In Progress")) : ( localize(5761, "Idle"));
+            details.push({
+                label: ( localize(5762, "Status")),
+                value: statusLabel
+            });
+            const timing = model.timing;
+            details.push({
+                label: ( localize(5763, "Created")),
+                value: ( new Date(timing.created)).toLocaleString()
+            });
+            if (timing.lastRequestEnded) {
+                details.push({
+                    label: ( localize(5764, "Last Activity")),
+                    value: ( new Date(timing.lastRequestEnded)).toLocaleString()
+                });
+            } else if (timing.lastRequestStarted) {
+                details.push({
+                    label: ( localize(5764, "Last Activity")),
+                    value: ( new Date(timing.lastRequestStarted)).toLocaleString()
+                });
+            }
+        }
+        if (details.length > 0) {
+            const section = append(this.content, $(".chat-debug-overview-section"));
+            append(
+                section,
+                $("h3.chat-debug-overview-section-label", undefined, ( localize(5765, "Session Details")))
+            );
+            const detailsGrid = append(section, $(".chat-debug-overview-details"));
+            for (const detail of details) {
+                const row = append(detailsGrid, $(".chat-debug-overview-detail-row"));
+                append(row, $("span.chat-debug-overview-detail-label", undefined, detail.label));
+                append(row, $("span.chat-debug-overview-detail-value", undefined, detail.value));
+            }
+        }
+    }
+    getLocationLabel(location) {
+        switch (location) {
+        case ChatAgentLocation.Chat:
+            return localize(5766, "Chat Panel");
+        case ChatAgentLocation.Terminal:
+            return localize(5767, "Terminal");
+        case ChatAgentLocation.Notebook:
+            return localize(5768, "Notebook");
+        case ChatAgentLocation.EditorInline:
+            return localize(5769, "Editor Inline");
+        default:
+            return String(location);
+        }
+    }
+    renderDerivedOverview(events, showShimmer) {
+        const metricsSection = append(this.content, $(".chat-debug-overview-section"));
+        append(
+            metricsSection,
+            $("h3.chat-debug-overview-section-label", undefined, ( localize(5770, "Summary")))
+        );
+        this.metricsContainer = append(metricsSection, $(".chat-debug-overview-metrics"));
+        if (showShimmer) {
+            this.renderMetricsShimmer(this.metricsContainer);
+        } else {
+            this.renderMetricsContent(this.metricsContainer, events);
+        }
+        const actionsSection = append(this.content, $(".chat-debug-overview-section"));
+        append(
+            actionsSection,
+            $("h3.chat-debug-overview-section-label", undefined, ( localize(5771, "Explore Trace Data")))
+        );
+        const row = append(actionsSection, $(".chat-debug-overview-actions"));
+        const viewLogsBtn = this.loadDisposables.add(( new Button(row, {
+            ...defaultButtonStyles,
+            secondary: true,
+            supportIcons: true,
+            title: ( localize(5772, "View Logs"))
+        })));
+        viewLogsBtn.element.classList.add("chat-debug-overview-action-button");
+        viewLogsBtn.label = `$(list-flat) ${( localize(5772, "View Logs"))}`;
+        this.loadDisposables.add(viewLogsBtn.onDidClick(() => {
+            this._onNavigate.fire(OverviewNavigation.Logs);
+        }));
+        const flowChartBtn = this.loadDisposables.add(( new Button(row, {
+            ...defaultButtonStyles,
+            secondary: true,
+            supportIcons: true,
+            title: ( localize(5773, "Agent Flow Chart"))
+        })));
+        flowChartBtn.element.classList.add("chat-debug-overview-action-button");
+        flowChartBtn.label = `$(type-hierarchy) ${( localize(5773, "Agent Flow Chart"))}`;
+        this.loadDisposables.add(flowChartBtn.onDidClick(() => {
+            this._onNavigate.fire(OverviewNavigation.FlowChart);
+        }));
+    }
+    renderMetricsShimmer(container) {
+        const placeholderLabels = [( localize(5774, "Model Turns")), ( localize(5775, "Tool Calls")), ( localize(5776, "Total Tokens")), ( localize(5777, "Errors")), ( localize(5778, "Total Events"))];
+        for (const label of placeholderLabels) {
+            const card = append(container, $(".chat-debug-overview-metric-card"));
+            append(card, $("div.chat-debug-overview-metric-label", undefined, label));
+            const valueEl = append(card, $("div.chat-debug-overview-metric-value"));
+            const shimmer = append(valueEl, $("span.chat-debug-overview-metric-shimmer"));
+            shimmer.textContent = " ";
+        }
+    }
+    renderMetricsContent(container, events) {
+        const modelTurns = events.filter(e => e.kind === "modelTurn");
+        const toolCalls = events.filter(e => e.kind === "toolCall");
+        const errors = events.filter(
+            e => (e.kind === "generic" && e.level === ChatDebugLogLevel.Error) || (e.kind === "toolCall" && e.result === "error")
+        );
+        const totalTokens = modelTurns.reduce((sum, e) => sum + (e.totalTokens ?? 0), 0);
+        const metrics = [{
+            label: ( localize(5774, "Model Turns")),
+            value: String(modelTurns.length)
+        }, {
+            label: ( localize(5775, "Tool Calls")),
+            value: String(toolCalls.length)
+        }, {
+            label: ( localize(5776, "Total Tokens")),
+            value: totalTokens.toLocaleString()
+        }, {
+            label: ( localize(5777, "Errors")),
+            value: String(errors.length)
+        }, {
+            label: ( localize(5778, "Total Events")),
+            value: String(events.length)
+        }];
+        for (const metric of metrics) {
+            const card = append(container, $(".chat-debug-overview-metric-card"));
+            append(card, $("div.chat-debug-overview-metric-label", undefined, metric.label));
+            append(card, $("div.chat-debug-overview-metric-value", undefined, metric.value));
+        }
+    }
+};
+ChatDebugOverviewView = ( __decorate([( __param(1, IChatService)), ( __param(2, IChatDebugService)), ( __param(3, IChatWidgetService)), ( __param(4, IChatSessionsService))], ChatDebugOverviewView));
+
+export { ChatDebugOverviewView, OverviewNavigation };

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

@@ -0,0 +1,18 @@
+import { DisposableStore } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { ILanguageService } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language.service";
+import { IChatDebugEventToolCallContent } from "../../common/chatDebugService.js";
+/**
+ * Render a resolved tool call content with structured sections for
+ * tool name, status, duration, arguments, and output.
+ * Reuses the existing message content and collapsible section components.
+ * When JSON is detected in input/output, renders it with syntax highlighting
+ * using the editor's tokenization.
+ */
+export declare function renderToolCallContent(content: IChatDebugEventToolCallContent, languageService: ILanguageService): Promise<{
+    element: HTMLElement;
+    disposables: DisposableStore;
+}>;
+/**
+ * Convert a resolved tool call content to plain text for clipboard / editor output.
+ */
+export declare function toolCallContentToPlainText(content: IChatDebugEventToolCallContent): string;

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

@@ -0,0 +1,122 @@
+
+import { $ as $$1, append } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { createTrustedTypesPolicy } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/trustedTypes';
+import { DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { tokenizeToString } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/textToHtmlTokenizer';
+import { setupCollapsibleToggle } from './chatDebugCollapsible.js';
+
+const $ = $$1;
+const _ttpPolicy = createTrustedTypesPolicy("chatDebugTokenizer", {
+    createHTML(html) {
+        return html;
+    }
+});
+function tryParseJSON(text) {
+    try {
+        return {
+            parsed: JSON.parse(text),
+            isJSON: true
+        };
+    } catch {
+        return {
+            isJSON: false
+        };
+    }
+}
+function renderSection(
+    parent,
+    label,
+    plainText,
+    tokenizedHtml,
+    disposables,
+    initiallyCollapsed = false
+) {
+    const sectionEl = append(parent, $("div.chat-debug-message-section"));
+    const header = append(sectionEl, $("div.chat-debug-message-section-header"));
+    const chevron = append(header, $("span.chat-debug-message-section-chevron"));
+    append(header, $("span.chat-debug-message-section-title", undefined, label));
+    const wrapper = append(sectionEl, $("div.chat-debug-message-section-content-wrapper"));
+    const contentEl = append(wrapper, $("pre.chat-debug-message-section-content"));
+    contentEl.tabIndex = 0;
+    if (tokenizedHtml) {
+        const trustedHtml = _ttpPolicy?.createHTML(tokenizedHtml) ?? tokenizedHtml;
+        contentEl.innerHTML = trustedHtml;
+    } else {
+        contentEl.textContent = plainText;
+    }
+    setupCollapsibleToggle(chevron, header, wrapper, disposables, initiallyCollapsed);
+}
+async function renderToolCallContent(content, languageService) {
+    const disposables = ( new DisposableStore());
+    const container = $("div.chat-debug-message-content");
+    container.tabIndex = 0;
+    append(
+        container,
+        $("div.chat-debug-message-content-title", undefined, content.toolName)
+    );
+    const statusParts = [];
+    if (content.result) {
+        statusParts.push(content.result === "success" ? ( localize(5779, "Success")) : ( localize(5780, "Error")));
+    }
+    if (content.durationInMillis !== undefined) {
+        statusParts.push(( localize(5781, "{0}ms", content.durationInMillis)));
+    }
+    if (statusParts.length > 0) {
+        append(container, $(
+            "div.chat-debug-message-content-summary",
+            undefined,
+            statusParts.join(" · ")
+        ));
+    }
+    const sectionsContainer = append(container, $("div.chat-debug-message-sections"));
+    if (content.input) {
+        const result = tryParseJSON(content.input);
+        const plainText = result.isJSON ? JSON.stringify(result.parsed, null, 2) : content.input;
+        const tokenizedHtml = result.isJSON ? await tokenizeToString(languageService, plainText, "json") : undefined;
+        renderSection(sectionsContainer, ( localize(5782, "Arguments")), plainText, tokenizedHtml, disposables);
+    }
+    if (content.output) {
+        const result = tryParseJSON(content.output);
+        const plainText = result.isJSON ? JSON.stringify(result.parsed, null, 2) : content.output;
+        const tokenizedHtml = result.isJSON ? await tokenizeToString(languageService, plainText, "json") : undefined;
+        renderSection(sectionsContainer, ( localize(5783, "Output")), plainText, tokenizedHtml, disposables);
+    }
+    return {
+        element: container,
+        disposables
+    };
+}
+function toolCallContentToPlainText(content) {
+    const lines = [];
+    lines.push(( localize(5784, "Tool: {0}", content.toolName)));
+    if (content.result) {
+        lines.push(( localize(5785, "Status: {0}", content.result)));
+    }
+    if (content.durationInMillis !== undefined) {
+        lines.push(( localize(5786, "Duration: {0}ms", content.durationInMillis)));
+    }
+    if (content.input) {
+        lines.push("");
+        lines.push(`[${( localize(5782, "Arguments"))}]`);
+        try {
+            const parsed = JSON.parse(content.input);
+            lines.push(JSON.stringify(parsed, null, 2));
+        } catch {
+            lines.push(content.input);
+        }
+    }
+    if (content.output) {
+        lines.push("");
+        lines.push(`[${( localize(5783, "Output"))}]`);
+        try {
+            const parsed = JSON.parse(content.output);
+            lines.push(JSON.stringify(parsed, null, 2));
+        } catch {
+            lines.push(content.output);
+        }
+    }
+    return lines.join("\n");
+}
+
+export { renderToolCallContent, toolCallContentToPlainText };

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

@@ -0,0 +1,47 @@
+import { BreadcrumbsItem, BreadcrumbsWidget } from "@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/breadcrumbs/breadcrumbsWidget";
+import { IDisposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { URI } from "@codingame/monaco-vscode-api/vscode/vs/base/common/uri";
+import { RawContextKey } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey";
+import { IEditorOptions } from "@codingame/monaco-vscode-api/vscode/vs/platform/editor/common/editor";
+/**
+ * Options passed to the chat debug editor pane to control
+ * which session and view to navigate to.
+ */
+export interface IChatDebugEditorOptions extends IEditorOptions {
+    readonly sessionResource?: URI;
+    readonly viewHint?: "home" | "overview" | "logs" | "flowchart";
+    /** When set, automatically applies this text as the log filter. */
+    readonly filter?: string;
+}
+export declare enum ViewState {
+    Home = "home",
+    Overview = "overview",
+    Logs = "logs",
+    FlowChart = "flowchart"
+}
+export declare enum LogsViewMode {
+    List = "list",
+    Tree = "tree"
+}
+export declare const CHAT_DEBUG_FILTER_ACTIVE: RawContextKey<boolean>;
+export declare const CHAT_DEBUG_KIND_TOOL_CALL: RawContextKey<boolean>;
+export declare const CHAT_DEBUG_KIND_MODEL_TURN: RawContextKey<boolean>;
+export declare const CHAT_DEBUG_KIND_PROMPT_DISCOVERY: RawContextKey<boolean>;
+export declare const CHAT_DEBUG_KIND_SUBAGENT: RawContextKey<boolean>;
+export declare const CHAT_DEBUG_CMD_TOGGLE_TOOL_CALL = "chatDebug.filter.toggleToolCall";
+export declare const CHAT_DEBUG_CMD_TOGGLE_MODEL_TURN = "chatDebug.filter.toggleModelTurn";
+export declare const CHAT_DEBUG_CMD_TOGGLE_PROMPT_DISCOVERY = "chatDebug.filter.togglePromptDiscovery";
+export declare const CHAT_DEBUG_CMD_TOGGLE_SUBAGENT = "chatDebug.filter.toggleSubagent";
+export declare class TextBreadcrumbItem extends BreadcrumbsItem {
+    private readonly _text;
+    private readonly _isLink;
+    constructor(_text: string, _isLink?: boolean);
+    equals(other: BreadcrumbsItem): boolean;
+    dispose(): void;
+    render(container: HTMLElement): void;
+}
+/**
+ * Wire up Left/Right arrow, Home/End, and Enter keyboard navigation
+ * on a BreadcrumbsWidget container.
+ */
+export declare function setupBreadcrumbKeyboardNavigation(container: HTMLElement, widget: BreadcrumbsWidget): IDisposable;