@codingame/monaco-vscode-chat-service-override 28.4.0 → 29.0.0

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

@@ -2,16 +2,18 @@
 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';
+import { tokenizeContent, renderSection } from './chatDebugToolCallContentRenderer.js';
+import { safeIntl } from '@codingame/monaco-vscode-api/vscode/vs/base/common/date';
 
 const $ = $$1;
-function renderModelTurnContent(content) {
+const numberFormatter = safeIntl.NumberFormat();
+async function renderModelTurnContent(content, languageService, clipboardService, scrollable) {
     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")))
+        $("div.chat-debug-message-content-title", undefined, ( localize(5862, "Model Turn")))
     );
     const statusParts = [];
     if (content.requestName) {
@@ -20,11 +22,11 @@ function renderModelTurnContent(content) {
     if (content.model) {
         statusParts.push(content.model);
     }
-    if (content.status) {
+    if (content.status && content.status !== "unknown") {
         statusParts.push(content.status);
     }
     if (content.durationInMillis !== undefined) {
-        statusParts.push(( localize(5733, "{0}ms", content.durationInMillis)));
+        statusParts.push(( localize(5863, "{0}ms", numberFormatter.value.format(content.durationInMillis))));
     }
     if (statusParts.length > 0) {
         append(container, $(
@@ -35,40 +37,81 @@ function renderModelTurnContent(content) {
     }
     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))));
+        append(detailsContainer, $("div", undefined, ( localize(
+            5864,
+            "Input tokens: {0}",
+            numberFormatter.value.format(content.inputTokens)
+        ))));
     }
     if (content.outputTokens !== undefined) {
-        append(detailsContainer, $("div", undefined, ( localize(5735, "Output tokens: {0}", content.outputTokens))));
+        append(detailsContainer, $("div", undefined, ( localize(
+            5865,
+            "Output tokens: {0}",
+            numberFormatter.value.format(content.outputTokens)
+        ))));
     }
     if (content.cachedTokens !== undefined) {
-        append(detailsContainer, $("div", undefined, ( localize(5736, "Cached tokens: {0}", content.cachedTokens))));
+        append(detailsContainer, $("div", undefined, ( localize(
+            5866,
+            "Cached tokens: {0}",
+            numberFormatter.value.format(content.cachedTokens)
+        ))));
     }
     if (content.totalTokens !== undefined) {
-        append(detailsContainer, $("div", undefined, ( localize(5737, "Total tokens: {0}", content.totalTokens))));
+        append(detailsContainer, $("div", undefined, ( localize(
+            5867,
+            "Total tokens: {0}",
+            numberFormatter.value.format(content.totalTokens)
+        ))));
     }
     if (content.timeToFirstTokenInMillis !== undefined) {
-        append(detailsContainer, $("div", undefined, ( localize(5738, "Time to first token: {0}ms", content.timeToFirstTokenInMillis))));
+        append(detailsContainer, $("div", undefined, ( localize(
+            5868,
+            "Time to first token: {0}ms",
+            numberFormatter.value.format(content.timeToFirstTokenInMillis)
+        ))));
     }
     if (content.maxInputTokens !== undefined) {
-        append(detailsContainer, $("div", undefined, ( localize(5739, "Max input tokens: {0}", content.maxInputTokens))));
+        append(detailsContainer, $("div", undefined, ( localize(
+            5869,
+            "Max input tokens: {0}",
+            numberFormatter.value.format(content.maxInputTokens)
+        ))));
     }
     if (content.maxOutputTokens !== undefined) {
-        append(detailsContainer, $("div", undefined, ( localize(5740, "Max output tokens: {0}", content.maxOutputTokens))));
+        append(detailsContainer, $("div", undefined, ( localize(
+            5870,
+            "Max output tokens: {0}",
+            numberFormatter.value.format(content.maxOutputTokens)
+        ))));
     }
     if (content.errorMessage) {
         append(
             detailsContainer,
-            $("div.chat-debug-model-turn-error", undefined, ( localize(5741, "Error: {0}", content.errorMessage)))
+            $("div.chat-debug-model-turn-error", undefined, ( localize(5871, "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)))
+            $("div.chat-debug-message-sections-label", undefined, ( localize(5872, "Sections ({0})", content.sections.length)))
         );
         for (const section of content.sections) {
-            renderCollapsibleSection(sectionsContainer, section, disposables);
+            const {
+                plainText,
+                tokenizedHtml
+            } = await tokenizeContent(section.content, languageService);
+            renderSection(
+                sectionsContainer,
+                section.name,
+                plainText,
+                tokenizedHtml,
+                disposables,
+                false,
+                clipboardService,
+                scrollable
+            );
         }
     }
     return {
@@ -78,39 +121,71 @@ function renderModelTurnContent(content) {
 }
 function modelTurnContentToPlainText(content) {
     const lines = [];
-    lines.push(( localize(5743, "Request: {0}", content.requestName)));
+    lines.push(( localize(5873, "Request: {0}", content.requestName)));
     if (content.model) {
-        lines.push(( localize(5744, "Model: {0}", content.model)));
+        lines.push(( localize(5874, "Model: {0}", content.model)));
     }
-    if (content.status) {
-        lines.push(( localize(5745, "Status: {0}", content.status)));
+    if (content.status && content.status !== "unknown") {
+        lines.push(( localize(5875, "Status: {0}", content.status)));
     }
     if (content.durationInMillis !== undefined) {
-        lines.push(( localize(5746, "Duration: {0}ms", content.durationInMillis)));
+        lines.push(( localize(
+            5876,
+            "Duration: {0}ms",
+            numberFormatter.value.format(content.durationInMillis)
+        )));
     }
     if (content.timeToFirstTokenInMillis !== undefined) {
-        lines.push(( localize(5747, "Time to first token: {0}ms", content.timeToFirstTokenInMillis)));
+        lines.push(( localize(
+            5877,
+            "Time to first token: {0}ms",
+            numberFormatter.value.format(content.timeToFirstTokenInMillis)
+        )));
     }
     if (content.inputTokens !== undefined) {
-        lines.push(( localize(5748, "Input tokens: {0}", content.inputTokens)));
+        lines.push(( localize(
+            5878,
+            "Input tokens: {0}",
+            numberFormatter.value.format(content.inputTokens)
+        )));
     }
     if (content.outputTokens !== undefined) {
-        lines.push(( localize(5749, "Output tokens: {0}", content.outputTokens)));
+        lines.push(( localize(
+            5879,
+            "Output tokens: {0}",
+            numberFormatter.value.format(content.outputTokens)
+        )));
     }
     if (content.cachedTokens !== undefined) {
-        lines.push(( localize(5750, "Cached tokens: {0}", content.cachedTokens)));
+        lines.push(( localize(
+            5880,
+            "Cached tokens: {0}",
+            numberFormatter.value.format(content.cachedTokens)
+        )));
     }
     if (content.totalTokens !== undefined) {
-        lines.push(( localize(5751, "Total tokens: {0}", content.totalTokens)));
+        lines.push(( localize(
+            5881,
+            "Total tokens: {0}",
+            numberFormatter.value.format(content.totalTokens)
+        )));
     }
     if (content.maxInputTokens !== undefined) {
-        lines.push(( localize(5752, "Max input tokens: {0}", content.maxInputTokens)));
+        lines.push(( localize(
+            5882,
+            "Max input tokens: {0}",
+            numberFormatter.value.format(content.maxInputTokens)
+        )));
     }
     if (content.maxOutputTokens !== undefined) {
-        lines.push(( localize(5753, "Max output tokens: {0}", content.maxOutputTokens)));
+        lines.push(( localize(
+            5883,
+            "Max output tokens: {0}",
+            numberFormatter.value.format(content.maxOutputTokens)
+        )));
     }
     if (content.errorMessage) {
-        lines.push(( localize(5754, "Error: {0}", content.errorMessage)));
+        lines.push(( localize(5884, "Error: {0}", content.errorMessage)));
     }
     if (content.sections && content.sections.length > 0) {
         lines.push("");

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

@@ -23,11 +23,13 @@ export declare class ChatDebugOverviewView extends Disposable {
     private currentSessionResource;
     private metricsContainer;
     private isFirstLoad;
+    private readonly refreshScheduler;
     constructor(parent: HTMLElement, chatService: IChatService, chatDebugService: IChatDebugService, chatWidgetService: IChatWidgetService, chatSessionsService: IChatSessionsService);
     setSession(sessionResource: URI): void;
     show(): void;
     hide(): void;
     refresh(): void;
+    private doRefresh;
     updateBreadcrumb(): void;
     private load;
     private renderSessionDetails;

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

@@ -3,22 +3,26 @@ import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib
 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 { RunOnceScheduler } from '@codingame/monaco-vscode-api/vscode/vs/base/common/async';
 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 { ChatDebugLogLevel } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatDebugService';
 import { IChatDebugService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatDebugService.service';
+import { safeIntl } from '@codingame/monaco-vscode-api/vscode/vs/base/common/date';
 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 { localChatSessionType } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatSessionsService';
 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;
+const numberFormatter = safeIntl.NumberFormat();
 var OverviewNavigation;
 (function(OverviewNavigation) {
     OverviewNavigation["Home"] = "home";
@@ -44,6 +48,7 @@ let ChatDebugOverviewView = class ChatDebugOverviewView extends Disposable {
         this.isFirstLoad = true;
         this.container = append(parent, $(".chat-debug-overview"));
         hide(this.container);
+        this.refreshScheduler = this._register(( new RunOnceScheduler(() => this.doRefresh(), 100)));
         const breadcrumbContainer = append(this.container, $(".chat-debug-breadcrumb"));
         this.breadcrumbWidget = this._register(( new BreadcrumbsWidget(
             breadcrumbContainer,
@@ -77,25 +82,31 @@ let ChatDebugOverviewView = class ChatDebugOverviewView extends Disposable {
     }
     hide() {
         hide(this.container);
+        this.refreshScheduler.cancel();
     }
     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();
+            if (!this.refreshScheduler.isScheduled()) {
+                this.refreshScheduler.schedule();
             }
         }
     }
+    doRefresh() {
+        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))]);
+        this.breadcrumbWidget.setItems([( new TextBreadcrumbItem(( localize(5885, "Agent Debug Logs")), true)), ( new TextBreadcrumbItem(sessionTitle))]);
     }
     load() {
         clearNode(this.content);
@@ -111,8 +122,8 @@ let ChatDebugOverviewView = class ChatDebugOverviewView extends Disposable {
         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"))
+            ariaLabel: ( localize(5886, "Reveal Chat Session")),
+            title: ( localize(5886, "Reveal Chat Session"))
         })));
         revealSessionBtn.element.classList.add("chat-debug-icon-button");
         revealSessionBtn.icon = Codicon.goToFile;
@@ -131,36 +142,36 @@ let ChatDebugOverviewView = class ChatDebugOverviewView extends Disposable {
         const details = [];
         const sessionType = getChatSessionType(sessionUri);
         const contribution = this.chatSessionsService.getChatSessionContribution(sessionType);
-        const sessionTypeName = contribution?.displayName || (sessionType === "local" ? ( localize(5757, "Local")) : sessionType);
+        const sessionTypeName = contribution?.displayName || (sessionType === localChatSessionType ? ( localize(5887, "Local")) : sessionType);
         details.push({
-            label: ( localize(5758, "Session Type")),
+            label: ( localize(5888, "Session Type")),
             value: sessionTypeName
         });
         if (model) {
             const locationLabel = this.getLocationLabel(model.initialLocation);
             details.push({
-                label: ( localize(5759, "Location")),
+                label: ( localize(5889, "Location")),
                 value: locationLabel
             });
             const inProgress = model.requestInProgress.get();
-            const statusLabel = inProgress ? ( localize(5760, "In Progress")) : ( localize(5761, "Idle"));
+            const statusLabel = inProgress ? ( localize(5890, "In Progress")) : ( localize(5891, "Idle"));
             details.push({
-                label: ( localize(5762, "Status")),
+                label: ( localize(5892, "Status")),
                 value: statusLabel
             });
             const timing = model.timing;
             details.push({
-                label: ( localize(5763, "Created")),
+                label: ( localize(5893, "Created")),
                 value: ( new Date(timing.created)).toLocaleString()
             });
             if (timing.lastRequestEnded) {
                 details.push({
-                    label: ( localize(5764, "Last Activity")),
+                    label: ( localize(5894, "Last Activity")),
                     value: ( new Date(timing.lastRequestEnded)).toLocaleString()
                 });
             } else if (timing.lastRequestStarted) {
                 details.push({
-                    label: ( localize(5764, "Last Activity")),
+                    label: ( localize(5894, "Last Activity")),
                     value: ( new Date(timing.lastRequestStarted)).toLocaleString()
                 });
             }
@@ -169,7 +180,7 @@ let ChatDebugOverviewView = class ChatDebugOverviewView extends Disposable {
             const section = append(this.content, $(".chat-debug-overview-section"));
             append(
                 section,
-                $("h3.chat-debug-overview-section-label", undefined, ( localize(5765, "Session Details")))
+                $("h3.chat-debug-overview-section-label", undefined, ( localize(5895, "Session Details")))
             );
             const detailsGrid = append(section, $(".chat-debug-overview-details"));
             for (const detail of details) {
@@ -182,13 +193,13 @@ let ChatDebugOverviewView = class ChatDebugOverviewView extends Disposable {
     getLocationLabel(location) {
         switch (location) {
         case ChatAgentLocation.Chat:
-            return localize(5766, "Chat Panel");
+            return localize(5896, "Chat Panel");
         case ChatAgentLocation.Terminal:
-            return localize(5767, "Terminal");
+            return localize(5897, "Terminal");
         case ChatAgentLocation.Notebook:
-            return localize(5768, "Notebook");
+            return localize(5898, "Notebook");
         case ChatAgentLocation.EditorInline:
-            return localize(5769, "Editor Inline");
+            return localize(5899, "Editor Inline");
         default:
             return String(location);
         }
@@ -197,7 +208,7 @@ let ChatDebugOverviewView = class ChatDebugOverviewView extends Disposable {
         const metricsSection = append(this.content, $(".chat-debug-overview-section"));
         append(
             metricsSection,
-            $("h3.chat-debug-overview-section-label", undefined, ( localize(5770, "Summary")))
+            $("h3.chat-debug-overview-section-label", undefined, ( localize(5900, "Summary")))
         );
         this.metricsContainer = append(metricsSection, $(".chat-debug-overview-metrics"));
         if (showShimmer) {
@@ -208,17 +219,17 @@ let ChatDebugOverviewView = class ChatDebugOverviewView extends Disposable {
         const actionsSection = append(this.content, $(".chat-debug-overview-section"));
         append(
             actionsSection,
-            $("h3.chat-debug-overview-section-label", undefined, ( localize(5771, "Explore Trace Data")))
+            $("h3.chat-debug-overview-section-label", undefined, ( localize(5901, "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"))
+            title: ( localize(5902, "View Logs"))
         })));
         viewLogsBtn.element.classList.add("chat-debug-overview-action-button");
-        viewLogsBtn.label = `$(list-flat) ${( localize(5772, "View Logs"))}`;
+        viewLogsBtn.label = `$(list-flat) ${( localize(5902, "View Logs"))}`;
         this.loadDisposables.add(viewLogsBtn.onDidClick(() => {
             this._onNavigate.fire(OverviewNavigation.Logs);
         }));
@@ -226,16 +237,16 @@ let ChatDebugOverviewView = class ChatDebugOverviewView extends Disposable {
             ...defaultButtonStyles,
             secondary: true,
             supportIcons: true,
-            title: ( localize(5773, "Agent Flow Chart"))
+            title: ( localize(5903, "Agent Flow Chart"))
         })));
         flowChartBtn.element.classList.add("chat-debug-overview-action-button");
-        flowChartBtn.label = `$(type-hierarchy) ${( localize(5773, "Agent Flow Chart"))}`;
+        flowChartBtn.label = `$(type-hierarchy) ${( localize(5903, "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"))];
+        const placeholderLabels = [( localize(5904, "Model Turns")), ( localize(5905, "Tool Calls")), ( localize(5906, "Total Tokens")), ( localize(5907, "Errors")), ( localize(5908, "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));
@@ -252,19 +263,19 @@ let ChatDebugOverviewView = class ChatDebugOverviewView extends Disposable {
         );
         const totalTokens = modelTurns.reduce((sum, e) => sum + (e.totalTokens ?? 0), 0);
         const metrics = [{
-            label: ( localize(5774, "Model Turns")),
+            label: ( localize(5904, "Model Turns")),
             value: String(modelTurns.length)
         }, {
-            label: ( localize(5775, "Tool Calls")),
+            label: ( localize(5905, "Tool Calls")),
             value: String(toolCalls.length)
         }, {
-            label: ( localize(5776, "Total Tokens")),
-            value: totalTokens.toLocaleString()
+            label: ( localize(5906, "Total Tokens")),
+            value: numberFormatter.value.format(totalTokens)
         }, {
-            label: ( localize(5777, "Errors")),
+            label: ( localize(5907, "Errors")),
             value: String(errors.length)
         }, {
-            label: ( localize(5778, "Total Events")),
+            label: ( localize(5908, "Total Events")),
             value: String(events.length)
         }];
         for (const metric of metrics) {

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

@@ -1,6 +1,30 @@
 import { DisposableStore } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { IClipboardService } from "@codingame/monaco-vscode-api/vscode/vs/platform/clipboard/common/clipboardService.service";
 import { ILanguageService } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language.service";
-import { IChatDebugEventToolCallContent } from "../../common/chatDebugService.js";
+import { IChatDebugEventToolCallContent } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatDebugService";
+export declare function tryParseJSON(text: string): {
+    parsed: unknown;
+    isJSON: true;
+} | {
+    isJSON: false;
+};
+/**
+ * Format and syntax-highlight a content string.
+ * When the content is valid JSON it is pretty-printed and tokenized as JSON;
+ * otherwise it is tokenized as markdown.
+ */
+export declare function tokenizeContent(text: string, languageService: ILanguageService): Promise<{
+    plainText: string;
+    tokenizedHtml: string;
+}>;
+/**
+ * Render a collapsible section. When `tokenizedHtml` is provided the content
+ * is rendered as syntax-highlighted HTML; otherwise plain-text is used.
+ * Optionally adds a copy button when `clipboardService` is provided.
+ */
+export declare function renderSection(parent: HTMLElement, label: string, plainText: string, tokenizedHtml: string | undefined, disposables: DisposableStore, initiallyCollapsed?: boolean, clipboardService?: IClipboardService, scrollable?: {
+    scanDomNode(): void;
+}): void;
 /**
  * Render a resolved tool call content with structured sections for
  * tool name, status, duration, arguments, and output.
@@ -8,7 +32,9 @@ import { IChatDebugEventToolCallContent } from "../../common/chatDebugService.js
  * 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<{
+export declare function renderToolCallContent(content: IChatDebugEventToolCallContent, languageService: ILanguageService, clipboardService?: IClipboardService, scrollable?: {
+    scanDomNode(): void;
+}): Promise<{
     element: HTMLElement;
     disposables: DisposableStore;
 }>;