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

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(5659, "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(5660, "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(5661, "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(5662, "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(5659, "User Message")) : ( localize(5661, "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(5659, "User Message")) : ( localize(5661, "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(5660, "Prompt Sections ({0})", content.sections.length)) : ( localize(5662, "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(5659, "User Message")) : ( localize(5661, "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;

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(5663, "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(5664, "{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(5665, "Input tokens: {0}", content.inputTokens))));
+    }
+    if (content.outputTokens !== undefined) {
+        append(detailsContainer, $("div", undefined, ( localize(5666, "Output tokens: {0}", content.outputTokens))));
+    }
+    if (content.cachedTokens !== undefined) {
+        append(detailsContainer, $("div", undefined, ( localize(5667, "Cached tokens: {0}", content.cachedTokens))));
+    }
+    if (content.totalTokens !== undefined) {
+        append(detailsContainer, $("div", undefined, ( localize(5668, "Total tokens: {0}", content.totalTokens))));
+    }
+    if (content.timeToFirstTokenInMillis !== undefined) {
+        append(detailsContainer, $("div", undefined, ( localize(5669, "Time to first token: {0}ms", content.timeToFirstTokenInMillis))));
+    }
+    if (content.maxInputTokens !== undefined) {
+        append(detailsContainer, $("div", undefined, ( localize(5670, "Max input tokens: {0}", content.maxInputTokens))));
+    }
+    if (content.maxOutputTokens !== undefined) {
+        append(detailsContainer, $("div", undefined, ( localize(5671, "Max output tokens: {0}", content.maxOutputTokens))));
+    }
+    if (content.errorMessage) {
+        append(
+            detailsContainer,
+            $("div.chat-debug-model-turn-error", undefined, ( localize(5672, "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(5673, "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(5674, "Request: {0}", content.requestName)));
+    if (content.model) {
+        lines.push(( localize(5675, "Model: {0}", content.model)));
+    }
+    if (content.status) {
+        lines.push(( localize(5676, "Status: {0}", content.status)));
+    }
+    if (content.durationInMillis !== undefined) {
+        lines.push(( localize(5677, "Duration: {0}ms", content.durationInMillis)));
+    }
+    if (content.timeToFirstTokenInMillis !== undefined) {
+        lines.push(( localize(5678, "Time to first token: {0}ms", content.timeToFirstTokenInMillis)));
+    }
+    if (content.inputTokens !== undefined) {
+        lines.push(( localize(5679, "Input tokens: {0}", content.inputTokens)));
+    }
+    if (content.outputTokens !== undefined) {
+        lines.push(( localize(5680, "Output tokens: {0}", content.outputTokens)));
+    }
+    if (content.cachedTokens !== undefined) {
+        lines.push(( localize(5681, "Cached tokens: {0}", content.cachedTokens)));
+    }
+    if (content.totalTokens !== undefined) {
+        lines.push(( localize(5682, "Total tokens: {0}", content.totalTokens)));
+    }
+    if (content.maxInputTokens !== undefined) {
+        lines.push(( localize(5683, "Max input tokens: {0}", content.maxInputTokens)));
+    }
+    if (content.maxOutputTokens !== undefined) {
+        lines.push(( localize(5684, "Max output tokens: {0}", content.maxOutputTokens)));
+    }
+    if (content.errorMessage) {
+        lines.push(( localize(5685, "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(5686, "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(5687, "Reveal Chat Session")),
+            title: ( localize(5687, "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(5688, "Local")) : sessionType);
+        details.push({
+            label: ( localize(5689, "Session Type")),
+            value: sessionTypeName
+        });
+        if (model) {
+            const locationLabel = this.getLocationLabel(model.initialLocation);
+            details.push({
+                label: ( localize(5690, "Location")),
+                value: locationLabel
+            });
+            const inProgress = model.requestInProgress.get();
+            const statusLabel = inProgress ? ( localize(5691, "In Progress")) : ( localize(5692, "Idle"));
+            details.push({
+                label: ( localize(5693, "Status")),
+                value: statusLabel
+            });
+            const timing = model.timing;
+            details.push({
+                label: ( localize(5694, "Created")),
+                value: ( new Date(timing.created)).toLocaleString()
+            });
+            if (timing.lastRequestEnded) {
+                details.push({
+                    label: ( localize(5695, "Last Activity")),
+                    value: ( new Date(timing.lastRequestEnded)).toLocaleString()
+                });
+            } else if (timing.lastRequestStarted) {
+                details.push({
+                    label: ( localize(5695, "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(5696, "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(5697, "Chat Panel");
+        case ChatAgentLocation.Terminal:
+            return localize(5698, "Terminal");
+        case ChatAgentLocation.Notebook:
+            return localize(5699, "Notebook");
+        case ChatAgentLocation.EditorInline:
+            return localize(5700, "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(5701, "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(5702, "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(5703, "View Logs"))
+        })));
+        viewLogsBtn.element.classList.add("chat-debug-overview-action-button");
+        viewLogsBtn.label = `$(list-flat) ${( localize(5703, "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(5704, "Agent Flow Chart"))
+        })));
+        flowChartBtn.element.classList.add("chat-debug-overview-action-button");
+        flowChartBtn.label = `$(type-hierarchy) ${( localize(5704, "Agent Flow Chart"))}`;
+        this.loadDisposables.add(flowChartBtn.onDidClick(() => {
+            this._onNavigate.fire(OverviewNavigation.FlowChart);
+        }));
+    }
+    renderMetricsShimmer(container) {
+        const placeholderLabels = [( localize(5705, "Model Turns")), ( localize(5706, "Tool Calls")), ( localize(5707, "Total Tokens")), ( localize(5708, "Errors")), ( localize(5709, "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(5705, "Model Turns")),
+            value: String(modelTurns.length)
+        }, {
+            label: ( localize(5706, "Tool Calls")),
+            value: String(toolCalls.length)
+        }, {
+            label: ( localize(5707, "Total Tokens")),
+            value: totalTokens.toLocaleString()
+        }, {
+            label: ( localize(5708, "Errors")),
+            value: String(errors.length)
+        }, {
+            label: ( localize(5709, "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;