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

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

@@ -65,13 +65,14 @@ function buildFlowGraph(events) {
     function toFlowNode(event) {
         const children = event.id ? idToChildren.get(event.id) : undefined;
         const effectiveKind = getEffectiveKind(event);
-        let sublabel = getEventSublabel(event, effectiveKind);
+        let label = getEventLabel(event, effectiveKind);
+        const sublabel = getEventSublabel(event, effectiveKind);
         let tooltip = getEventTooltip(event);
         let description;
         if (effectiveKind === "subagentInvocation") {
             description = getSubagentDescription(event);
+            label = description ? ( localize(5784, "Subagent: {0}", truncateLabel(description, 30))) : ( localize(5785, "Subagent"));
             if (description) {
-                sublabel = truncateLabel(description, 30) + (sublabel ? ` \u00b7 ${sublabel}` : "");
                 if (tooltip && !tooltip.includes(description)) {
                     const lines = tooltip.split("\n");
                     lines.splice(1, 0, description);
@@ -83,7 +84,7 @@ function buildFlowGraph(events) {
             id: event.id ?? `event-${events.indexOf(event)}`,
             kind: effectiveKind,
             category: event.kind === "generic" ? event.category : undefined,
-            label: getEventLabel(event, effectiveKind),
+            label,
             sublabel,
             description,
             tooltip,
@@ -224,13 +225,13 @@ function mergeDiscoveryNodes(nodes) {
         const mergedId = `merged-discovery:${run[0].id}`;
         const labels = ( run.map(n => n.label));
         const uniqueLabels = [...( new Set(labels))];
-        const summaryLabel = uniqueLabels.length <= 2 ? uniqueLabels.join(", ") : ( localize(5682, "{0} +{1} more", uniqueLabels[0], run.length - 1));
+        const summaryLabel = uniqueLabels.length <= 2 ? uniqueLabels.join(", ") : ( localize(5786, "{0} +{1} more", uniqueLabels[0], run.length - 1));
         result.push({
             id: mergedId,
             kind: "generic",
             category: "discovery",
             label: summaryLabel,
-            sublabel: ( localize(5683, "{0} discovery steps", run.length)),
+            sublabel: ( localize(5787, "{0} discovery steps", run.length)),
             tooltip: ( run.map(n => n.label + (n.sublabel ? `: ${n.sublabel}` : ""))).join("\n"),
             created: run[0].created,
             children: [],
@@ -281,7 +282,7 @@ function mergeToolCallNodes(nodes) {
             id: mergedId,
             kind: "toolCall",
             label: toolName,
-            sublabel: ( localize(5684, "{0} calls", run.length)),
+            sublabel: ( localize(5788, "{0} calls", run.length)),
             tooltip: ( run.map(n => n.label + (n.sublabel ? `: ${n.sublabel}` : ""))).join("\n"),
             created: run[0].created,
             children: [],
@@ -314,28 +315,17 @@ function getEventLabel(event, effectiveKind) {
     const kind = effectiveKind ?? event.kind;
     switch (kind) {
     case "userMessage":
-        return localize(5685, "User");
+        return localize(5789, "User Message");
     case "modelTurn":
-        return event.kind === "modelTurn" ? (event.model ?? ( localize(5686, "Model Turn"))) : ( localize(5686, "Model Turn"));
+        return event.kind === "modelTurn" ? (event.model ?? ( localize(5790, "Model Turn"))) : ( localize(5790, "Model Turn"));
     case "toolCall":
-        return event.kind === "toolCall" ? event.toolName : event.kind === "generic" ? event.name : "";
+        return event.kind === "toolCall" ? event.toolName : event.kind === "generic" ? event.name : ( localize(5791, "Tool Call"));
     case "subagentInvocation":
-        return event.kind === "subagentInvocation" ? event.agentName : "";
+        return event.kind === "subagentInvocation" ? event.agentName : ( localize(5792, "Subagent"));
     case "agentResponse":
-        {
-            if (event.kind === "agentResponse") {
-                return event.message || ( localize(5687, "Response"));
-            }
-            if (event.kind === "generic") {
-                const match = /\(([^)]+)\)\s*$/.exec(event.name);
-                if (match) {
-                    return match[1];
-                }
-            }
-            return localize(5687, "Response");
-        }
+        return localize(5793, "Agent Response");
     case "generic":
-        return event.kind === "generic" ? event.name : "";
+        return event.kind === "generic" ? event.name : ( localize(5794, "Event"));
     }
 }
 function getEventSublabel(event, effectiveKind) {
@@ -348,7 +338,7 @@ function getEventSublabel(event, effectiveKind) {
                 parts.push(event.requestName);
             }
             if (event.kind === "modelTurn" && event.totalTokens) {
-                parts.push(( localize(5688, "{0} tokens", event.totalTokens)));
+                parts.push(( localize(5795, "{0} tokens", event.totalTokens)));
             }
             if (event.kind === "modelTurn" && event.durationInMillis) {
                 parts.push(formatDuration(event.durationInMillis));
@@ -382,7 +372,7 @@ function getEventSublabel(event, effectiveKind) {
         {
             let text;
             if (event.kind === "userMessage" || event.kind === "agentResponse") {
-                text = event.sections[0]?.content || event.message;
+                text = event.message;
             } else if (event.kind === "generic") {
                 text = event.details;
             }
@@ -393,11 +383,14 @@ function getEventSublabel(event, effectiveKind) {
             let firstLine = "";
             for (const line of lines) {
                 const trimmed = line.trim();
-                if (trimmed) {
+                if (trimmed && trimmed.length > 2) {
                     firstLine = trimmed;
                     break;
                 }
             }
+            if (!firstLine) {
+                firstLine = text.replace(/\s+/g, " ").trim();
+            }
             if (!firstLine) {
                 return undefined;
             }
@@ -433,7 +426,7 @@ function getEventTooltip(event) {
             if (event.input) {
                 const input = event.input.trim();
                 parts.push(( localize(
-                    5689,
+                    5796,
                     "Input: {0}",
                     input.length > TOOLTIP_MAX_LENGTH ? input.substring(0, TOOLTIP_MAX_LENGTH) + "…" : input
                 )));
@@ -441,13 +434,13 @@ function getEventTooltip(event) {
             if (event.output) {
                 const output = event.output.trim();
                 parts.push(( localize(
-                    5690,
+                    5797,
                     "Output: {0}",
                     output.length > TOOLTIP_MAX_LENGTH ? output.substring(0, TOOLTIP_MAX_LENGTH) + "…" : output
                 )));
             }
             if (event.result) {
-                parts.push(( localize(5691, "Result: {0}", event.result)));
+                parts.push(( localize(5798, "Result: {0}", event.result)));
             }
             return parts.join("\n");
         }
@@ -458,13 +451,13 @@ function getEventTooltip(event) {
                 parts.push(event.description);
             }
             if (event.status) {
-                parts.push(( localize(5692, "Status: {0}", event.status)));
+                parts.push(( localize(5799, "Status: {0}", event.status)));
             }
             if (event.toolCallCount !== undefined) {
-                parts.push(( localize(5693, "Tool calls: {0}", event.toolCallCount)));
+                parts.push(( localize(5800, "Tool calls: {0}", event.toolCallCount)));
             }
             if (event.modelTurnCount !== undefined) {
-                parts.push(( localize(5694, "Model turns: {0}", event.modelTurnCount)));
+                parts.push(( localize(5801, "Model turns: {0}", event.modelTurnCount)));
             }
             return parts.join("\n");
         }
@@ -483,16 +476,16 @@ function getEventTooltip(event) {
                 parts.push(event.model);
             }
             if (event.totalTokens) {
-                parts.push(( localize(5695, "Tokens: {0}", event.totalTokens)));
+                parts.push(( localize(5802, "Tokens: {0}", event.totalTokens)));
             }
             if (event.inputTokens) {
-                parts.push(( localize(5696, "Input tokens: {0}", event.inputTokens)));
+                parts.push(( localize(5803, "Input tokens: {0}", event.inputTokens)));
             }
             if (event.outputTokens) {
-                parts.push(( localize(5697, "Output tokens: {0}", event.outputTokens)));
+                parts.push(( localize(5804, "Output tokens: {0}", event.outputTokens)));
             }
             if (event.durationInMillis) {
-                parts.push(( localize(5698, "Duration: {0}", formatDuration(event.durationInMillis))));
+                parts.push(( localize(5805, "Duration: {0}", formatDuration(event.durationInMillis))));
             }
             return parts.length > 0 ? parts.join("\n") : undefined;
         }

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

@@ -1,4 +1,5 @@
 
+import { createElementNS } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 
 const NODE_HEIGHT = 36;
 const MESSAGE_NODE_HEIGHT = 52;
@@ -114,7 +115,13 @@ function measureNodeWidth(label, sublabel) {
     return Math.min(NODE_MAX_WIDTH, Math.max(NODE_MIN_WIDTH, labelWidth, sublabelWidth));
 }
 function subgraphHeaderLabel(node) {
-    return node.description ? `${node.label}: ${node.description}` : node.label;
+    if (node.kind === "subagentInvocation") {
+        return node.label;
+    }
+    if (node.description && node.description !== node.label) {
+        return `${node.label}: ${node.description}`;
+    }
+    return node.label;
 }
 function measureSubgraphHeaderWidth(headerLabel) {
     return headerLabel.length * 6 + SUBGRAPH_PADDING * 2 + 20;
@@ -520,7 +527,7 @@ function centerLayout(layout, centerX) {
 }
 const SVG_NS = "http://www.w3.org/2000/svg";
 function svgEl(tag, attrs) {
-    const el = document.createElementNS(SVG_NS, tag);
+    const el = createElementNS(SVG_NS, tag);
     for (const [k, v] of Object.entries(attrs)) {
         el.setAttribute(k, String(v));
     }
@@ -620,7 +627,7 @@ function renderSubgraphs(svg, subgraphs, focusableElements) {
         const sg = subgraphs[sgIdx];
         const color = SUBGRAPH_COLORS[sg.depth % SUBGRAPH_COLORS.length];
         const isCollapsed = sg.collapsedChildCount !== undefined;
-        const g = document.createElementNS(SVG_NS, "g");
+        const g = createElementNS(SVG_NS, "g");
         g.classList.add("chat-debug-flowchart-subgraph");
         const rectAttrs = {
             x: sg.x,
@@ -658,7 +665,7 @@ function renderSubgraphs(svg, subgraphs, focusableElements) {
             opacity: 0.7,
             "clip-path": `url(#${clipId})`
         }));
-        const headerGroup = document.createElementNS(SVG_NS, "g");
+        const headerGroup = createElementNS(SVG_NS, "g");
         headerGroup.setAttribute("data-subgraph-id", sg.nodeId);
         headerGroup.classList.add("chat-debug-flowchart-subgraph-header");
         headerGroup.setAttribute("tabindex", "0");
@@ -754,7 +761,7 @@ function renderNodes(svg, nodes, focusableElements) {
     const fontFamily = "var(--vscode-font-family, sans-serif)";
     const nodeFill = "var(--vscode-editor-background, var(--vscode-editorWidget-background))";
     for (const node of nodes) {
-        const g = document.createElementNS(SVG_NS, "g");
+        const g = createElementNS(SVG_NS, "g");
         g.classList.add("chat-debug-flowchart-node");
         g.setAttribute("data-node-id", node.id);
         g.setAttribute("tabindex", "0");
@@ -763,7 +770,7 @@ function renderNodes(svg, nodes, focusableElements) {
         g.setAttribute("aria-label", ariaLabel);
         focusableElements.set(node.id, g);
         if (node.tooltip) {
-            const title = document.createElementNS(SVG_NS, "title");
+            const title = createElementNS(SVG_NS, "title");
             title.textContent = node.tooltip;
             g.appendChild(title);
         }
@@ -875,7 +882,7 @@ function renderNodes(svg, nodes, focusableElements) {
 }
 function renderMergedToggle(g, node, color, fontFamily) {
     const toggleX = node.x + node.width - MERGED_TOGGLE_WIDTH;
-    const toggleGroup = document.createElementNS(SVG_NS, "g");
+    const toggleGroup = createElementNS(SVG_NS, "g");
     toggleGroup.classList.add("chat-debug-flowchart-merged-toggle");
     toggleGroup.setAttribute("data-merged-id", node.id);
     toggleGroup.appendChild(svgEl("line", {

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

@@ -1,18 +1,22 @@
 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 { IConfigurationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service";
 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 { IChatWidgetService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat.service";
+import { IPreferencesService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/preferences/common/preferences.service";
 export declare class ChatDebugHomeView extends Disposable {
     private readonly chatService;
     private readonly chatDebugService;
     private readonly chatWidgetService;
+    private readonly configurationService;
+    private readonly preferencesService;
     private readonly _onNavigateToSession;
     readonly onNavigateToSession: import("@codingame/monaco-vscode-api/vscode/vs/base/common/event").Event<URI>;
     readonly container: HTMLElement;
     private readonly scrollContent;
     private readonly renderDisposables;
-    constructor(parent: HTMLElement, chatService: IChatService, chatDebugService: IChatDebugService, chatWidgetService: IChatWidgetService);
+    constructor(parent: HTMLElement, chatService: IChatService, chatDebugService: IChatDebugService, chatWidgetService: IChatWidgetService, configurationService: IConfigurationService, preferencesService: IPreferencesService);
     show(): void;
     hide(): void;
     render(): void;

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

@@ -1,29 +1,48 @@
 
 import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
 import { $ as $$1, append, clearNode, addDisposableListener, EventType, getActiveElement } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+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 { isUUID } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uuid';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service';
+import { defaultButtonStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
 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 { AGENT_DEBUG_LOG_ENABLED_SETTING } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/promptTypes';
+import { getChatSessionType, isUntitledChatSession, LocalChatSessionUri } 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 { IPreferencesService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/preferences/common/preferences.service';
 
 const $ = $$1;
 let ChatDebugHomeView = class ChatDebugHomeView extends Disposable {
-    constructor(parent, chatService, chatDebugService, chatWidgetService) {
+    constructor(
+        parent,
+        chatService,
+        chatDebugService,
+        chatWidgetService,
+        configurationService,
+        preferencesService
+    ) {
         super();
         this.chatService = chatService;
         this.chatDebugService = chatDebugService;
         this.chatWidgetService = chatWidgetService;
+        this.configurationService = configurationService;
+        this.preferencesService = preferencesService;
         this._onNavigateToSession = this._register(( new Emitter()));
         this.onNavigateToSession = this._onNavigateToSession.event;
         this.renderDisposables = this._register(( new DisposableStore()));
         this.container = append(parent, $(".chat-debug-home"));
         this.scrollContent = append(this.container, $("div.chat-debug-home-content"));
+        this._register(this.configurationService.onDidChangeConfiguration(e => {
+            if (e.affectsConfiguration(AGENT_DEBUG_LOG_ENABLED_SETTING)) {
+                this.render();
+            }
+        }));
     }
     show() {
         this.container.style.display = "";
@@ -37,11 +56,36 @@ let ChatDebugHomeView = class ChatDebugHomeView extends Disposable {
         this.renderDisposables.clear();
         append(
             this.scrollContent,
-            $("h2.chat-debug-home-title", undefined, ( localize(5699, "Agent Debug Panel")))
+            $("h2.chat-debug-home-title", undefined, ( localize(5806, "Agent Debug Logs")))
         );
+        const isEnabled = this.configurationService.getValue(AGENT_DEBUG_LOG_ENABLED_SETTING);
+        if (!isEnabled) {
+            append(
+                this.scrollContent,
+                $("p.chat-debug-home-subtitle", undefined, ( localize(
+                    5807,
+                    "Enable to view debug logs and investigate chat issues with /troubleshoot."
+                )))
+            );
+            const enableButton = this.renderDisposables.add(( new Button(this.scrollContent, {
+                ...defaultButtonStyles,
+                secondary: true
+            })));
+            enableButton.element.style.width = "auto";
+            enableButton.label = ( localize(5808, "Enable in Settings"));
+            this.renderDisposables.add(enableButton.onDidClick(() => {
+                this.preferencesService.openSettings({
+                    jsonEditor: false,
+                    query: AGENT_DEBUG_LOG_ENABLED_SETTING
+                });
+            }));
+            return;
+        }
         const activeWidget = this.chatWidgetService.lastFocusedWidget;
         const activeSessionResource = activeWidget?.viewModel?.sessionResource;
-        const sessionResources = [...this.chatDebugService.getSessionResources()].reverse();
+        const cliSessionTypes = ( new Set(["copilotcli", "claude-code"]));
+        const sessionResources =
+        [...this.chatDebugService.getSessionResources()].reverse().filter(r => !( cliSessionTypes.has(getChatSessionType(r))) || !isUntitledChatSession(r));
         if (activeSessionResource) {
             const activeIndex = sessionResources.findIndex(r => ( r.toString()) === ( activeSessionResource.toString()));
             if (activeIndex > 0) {
@@ -52,15 +96,34 @@ let ChatDebugHomeView = class ChatDebugHomeView extends Disposable {
         append(this.scrollContent, $(
             "p.chat-debug-home-subtitle",
             undefined,
-            sessionResources.length > 0 ? ( localize(5700, "Select a chat session to debug")) : ( localize(5701, "Send a chat message to get started"))
+            sessionResources.length > 0 ? ( localize(5809, "Select a chat session to debug")) : ( localize(5810, "Send a chat message to get started"))
         ));
         if (sessionResources.length > 0) {
             const sessionList = append(this.scrollContent, $(".chat-debug-home-session-list"));
             sessionList.setAttribute("role", "list");
-            sessionList.setAttribute("aria-label", ( localize(5702, "Chat sessions")));
+            sessionList.setAttribute("aria-label", ( localize(5811, "Chat sessions")));
             const items = [];
             for (const sessionResource of sessionResources) {
-                const sessionTitle = this.chatService.getSessionTitle(sessionResource) || LocalChatSessionUri.parseLocalSessionId(sessionResource) || ( sessionResource.toString());
+                const rawTitle = this.chatService.getSessionTitle(sessionResource);
+                const importedTitle = this.chatDebugService.getImportedSessionTitle(sessionResource);
+                let sessionTitle;
+                if (rawTitle && !isUUID(rawTitle)) {
+                    sessionTitle = rawTitle;
+                } else if (LocalChatSessionUri.isLocalSession(sessionResource)) {
+                    sessionTitle = ( localize(5812, "New Chat"));
+                } else if (importedTitle) {
+                    sessionTitle = ( localize(5813, "Imported: {0}", importedTitle));
+                } else if (getChatSessionType(sessionResource) === "copilotcli") {
+                    const pathId = sessionResource.path.replace(/^\//, "").split("-")[0];
+                    const shortId = pathId || sessionResource.authority || ( sessionResource.toString());
+                    sessionTitle = ( localize(5814, "Copilot CLI: {0}", shortId));
+                } else if (getChatSessionType(sessionResource) === "claude-code") {
+                    const pathId = sessionResource.path.replace(/^\//, "").split("-")[0];
+                    const shortId = pathId || sessionResource.authority || ( sessionResource.toString());
+                    sessionTitle = ( localize(5815, "Claude Code: {0}", shortId));
+                } else {
+                    sessionTitle = ( localize(5812, "New Chat"));
+                }
                 const isActive = activeSessionResource !== undefined && ( sessionResource.toString()) === ( activeSessionResource.toString());
                 const item = append(sessionList, $("button.chat-debug-home-session-item"));
                 item.setAttribute("role", "listitem");
@@ -70,26 +133,16 @@ let ChatDebugHomeView = class ChatDebugHomeView extends Disposable {
                 }
                 append(item, $(`span${ThemeIcon.asCSSSelector(Codicon.comment)}`));
                 const titleSpan = append(item, $("span.chat-debug-home-session-item-title"));
-                const isShimmering = isUUID(sessionTitle);
-                if (isShimmering) {
-                    titleSpan.classList.add("chat-debug-home-session-item-shimmer");
-                    item.disabled = true;
-                    item.setAttribute("aria-busy", "true");
-                    item.setAttribute("aria-label", ( localize(5703, "Loading session…")));
-                } else {
-                    titleSpan.textContent = sessionTitle;
-                    const ariaLabel = isActive ? ( localize(5704, "{0} (active)", sessionTitle)) : sessionTitle;
-                    item.setAttribute("aria-label", ariaLabel);
-                }
+                titleSpan.textContent = sessionTitle;
+                const ariaLabel = isActive ? ( localize(5816, "{0} (active)", sessionTitle)) : sessionTitle;
+                item.setAttribute("aria-label", ariaLabel);
                 if (isActive) {
-                    append(item, $("span.chat-debug-home-session-badge", undefined, ( localize(5705, "Active"))));
-                }
-                if (!isShimmering) {
-                    this.renderDisposables.add(addDisposableListener(item, EventType.CLICK, () => {
-                        this._onNavigateToSession.fire(sessionResource);
-                    }));
-                    items.push(item);
+                    append(item, $("span.chat-debug-home-session-badge", undefined, ( localize(5817, "Active"))));
                 }
+                this.renderDisposables.add(addDisposableListener(item, EventType.CLICK, () => {
+                    this._onNavigateToSession.fire(sessionResource);
+                }));
+                items.push(item);
             }
             this.renderDisposables.add(addDisposableListener(sessionList, EventType.KEY_DOWN, e => {
                 if (items.length === 0) {
@@ -123,6 +176,6 @@ let ChatDebugHomeView = class ChatDebugHomeView extends Disposable {
         }
     }
 };
-ChatDebugHomeView = ( __decorate([( __param(1, IChatService)), ( __param(2, IChatDebugService)), ( __param(3, IChatWidgetService))], ChatDebugHomeView));
+ChatDebugHomeView = ( __decorate([( __param(1, IChatService)), ( __param(2, IChatDebugService)), ( __param(3, IChatWidgetService)), ( __param(4, IConfigurationService)), ( __param(5, IPreferencesService))], ChatDebugHomeView));
 
 export { ChatDebugHomeView };

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

@@ -0,0 +1,19 @@
+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 { IChatDebugEventHookContent } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatDebugService";
+/**
+ * Render a resolved hook execution content with structured sections for
+ * hook type, command, result, duration, input, and output.
+ * When JSON is detected in input/output, renders it with syntax highlighting.
+ */
+export declare function renderHookContent(content: IChatDebugEventHookContent, languageService: ILanguageService, clipboardService?: IClipboardService, scrollable?: {
+    scanDomNode(): void;
+}): Promise<{
+    element: HTMLElement;
+    disposables: DisposableStore;
+}>;
+/**
+ * Convert a resolved hook content to plain text for clipboard / editor output.
+ */
+export declare function hookContentToPlainText(content: IChatDebugEventHookContent): string;

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

@@ -0,0 +1,125 @@
+
+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 { ChatDebugHookResult } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatDebugService';
+import { tokenizeContent, renderSection } from './chatDebugToolCallContentRenderer.js';
+
+const $ = $$1;
+async function renderHookContent(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, content.hookType)
+    );
+    const statusParts = [];
+    if (content.result !== undefined) {
+        statusParts.push(formatHookResult(content.result));
+    }
+    if (content.exitCode !== undefined) {
+        statusParts.push(( localize(5818, "Exit Code: {0}", content.exitCode)));
+    }
+    if (content.durationInMillis !== undefined) {
+        statusParts.push(( localize(5819, "{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.command) {
+        const {
+            plainText,
+            tokenizedHtml
+        } = await tokenizeContent(content.command, languageService);
+        renderSection(sectionsContainer, ( localize(5820, "Command")), plainText, tokenizedHtml, disposables, false, clipboardService, scrollable);
+    }
+    if (content.input) {
+        const {
+            plainText,
+            tokenizedHtml
+        } = await tokenizeContent(content.input, languageService);
+        renderSection(sectionsContainer, ( localize(5821, "Input")), plainText, tokenizedHtml, disposables, false, clipboardService, scrollable);
+    }
+    if (content.output) {
+        const {
+            plainText,
+            tokenizedHtml
+        } = await tokenizeContent(content.output, languageService);
+        renderSection(sectionsContainer, ( localize(5822, "Output")), plainText, tokenizedHtml, disposables, false, clipboardService, scrollable);
+    }
+    if (content.errorMessage) {
+        const {
+            plainText,
+            tokenizedHtml
+        } = await tokenizeContent(content.errorMessage, languageService);
+        renderSection(sectionsContainer, ( localize(5823, "Error")), plainText, tokenizedHtml, disposables, false, clipboardService, scrollable);
+    }
+    return {
+        element: container,
+        disposables
+    };
+}
+function formatHookResult(result) {
+    switch (result) {
+    case ChatDebugHookResult.Success:
+        return localize(5824, "Success");
+    case ChatDebugHookResult.Error:
+        return localize(5825, "Error");
+    case ChatDebugHookResult.NonBlockingError:
+        return localize(5826, "Non-blocking Error");
+    default:
+        return String(result);
+    }
+}
+function hookContentToPlainText(content) {
+    const lines = [];
+    lines.push(( localize(5827, "Hook Type: {0}", content.hookType)));
+    if (content.result !== undefined) {
+        lines.push(( localize(5828, "Result: {0}", formatHookResult(content.result))));
+    }
+    if (content.exitCode !== undefined) {
+        lines.push(( localize(5829, "Exit Code: {0}", content.exitCode)));
+    }
+    if (content.durationInMillis !== undefined) {
+        lines.push(( localize(5830, "Duration: {0}ms", content.durationInMillis)));
+    }
+    if (content.command) {
+        lines.push("");
+        lines.push(`[${( localize(5820, "Command"))}]`);
+        lines.push(content.command);
+    }
+    if (content.input) {
+        lines.push("");
+        lines.push(`[${( localize(5821, "Input"))}]`);
+        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(5822, "Output"))}]`);
+        try {
+            const parsed = JSON.parse(content.output);
+            lines.push(JSON.stringify(parsed, null, 2));
+        } catch {
+            lines.push(content.output);
+        }
+    }
+    if (content.errorMessage) {
+        lines.push("");
+        lines.push(`[${( localize(5823, "Error"))}]`);
+        lines.push(content.errorMessage);
+    }
+    return lines.join("\n");
+}
+
+export { hookContentToPlainText, renderHookContent };

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

@@ -3,11 +3,13 @@ import { Disposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/l
 import { URI } from "@codingame/monaco-vscode-api/vscode/vs/base/common/uri";
 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 { IChatDebugEvent } from "../../common/chatDebugService.js";
+import { IChatDebugEvent } 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 { IChatService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatService/chatService.service";
 import { ChatDebugFilterState } from "./chatDebugFilters.js";
 import { IChatWidgetService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat.service";
+import { IClipboardService } from "@codingame/monaco-vscode-api/vscode/vs/platform/clipboard/common/clipboardService.service";
+import { IContextMenuService } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextview/browser/contextView.service";
 export declare enum LogsNavigation {
     Home = "home",
     Overview = "overview"
@@ -19,6 +21,8 @@ export declare class ChatDebugLogsView extends Disposable {
     private readonly instantiationService;
     private readonly contextKeyService;
     private readonly chatWidgetService;
+    private readonly clipboardService;
+    private readonly contextMenuService;
     private readonly _onNavigate;
     readonly onNavigate: import("@codingame/monaco-vscode-api/vscode/vs/base/common/event").Event<LogsNavigation>;
     readonly container: HTMLElement;
@@ -39,8 +43,9 @@ export declare class ChatDebugLogsView extends Disposable {
     private currentDimension;
     private readonly eventListener;
     private readonly sessionStateDisposable;
-    private shimmerRow;
-    constructor(parent: HTMLElement, filterState: ChatDebugFilterState, chatService: IChatService, chatDebugService: IChatDebugService, instantiationService: IInstantiationService, contextKeyService: IContextKeyService, chatWidgetService: IChatWidgetService);
+    private readonly refreshScheduler;
+    private readonly progressBar;
+    constructor(parent: HTMLElement, filterState: ChatDebugFilterState, chatService: IChatService, chatDebugService: IChatDebugService, instantiationService: IInstantiationService, contextKeyService: IContextKeyService, chatWidgetService: IChatWidgetService, clipboardService: IClipboardService, contextMenuService: IContextMenuService);
     setSession(sessionResource: URI): void;
     setFilterText(text: string): void;
     show(): void;
@@ -49,8 +54,8 @@ export declare class ChatDebugLogsView extends Disposable {
     updateBreadcrumb(): void;
     layout(dimension: Dimension): void;
     refreshList(): void;
-    private updateShimmerPosition;
     addEvent(event: IChatDebugEvent): void;
+    private scheduleRefresh;
     private loadEvents;
     private trackSessionState;
     private refreshTree;
@@ -58,4 +63,6 @@ export declare class ChatDebugLogsView extends Disposable {
     private toggleViewMode;
     private updateViewModeToggle;
     private updateMoreFiltersChecked;
+    private showEventContextMenu;
+    private applyFilterToken;
 }