@codingame/monaco-vscode-chat-service-override 36.2.7 → 37.0.0

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

@@ -0,0 +1,839 @@
+
+import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
+import { $ as $$1, append, hide, addDisposableListener, EventType, show, clearNode } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { DomScrollableElement } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/scrollbar/scrollableElement';
+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 { SelectBox } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/selectBox/selectBox';
+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, MutableDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { Schemas } from '@codingame/monaco-vscode-api/vscode/vs/base/common/network';
+import { URI } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uri';
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { ScrollbarVisibility } from '@codingame/monaco-vscode-api/vscode/vs/base/common/scrollable';
+import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
+import { IContextViewService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextview/browser/contextView.service';
+import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service';
+import { IEnvironmentService } from '@codingame/monaco-vscode-api/vscode/vs/platform/environment/common/environment.service';
+import { IFileService } from '@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files.service';
+import { ILogService } from '@codingame/monaco-vscode-api/vscode/vs/platform/log/common/log.service';
+import { IProductService } from '@codingame/monaco-vscode-api/vscode/vs/platform/product/common/productService.service';
+import { defaultBreadcrumbsWidgetStyles, defaultSelectBoxStyles, defaultButtonStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
+import { ITextModelService } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/services/resolverService.service';
+import { AgentHostAhpJsonlLoggingSettingId } from '@codingame/monaco-vscode-api/vscode/vs/platform/agentHost/common/agentService';
+import { IAgentHostService } from '@codingame/monaco-vscode-api/vscode/vs/platform/agentHost/common/agentService.service';
+import { ActionType } from '@codingame/monaco-vscode-api/vscode/vs/platform/agentHost/common/state/protocol/common/actions';
+import '@codingame/monaco-vscode-api/vscode/vs/platform/agentHost/common/state/protocol/common/notifications';
+import { IRemoteAgentHostService } from '@codingame/monaco-vscode-api/vscode/vs/platform/agentHost/common/remoteAgentHostService.service';
+import { IEditorService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/editor/common/editorService.service';
+import { IOutputService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/output/common/output.service';
+import { IPathService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/path/common/pathService.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 { isAgentHostSession, enumerateAgentHostLogSources, AgentHostLogSourceKind, readAgentHostLogSourceContent } from './agentHostLogSources.js';
+import { setupBreadcrumbKeyboardNavigation, TextBreadcrumbItem } from './chatDebugTypes.js';
+
+const $ = $$1;
+const LIVE_REFRESH_DELAY = 400;
+const FILTER_DEBOUNCE_DELAY = 150;
+const PAGE_SIZE = 1000;
+const MAX_DETAIL_JSON = 20000;
+var WireLogNavigation;
+(function(WireLogNavigation) {
+    WireLogNavigation["Home"] = "home";
+    WireLogNavigation["Overview"] = "overview";
+})(WireLogNavigation || (WireLogNavigation = {}));
+let ChatDebugWireLogView = class ChatDebugWireLogView extends Disposable {
+    constructor(
+        parent,
+        chatService,
+        contextViewService,
+        editorService,
+        configurationService,
+        pathService,
+        agentHostService,
+        remoteAgentHostService,
+        outputService,
+        fileService,
+        textModelService,
+        environmentService,
+        productService,
+        logService
+    ) {
+        super();
+        this.chatService = chatService;
+        this.contextViewService = contextViewService;
+        this.editorService = editorService;
+        this.configurationService = configurationService;
+        this.pathService = pathService;
+        this.agentHostService = agentHostService;
+        this.remoteAgentHostService = remoteAgentHostService;
+        this.outputService = outputService;
+        this.fileService = fileService;
+        this.textModelService = textModelService;
+        this.environmentService = environmentService;
+        this.productService = productService;
+        this.logService = logService;
+        this._onNavigate = this._register(( new Emitter()));
+        this.onNavigate = this._onNavigate.event;
+        this.headerDisposables = this._register(( new DisposableStore()));
+        this.contentDisposables = this._register(( new DisposableStore()));
+        this.liveWatch = this._register(( new MutableDisposable()));
+        this.sources = [];
+        this.entries = [];
+        this.renderedVisible = [];
+        this.rowElements = [];
+        this.rowStores = [];
+        this.listShowingMessage = false;
+        this.filterText = "";
+        this.loadGeneration = 0;
+        this.visibleLimit = PAGE_SIZE;
+        this.loadMoreDisposables = this._register(( new DisposableStore()));
+        this.loadMoreVisible = false;
+        this.container = append(parent, $(".chat-debug-wirelog"));
+        hide(this.container);
+        this.refreshScheduler = this._register(( new RunOnceScheduler(() => this.liveRefresh(), LIVE_REFRESH_DELAY)));
+        this.filterScheduler = this._register(( new RunOnceScheduler(() => this.applyFilter(), FILTER_DEBOUNCE_DELAY)));
+        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 idx = this.breadcrumbWidget.getItems().indexOf(e.item);
+                if (idx === 0) {
+                    this._onNavigate.fire(WireLogNavigation.Home);
+                } else if (idx === 1) {
+                    this._onNavigate.fire(WireLogNavigation.Overview);
+                }
+            }
+        }));
+        this.hintBar = append(this.container, $(".chat-debug-wirelog-hint"));
+        hide(this.hintBar);
+        this.toolbar = append(this.container, $(".chat-debug-wirelog-toolbar"));
+        this.selectHost = append(this.toolbar, $(".chat-debug-wirelog-select"));
+        this.filterInput = append(this.toolbar, $("input.chat-debug-wirelog-filter"));
+        this.filterInput.type = "text";
+        this.filterInput.placeholder = ( localize(7996, "Filter by method, type, or id"));
+        this.filterInput.setAttribute("aria-label", ( localize(7997, "Filter AHP log frames")));
+        this._register(addDisposableListener(this.filterInput, EventType.INPUT, () => {
+            this.filterScheduler.schedule();
+        }));
+        this.summary = append(this.container, $(".chat-debug-wirelog-summary"));
+        hide(this.summary);
+        this.body = append(this.container, $(".chat-debug-wirelog-body"));
+        this.list = $(".chat-debug-wirelog-list");
+        this.scrollable = this._register(( new DomScrollableElement(this.list, {
+            horizontal: ScrollbarVisibility.Auto,
+            vertical: ScrollbarVisibility.Auto
+        })));
+        append(this.body, this.scrollable.getDomNode());
+        this.loadMoreContainer = append(this.container, $(".chat-debug-wirelog-loadmore"));
+        hide(this.loadMoreContainer);
+        this.footer = append(this.container, $(".chat-debug-wirelog-footer"));
+    }
+    setSession(sessionResource) {
+        this.currentSessionResource = sessionResource;
+        this.selectedSourceId = undefined;
+        this.visibleLimit = PAGE_SIZE;
+    }
+    show() {
+        show(this.container);
+        this.load();
+    }
+    hide() {
+        hide(this.container);
+        this.refreshScheduler.cancel();
+        this.filterScheduler.cancel();
+        this.liveWatch.clear();
+    }
+    refresh() {
+        if (this.container.style.display !== "none" && !this.refreshScheduler.isScheduled()) {
+            this.refreshScheduler.schedule();
+        }
+    }
+    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(7998, "Agent Debug Logs")), true)), ( new TextBreadcrumbItem(sessionTitle, true)), ( new TextBreadcrumbItem(( localize(7999, "AHP Log"))))]);
+    }
+    focus() {
+        this.selectBox?.focus();
+    }
+    layout() {
+        const height = this.body.clientHeight;
+        if (height > 0) {
+            this.list.style.height = `${height}px`;
+        }
+        this.scrollable.scanDomNode();
+    }
+    get logSourceServices() {
+        return {
+            pathService: this.pathService,
+            agentHostService: this.agentHostService,
+            remoteAgentHostService: this.remoteAgentHostService,
+            outputService: this.outputService,
+            fileService: this.fileService,
+            textModelService: this.textModelService,
+            configurationService: this.configurationService,
+            environmentService: this.environmentService,
+            productService: this.productService,
+            logService: this.logService
+        };
+    }
+    async load() {
+        this.updateBreadcrumb();
+        this.headerDisposables.clear();
+        this.liveWatch.clear();
+        clearNode(this.selectHost);
+        this.selectBox = undefined;
+        const wireLoggingEnabled = this.configurationService.getValue(AgentHostAhpJsonlLoggingSettingId);
+        clearNode(this.hintBar);
+        if (!wireLoggingEnabled) {
+            show(this.hintBar);
+            append(this.hintBar, $(`span${ThemeIcon.asCSSSelector(Codicon.info)}`));
+            append(this.hintBar, $("span", undefined, ( localize(
+                8000,
+                "AHP logging is disabled — enable {0} and reproduce to capture client↔host protocol frames.",
+                AgentHostAhpJsonlLoggingSettingId
+            ))));
+        } else {
+            hide(this.hintBar);
+        }
+        if (!isAgentHostSession(this.currentSessionResource)) {
+            this.renderMessage(( localize(8001, "The AHP Log is available for Agent Host sessions.")));
+            return;
+        }
+        const allSources = await enumerateAgentHostLogSources(this.logSourceServices, this.currentSessionResource);
+        this.sources = allSources.filter(source => source.kind === AgentHostLogSourceKind.WireLog);
+        if (this.sources.length === 0) {
+            this.renderMessage(wireLoggingEnabled ? ( localize(
+                8002,
+                "No AHP log was found yet for this session. Interact with the agent to capture protocol frames."
+            )) : ( localize(
+                8003,
+                "No AHP log is available. Enable {0} and reproduce the issue to capture protocol frames.",
+                AgentHostAhpJsonlLoggingSettingId
+            )));
+            return;
+        }
+        if (this.sources.length > 1) {
+            show(this.selectHost);
+            const options = ( this.sources.map(source => ({
+                text: source.label
+            })));
+            let selectedIndex = this.sources.findIndex(source => source.id === this.selectedSourceId);
+            if (selectedIndex < 0) {
+                selectedIndex = 0;
+            }
+            const selectBox = this.headerDisposables.add(( new SelectBox(options, selectedIndex, this.contextViewService, defaultSelectBoxStyles, {
+                ariaLabel: ( localize(8004, "AHP log file"))
+            })));
+            selectBox.render(this.selectHost);
+            this.headerDisposables.add(selectBox.onDidSelect(e => this.loadSource(e.index)));
+            this.selectBox = selectBox;
+        } else {
+            hide(this.selectHost);
+        }
+        const openBtn = this.headerDisposables.add(( new Button(this.toolbar, {
+            ...defaultButtonStyles,
+            secondary: true,
+            supportIcons: true,
+            title: ( localize(8005, "Open Full File"))
+        })));
+        openBtn.element.classList.add("chat-debug-wirelog-action");
+        openBtn.label = `$(go-to-file) ${( localize(8005, "Open Full File"))}`;
+        this.headerDisposables.add(openBtn.onDidClick(() => this.openCurrentFile()));
+        const refreshBtn = this.headerDisposables.add(( new Button(this.toolbar, {
+            ...defaultButtonStyles,
+            secondary: true,
+            supportIcons: true,
+            title: ( localize(8006, "Refresh"))
+        })));
+        refreshBtn.element.classList.add("chat-debug-wirelog-action");
+        refreshBtn.label = `$(refresh) ${( localize(8006, "Refresh"))}`;
+        this.headerDisposables.add(refreshBtn.onDidClick(() => this.reloadCurrentSource()));
+        let selectedIndex = this.sources.findIndex(source => source.id === this.selectedSourceId);
+        if (selectedIndex < 0) {
+            selectedIndex = 0;
+        }
+        await this.loadSource(selectedIndex);
+    }
+    async loadSource(index) {
+        const source = this.sources[index];
+        if (!source) {
+            return;
+        }
+        this.selectedSourceId = source.id;
+        this.liveWatch.clear();
+        this.currentFileResource = undefined;
+        this.visibleLimit = PAGE_SIZE;
+        const generation = ++this.loadGeneration;
+        this.renderMessage(( localize(8007, "Loading…")));
+        let content;
+        try {
+            content = await readAgentHostLogSourceContent(source, this.logSourceServices);
+        } catch (error) {
+            if (generation !== this.loadGeneration) {
+                return;
+            }
+            this.renderMessage(( localize(
+                8008,
+                "Failed to read AHP log: {0}",
+                error instanceof Error ? error.message : String(error)
+            )));
+            return;
+        }
+        if (generation !== this.loadGeneration) {
+            return;
+        }
+        if (!content) {
+            this.renderMessage(( localize(8009, "This AHP log is unavailable.")));
+            return;
+        }
+        this.currentFileResource = content.fileResource;
+        this.entries = buildWireEntries(parseWireFrames(content.text));
+        this.renderList();
+        this.renderFooter(source, content.truncated);
+        this.setupLiveWatch(source);
+    }
+    reloadCurrentSource() {
+        const index = this.sources.findIndex(source => source.id === this.selectedSourceId);
+        if (index >= 0) {
+            this.loadSource(index);
+        }
+    }
+    setupLiveWatch(source) {
+        const store = ( new DisposableStore());
+        if (source.resource?.scheme === Schemas.file) {
+            const watcher = store.add(this.fileService.createWatcher(source.resource, {
+                recursive: false,
+                excludes: []
+            }));
+            store.add(watcher.onDidChange(() => this.refresh()));
+        }
+        this.liveWatch.value = store;
+    }
+    openCurrentFile() {
+        if (this.currentFileResource) {
+            this.editorService.openEditor({
+                resource: this.currentFileResource,
+                options: {
+                    pinned: true
+                }
+            });
+        }
+    }
+    renderMessage(message) {
+        this.contentDisposables.clear();
+        this.rowElements = [];
+        this.rowStores = [];
+        this.renderedVisible = [];
+        this.listShowingMessage = true;
+        hide(this.summary);
+        clearNode(this.list);
+        this.list.classList.add("chat-debug-wirelog-message");
+        this.list.textContent = message;
+        this.scrollable.scanDomNode();
+        clearNode(this.footer);
+        if (this.loadMoreVisible) {
+            hide(this.loadMoreContainer);
+            this.loadMoreVisible = false;
+        }
+    }
+    renderSummary() {
+        clearNode(this.summary);
+        let requests = 0;
+        let errors = 0;
+        let pending = 0;
+        let longest = 0;
+        for (const entry of this.entries) {
+            if (entry.frame.kind === "request") {
+                requests++;
+                if (!entry.response) {
+                    pending++;
+                } else {
+                    const duration = entry.response.ts - entry.frame.ts;
+                    if (duration > longest) {
+                        longest = duration;
+                    }
+                }
+            }
+            if (isErrorEntry(entry)) {
+                errors++;
+            }
+        }
+        show(this.summary);
+        this.appendChip(( localize(8010, "{0} frames", this.entries.length)));
+        this.appendChip(( localize(8011, "{0} requests", requests)));
+        if (errors > 0) {
+            this.appendChip(( localize(8012, "{0} errors", errors)), "error");
+        }
+        if (pending > 0) {
+            this.appendChip(( localize(8013, "{0} pending", pending)), "pending");
+        }
+        if (longest > 0) {
+            this.appendChip(( localize(8014, "slowest {0}", formatDuration(longest))));
+        }
+    }
+    appendChip(text, tone) {
+        const chip = append(this.summary, $("span.chat-debug-wirelog-chip", undefined, text));
+        if (tone) {
+            chip.classList.add(`chat-debug-wirelog-chip-${tone}`);
+        }
+    }
+    applyFilter() {
+        const next = this.filterInput.value.trim().toLowerCase();
+        if (next === this.filterText) {
+            return;
+        }
+        this.filterText = next;
+        this.visibleLimit = PAGE_SIZE;
+        this.renderList();
+    }
+    renderList() {
+        this.contentDisposables.clear();
+        clearNode(this.list);
+        this.rowElements = [];
+        this.rowStores = [];
+        this.renderedVisible = [];
+        this.listShowingMessage = false;
+        if (this.entries.length === 0) {
+            this.renderMessage(( localize(8015, "The AHP log is empty.")));
+            return;
+        }
+        this.renderSummary();
+        const {
+            filtered,
+            display
+        } = this.computeVisible(this.entries);
+        if (display.length === 0) {
+            const empty = append(this.list, $(".chat-debug-wirelog-noresults"));
+            empty.textContent = ( localize(8016, "No frames match '{0}'.", this.filterText));
+            this.updateLoadMore(0);
+            this.scrollable.scanDomNode();
+            return;
+        }
+        for (const entry of display) {
+            this.appendRow(entry);
+        }
+        this.renderedVisible = display;
+        this.updateLoadMore(filtered.length);
+        this.scrollable.scanDomNode();
+    }
+    async liveRefresh() {
+        const index = this.sources.findIndex(source => source.id === this.selectedSourceId);
+        const source = this.sources[index];
+        if (!source) {
+            return;
+        }
+        const generation = ++this.loadGeneration;
+        let content;
+        try {
+            content = await readAgentHostLogSourceContent(source, this.logSourceServices);
+        } catch {
+            return;
+        }
+        if (generation !== this.loadGeneration || !content) {
+            return;
+        }
+        this.currentFileResource = content.fileResource;
+        this.applyEntries(buildWireEntries(parseWireFrames(content.text)));
+        this.renderFooter(source, content.truncated);
+    }
+    applyEntries(newEntries) {
+        const {
+            filtered,
+            display
+        } = this.computeVisible(newEntries);
+        const canReconcile = !this.listShowingMessage && this.renderedVisible.length > 0 && display.length >= this.renderedVisible.length && this.renderedVisible.every((entry, i) => baseEntryKey(entry) === baseEntryKey(display[i]));
+        this.entries = newEntries;
+        if (!canReconcile) {
+            this.renderList();
+            return;
+        }
+        const wasAtBottom = this.isScrolledToBottom();
+        this.renderSummary();
+        for (let i = 0; i < this.renderedVisible.length; i++) {
+            if (entryStateKey(this.renderedVisible[i]) !== entryStateKey(display[i])) {
+                this.replaceRow(i, display[i]);
+            }
+        }
+        for (let i = this.renderedVisible.length; i < display.length; i++) {
+            this.appendRow(display[i]);
+        }
+        this.renderedVisible = display;
+        this.updateLoadMore(filtered.length);
+        this.scrollable.scanDomNode();
+        if (wasAtBottom) {
+            this.scrollToBottom();
+        }
+    }
+    computeVisible(entries) {
+        const filter = this.filterText;
+        const filtered = filter ? entries.filter(entry => matchesFilter(entry, filter)) : entries;
+        const display = filtered.length > this.visibleLimit ? filtered.slice(0, this.visibleLimit) : filtered;
+        return {
+            filtered,
+            display
+        };
+    }
+    updateLoadMore(totalFiltered) {
+        if (totalFiltered <= this.visibleLimit) {
+            if (this.loadMoreVisible) {
+                hide(this.loadMoreContainer);
+                this.loadMoreVisible = false;
+                this.layout();
+            }
+            return;
+        }
+        if (!this.loadMoreStatus) {
+            this.loadMoreStatus = append(this.loadMoreContainer, $("span.chat-debug-wirelog-loadmore-status"));
+        }
+        if (!this.loadMoreBtn) {
+            this.loadMoreBtn = this.loadMoreDisposables.add(( new Button(this.loadMoreContainer, {
+                ...defaultButtonStyles,
+                secondary: true,
+                title: ( localize(8017, "Load more frames"))
+            })));
+            this.loadMoreDisposables.add(this.loadMoreBtn.onDidClick(() => {
+                this.visibleLimit += PAGE_SIZE;
+                this.renderList();
+            }));
+        }
+        const shown = Math.min(this.visibleLimit, totalFiltered);
+        const remaining = totalFiltered - shown;
+        this.loadMoreStatus.textContent = ( localize(8018, "Showing {0} of {1} frames", shown, totalFiltered));
+        this.loadMoreBtn.label = ( localize(8019, "Load More ({0})", remaining));
+        if (!this.loadMoreVisible) {
+            show(this.loadMoreContainer);
+            this.loadMoreVisible = true;
+            this.layout();
+        }
+    }
+    appendRow(entry) {
+        const {
+            row,
+            store
+        } = this.buildRow(entry);
+        this.contentDisposables.add(store);
+        this.rowElements.push(row);
+        this.rowStores.push(store);
+        this.list.appendChild(row);
+    }
+    replaceRow(index, entry) {
+        const {
+            row,
+            store
+        } = this.buildRow(entry);
+        this.contentDisposables.add(store);
+        const oldRow = this.rowElements[index];
+        this.list.replaceChild(row, oldRow);
+        this.rowStores[index].dispose();
+        this.rowElements[index] = row;
+        this.rowStores[index] = store;
+    }
+    isScrolledToBottom() {
+        const dimensions = this.scrollable.getScrollDimensions();
+        const position = this.scrollable.getScrollPosition();
+        return position.scrollTop + dimensions.height >= dimensions.scrollHeight - 4;
+    }
+    scrollToBottom() {
+        this.scrollable.setScrollPosition({
+            scrollTop: this.scrollable.getScrollDimensions().scrollHeight
+        });
+    }
+    buildRow(entry) {
+        const store = ( new DisposableStore());
+        const frame = entry.frame;
+        const isError = isErrorEntry(entry);
+        const isPending = frame.kind === "request" && !entry.response;
+        const row = $(".chat-debug-wirelog-row");
+        if (isError) {
+            row.classList.add("chat-debug-wirelog-row-error");
+        }
+        const header = append(row, $(".chat-debug-wirelog-row-header"));
+        header.tabIndex = 0;
+        header.setAttribute("role", "button");
+        const chevron = append(header, $(
+            `span.chat-debug-wirelog-chevron${ThemeIcon.asCSSSelector(Codicon.chevronRight)}`
+        ));
+        chevron.setAttribute("aria-hidden", "true");
+        const outbound = frame.dir === "c2s";
+        const dirIcon = outbound ? Codicon.arrowRight : Codicon.arrowLeft;
+        const dirEl = append(
+            header,
+            $(`span.chat-debug-wirelog-dir${ThemeIcon.asCSSSelector(dirIcon)}`)
+        );
+        dirEl.title = outbound ? ( localize(8020, "VS Code → Agent Host")) : ( localize(8021, "Agent Host → VS Code"));
+        const label = frame.method ?? ( localize(8022, "(response)"));
+        append(header, $("span.chat-debug-wirelog-method", undefined, label));
+        if (frame.actionType) {
+            append(header, $("span.chat-debug-wirelog-type", undefined, frame.actionType));
+        }
+        const badgeText = frame.kind === "request" ? ( localize(8023, "request")) : frame.kind === "notification" ? ( localize(8024, "notify")) : ( localize(8025, "response"));
+        append(header, $("span.chat-debug-wirelog-badge", undefined, badgeText));
+        const status = append(header, $("span.chat-debug-wirelog-status"));
+        if (isError) {
+            status.classList.add("chat-debug-wirelog-status-error");
+            const code = entry.response?.error?.code ?? frame.error?.code;
+            status.textContent = code !== undefined ? ( localize(8026, "error {0}", code)) : ( localize(8027, "error"));
+        } else if (isPending) {
+            status.classList.add("chat-debug-wirelog-status-pending");
+            status.textContent = ( localize(8028, "pending"));
+        } else if (entry.response) {
+            status.classList.add("chat-debug-wirelog-status-ok");
+            status.textContent = formatDuration(entry.response.ts - frame.ts);
+        }
+        const time = append(header, $("span.chat-debug-wirelog-time"));
+        time.textContent = formatClock(frame.ts);
+        if (frame.id !== undefined) {
+            time.title = ( localize(8029, "id: {0}", frame.id));
+        }
+        const details = append(row, $(".chat-debug-wirelog-row-details"));
+        let detailsRendered = false;
+        let expanded = false;
+        const setExpanded = (value, scan) => {
+            expanded = value;
+            if (expanded && !detailsRendered) {
+                this.renderDetails(details, entry);
+                detailsRendered = true;
+            }
+            row.classList.toggle("chat-debug-wirelog-row-expanded", expanded);
+            chevron.classList.toggle("codicon-chevron-down", expanded);
+            chevron.classList.toggle("codicon-chevron-right", !expanded);
+            header.setAttribute("aria-expanded", String(expanded));
+            if (scan) {
+                this.scrollable.scanDomNode();
+            }
+        };
+        setExpanded(isError, false);
+        store.add(
+            addDisposableListener(header, EventType.CLICK, () => setExpanded(!expanded, true))
+        );
+        store.add(addDisposableListener(header, EventType.KEY_DOWN, e => {
+            if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                setExpanded(!expanded, true);
+            }
+        }));
+        return {
+            row,
+            store
+        };
+    }
+    renderDetails(container, entry) {
+        const frame = entry.frame;
+        if (frame.payload !== undefined) {
+            this.appendJsonSection(container, frame.kind === "response" ? ( localize(8030, "Result")) : ( localize(8031, "Params")), frame.payload);
+        }
+        if (frame.error) {
+            this.appendJsonSection(container, ( localize(8032, "Error")), frame.error, true);
+        }
+        if (entry.response) {
+            if (entry.response.error) {
+                this.appendJsonSection(container, ( localize(8033, "Response Error")), entry.response.error, true);
+            } else if (entry.response.payload !== undefined) {
+                this.appendJsonSection(container, ( localize(8030, "Result")), entry.response.payload);
+            }
+        }
+        if (frame.truncated || entry.response?.truncated) {
+            append(container, $(".chat-debug-wirelog-detail-note", undefined, ( localize(
+                8034,
+                "Large payload values were elided in the log. Open the full file for complete data."
+            ))));
+        }
+    }
+    appendJsonSection(container, title, value, isError = false) {
+        const section = append(container, $(".chat-debug-wirelog-detail-section"));
+        append(section, $(".chat-debug-wirelog-detail-title", undefined, title));
+        const pre = append(section, $("pre.chat-debug-wirelog-detail-json"));
+        if (isError) {
+            pre.classList.add("chat-debug-wirelog-detail-json-error");
+        }
+        pre.textContent = stringifyBounded(value);
+    }
+    renderFooter(source, truncated) {
+        clearNode(this.footer);
+        const parts = [];
+        if (truncated) {
+            parts.push(( localize(8035, "Showing the most recent frames")));
+        }
+        if (source.isRemote) {
+            parts.push(( localize(8036, "remote")));
+        }
+        this.footer.textContent = parts.join(" · ");
+    }
+};
+ChatDebugWireLogView = ( __decorate([( __param(1, IChatService)), ( __param(2, IContextViewService)), ( __param(3, IEditorService)), ( __param(4, IConfigurationService)), ( __param(5, IPathService)), ( __param(6, IAgentHostService)), ( __param(7, IRemoteAgentHostService)), ( __param(8, IOutputService)), ( __param(9, IFileService)), ( __param(10, ITextModelService)), ( __param(11, IEnvironmentService)), ( __param(12, IProductService)), ( __param(13, ILogService))], ChatDebugWireLogView));
+function extractActionType(method, payload) {
+    switch (method) {
+    case "notification":
+        return typeStringOf(getProp(payload, "notification"));
+    case "dispatchAction":
+        return typeStringOf(Array.isArray(payload) ? payload[1] : undefined);
+    case "createSession":
+        return uriStringOf(getProp(Array.isArray(payload) ? payload[0] : undefined, "session"));
+    default:
+        return typeStringOf(getProp(payload, "action"));
+    }
+}
+function getProp(value, key) {
+    return value && typeof value === "object" ? value[key] : undefined;
+}
+function typeStringOf(value) {
+    const type = getProp(value, "type");
+    return typeof type === "string" ? type : undefined;
+}
+function uriStringOf(value) {
+    if (typeof value === "string") {
+        return value;
+    }
+    if (value && typeof value === "object") {
+        const external = value.external;
+        if (typeof external === "string") {
+            return external;
+        }
+        if (typeof value.scheme === "string") {
+            try {
+                return ( URI.revive(value).toString(true));
+            } catch {
+                return undefined;
+            }
+        }
+    }
+    return undefined;
+}
+function parseWireFrames(text) {
+    const frames = [];
+    for (const line of text.split("\n")) {
+        const trimmed = line.trim();
+        if (!trimmed) {
+            continue;
+        }
+        let record;
+        try {
+            record = JSON.parse(trimmed);
+        } catch {
+            continue;
+        }
+        const meta = record._ahpLog;
+        if (!meta) {
+            continue;
+        }
+        const dir = meta.dir === "s2c" ? "s2c" : "c2s";
+        const ts = typeof meta.ts === "string" ? Date.parse(meta.ts) : NaN;
+        const id = record.id !== undefined && record.id !== null ? String(record.id) : undefined;
+        const method = typeof record.method === "string" ? record.method : undefined;
+        const hasResult = Object.prototype.hasOwnProperty.call(record, "result");
+        const errorValue = record.error;
+        const kind = method ? (id !== undefined ? "request" : "notification") : "response";
+        const payload = method ? record.params : (hasResult ? record.result : undefined);
+        frames.push({
+            ts: Number.isNaN(ts) ? 0 : ts,
+            dir,
+            truncated: meta.truncated === true,
+            byteLength: typeof meta.byteLength === "number" ? meta.byteLength : undefined,
+            id,
+            method,
+            actionType: extractActionType(method, payload),
+            payload,
+            error: errorValue && typeof errorValue === "object" ? errorValue : undefined,
+            kind
+        });
+    }
+    return frames;
+}
+function buildWireEntries(frames) {
+    const entries = [];
+    const pendingByKey = ( new Map());
+    const pendingKey = (dir, id) => `${dir}|${id}`;
+    for (const frame of frames) {
+        if (frame.kind === "response" && frame.id !== undefined) {
+            const requestDir = frame.dir === "c2s" ? "s2c" : "c2s";
+            const key = pendingKey(requestDir, frame.id);
+            const request = pendingByKey.get(key);
+            if (request) {
+                request.response = frame;
+                pendingByKey.delete(key);
+                continue;
+            }
+        }
+        const entry = {
+            frame,
+            response: undefined
+        };
+        entries.push(entry);
+        if (frame.kind === "request" && frame.id !== undefined) {
+            pendingByKey.set(pendingKey(frame.dir, frame.id), entry);
+        }
+    }
+    return entries;
+}
+function isErrorEntry(entry) {
+    const frame = entry.frame;
+    return !!entry.response?.error || (frame.kind === "response" && !!frame.error) || frame.actionType === ActionType.ChatError;
+}
+function matchesFilter(entry, filter) {
+    const frame = entry.frame;
+    if (frame.method?.toLowerCase().includes(filter)) {
+        return true;
+    }
+    if (frame.actionType?.toLowerCase().includes(filter)) {
+        return true;
+    }
+    if (frame.id !== undefined && frame.id.toLowerCase().includes(filter)) {
+        return true;
+    }
+    const errorMessage = entry.response?.error?.message ?? frame.error?.message;
+    return !!errorMessage && errorMessage.toLowerCase().includes(filter);
+}
+function baseEntryKey(entry) {
+    const frame = entry.frame;
+    return `${frame.dir}|${frame.kind}|${frame.id ?? ""}|${frame.ts}|${frame.method ?? ""}`;
+}
+function entryStateKey(entry) {
+    const response = entry.response;
+    const responseKey = response ? `R${response.ts}${response.error ? "E" : ""}` : "P";
+    return `${baseEntryKey(entry)}|${responseKey}`;
+}
+function stringifyBounded(value) {
+    let text;
+    try {
+        text = JSON.stringify(value, undefined, 2) ?? String(value);
+    } catch {
+        text = String(value);
+    }
+    if (text.length > MAX_DETAIL_JSON) {
+        return `${text.slice(0, MAX_DETAIL_JSON)}…`;
+    }
+    return text;
+}
+function formatDuration(millis) {
+    if (millis < 1000) {
+        return localize(8037, "{0} ms", Math.round(millis));
+    }
+    return localize(8038, "{0} s", (millis / 1000).toFixed(millis < 10000 ? 1 : 0));
+}
+function formatClock(ts) {
+    if (!ts) {
+        return "";
+    }
+    const date = ( new Date(ts));
+    const pad = (value, length = 2) => String(value).padStart(length, "0");
+    return `${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}.${pad(date.getMilliseconds(), 3)}`;
+}
+
+export { ChatDebugWireLogView, WireLogNavigation };