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

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

@@ -0,0 +1,18 @@
+import { DisposableStore } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { ILanguageService } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language.service";
+import { IModelService } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/services/model.service";
+import { IHoverService } from "@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service";
+import { ILabelService } from "@codingame/monaco-vscode-api/vscode/vs/platform/label/common/label.service";
+import { IOpenerService } from "@codingame/monaco-vscode-api/vscode/vs/platform/opener/common/opener.service";
+import { IChatDebugEventFileListContent } from "../../common/chatDebugService.js";
+/**
+ * Render a file list resolved content as a rich HTML element.
+ */
+export declare function renderCustomizationDiscoveryContent(content: IChatDebugEventFileListContent, openerService: IOpenerService, modelService: IModelService, languageService: ILanguageService, hoverService: IHoverService, labelService: ILabelService): {
+    element: HTMLElement;
+    disposables: DisposableStore;
+};
+/**
+ * Convert a file list content to plain text for clipboard / editor output.
+ */
+export declare function fileListToPlainText(content: IChatDebugEventFileListContent): string;

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

@@ -0,0 +1,419 @@
+
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import * as chatInlineAnchorWidget from '@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatInlineAnchorWidget.css';
+import { $ as $$1, append, addDisposableListener, EventType, EventHelper } 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 { getDefaultHoverDelegate } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hoverDelegateFactory';
+import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
+import { DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
+import { URI } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uri';
+import { dirname } from '@codingame/monaco-vscode-api/vscode/vs/base/common/resources';
+import { getIconClasses } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/services/getIconClasses';
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { FileKind } from '@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files';
+import { InlineAnchorWidget } from '@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/widget/chatContentParts/chatInlineAnchorWidget';
+import { setupCollapsibleToggle } from './chatDebugCollapsible.js';
+
+registerCss(chatInlineAnchorWidget);
+const $ = $$1;
+function getSettingsKeyForDiscoveryType(discoveryType) {
+    switch (discoveryType) {
+    case "prompt":
+        return "chat.promptFilesLocations";
+    case "instructions":
+        return "chat.instructionsFilesLocations";
+    case "agent":
+        return "chat.agentFilesLocations";
+    case "skill":
+        return "chat.agentSkillsLocations";
+    case "hook":
+        return "chat.hookFilesLocations";
+    default:
+        return undefined;
+    }
+}
+function getFileLocationLabel(file, labelService, discoveryType) {
+    if (file.extensionId) {
+        return file.extensionId;
+    }
+    const parentDir = discoveryType === "skill" ? dirname(dirname(file.uri)) : dirname(file.uri);
+    return labelService.getUriLabel(parentDir, {
+        relative: true
+    });
+}
+function createInlineFileLink(
+    uri,
+    displayText,
+    fileKind,
+    openerService,
+    modelService,
+    languageService,
+    hoverService,
+    labelService,
+    disposables,
+    hoverSuffix
+) {
+    const link = $(`a.${InlineAnchorWidget.className}.show-file-icons`);
+    link.tabIndex = -1;
+    const iconEl = append(link, $("span.icon"));
+    const iconClasses = getIconClasses(modelService, languageService, uri, fileKind);
+    iconEl.classList.add(...iconClasses);
+    append(link, $("span.icon-label", undefined, displayText));
+    const relativeLabel = labelService.getUriLabel(uri, {
+        relative: true
+    });
+    const hoverText = relativeLabel;
+    disposables.add(
+        hoverService.setupManagedHover(getDefaultHoverDelegate("element"), link, hoverText)
+    );
+    disposables.add(addDisposableListener(link, EventType.CLICK, e => {
+        e.preventDefault();
+        e.stopPropagation();
+        openerService.open(uri);
+    }));
+    return link;
+}
+function setupFileListNavigation(listEl, rows, disposables) {
+    if (rows.length === 0) {
+        return;
+    }
+    for (let i = 0; i < rows.length; i++) {
+        rows[i].element.tabIndex = i === 0 ? 0 : -1;
+        rows[i].element.setAttribute("role", "listitem");
+    }
+    disposables.add(addDisposableListener(listEl, EventType.KEY_DOWN, e => {
+        const target = e.target;
+        const index = rows.findIndex(r => r.element === target);
+        if (index === -1) {
+            return;
+        }
+        let nextIndex;
+        switch (e.key) {
+        case "ArrowDown":
+            nextIndex = Math.min(index + 1, rows.length - 1);
+            break;
+        case "ArrowUp":
+            nextIndex = Math.max(index - 1, 0);
+            break;
+        case "Home":
+            nextIndex = 0;
+            break;
+        case "End":
+            nextIndex = rows.length - 1;
+            break;
+        case "Enter":
+            {
+                rows[index].activate();
+                e.preventDefault();
+                return;
+            }
+        }
+        if (nextIndex !== undefined && nextIndex !== index) {
+            e.preventDefault();
+            rows[index].element.tabIndex = -1;
+            rows[nextIndex].element.tabIndex = 0;
+            rows[nextIndex].element.focus();
+        }
+    }));
+}
+function renderCustomizationDiscoveryContent(
+    content,
+    openerService,
+    modelService,
+    languageService,
+    hoverService,
+    labelService
+) {
+    const disposables = ( new DisposableStore());
+    const container = $("div.chat-debug-file-list");
+    container.tabIndex = 0;
+    const capitalizedType = content.discoveryType.charAt(0).toUpperCase() + content.discoveryType.slice(1);
+    append(container, $("div.chat-debug-file-list-title", undefined, ( localize(5620, "{0} Discovery Results", capitalizedType))));
+    append(container, $("div.chat-debug-file-list-summary", undefined, ( localize(5621, "Total files: {0}", content.files.length))));
+    const loaded = content.files.filter(f => f.status === "loaded");
+    if (loaded.length > 0) {
+        const section = append(container, $("div.chat-debug-file-list-section"));
+        append(
+            section,
+            $("div.chat-debug-file-list-section-title", undefined, ( localize(5622, "Loaded ({0})", loaded.length)))
+        );
+        const groups = ( new Map());
+        for (const file of loaded) {
+            const key = getFileLocationLabel(file, labelService, content.discoveryType);
+            let group = groups.get(key);
+            if (!group) {
+                group = [];
+                groups.set(key, group);
+            }
+            group.push(file);
+        }
+        const listEl = append(section, $("div.chat-debug-file-list-rows"));
+        listEl.setAttribute("role", "list");
+        listEl.setAttribute("aria-label", ( localize(5623, "Loaded files")));
+        const rows = [];
+        for (const [locationLabel, files] of groups) {
+            const groupHeader = append(listEl, $("div.chat-debug-file-list-group-header"));
+            const firstFile = files[0];
+            if (firstFile.extensionId) {
+                const link = append(
+                    groupHeader,
+                    $("a.chat-debug-file-list-group-label.chat-debug-file-list-badge-link")
+                );
+                link.textContent = locationLabel;
+                link.tabIndex = -1;
+                disposables.add(
+                    hoverService.setupManagedHover(getDefaultHoverDelegate("element"), link, ( localize(5624, "Open {0} in Extensions", firstFile.extensionId)))
+                );
+                disposables.add(addDisposableListener(link, EventType.CLICK, e => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    openerService.open(( URI.parse(
+                        `command:extension.open?${encodeURIComponent(JSON.stringify([firstFile.extensionId]))}`
+                    )), {
+                        allowCommands: true
+                    });
+                }));
+            } else {
+                append(
+                    groupHeader,
+                    $("span.chat-debug-file-list-group-label", undefined, locationLabel)
+                );
+            }
+            for (const file of files) {
+                const row = append(listEl, $("div.chat-debug-file-list-row"));
+                append(
+                    row,
+                    $(`span.chat-debug-file-list-icon${ThemeIcon.asCSSSelector(Codicon.check)}`)
+                );
+                row.appendChild(createInlineFileLink(
+                    file.uri,
+                    file.name ?? file.uri.path,
+                    FileKind.FILE,
+                    openerService,
+                    modelService,
+                    languageService,
+                    hoverService,
+                    labelService,
+                    disposables
+                ));
+                const relativeLabel = labelService.getUriLabel(file.uri, {
+                    relative: true
+                });
+                row.setAttribute("aria-label", relativeLabel);
+                const uri = file.uri;
+                rows.push({
+                    element: row,
+                    activate: () => openerService.open(uri)
+                });
+            }
+        }
+        setupFileListNavigation(listEl, rows, disposables);
+    }
+    const skipped = content.files.filter(f => f.status === "skipped");
+    if (skipped.length > 0) {
+        const section = append(container, $("div.chat-debug-file-list-section"));
+        append(
+            section,
+            $("div.chat-debug-file-list-section-title", undefined, ( localize(5625, "Skipped ({0})", skipped.length)))
+        );
+        const groups = ( new Map());
+        for (const file of skipped) {
+            const key = file.skipReason ?? ( localize(5626, "unknown"));
+            let group = groups.get(key);
+            if (!group) {
+                group = [];
+                groups.set(key, group);
+            }
+            group.push(file);
+        }
+        const listEl = append(section, $("div.chat-debug-file-list-rows"));
+        listEl.setAttribute("role", "list");
+        listEl.setAttribute("aria-label", ( localize(5627, "Skipped files")));
+        const rows = [];
+        for (const [reasonLabel, files] of groups) {
+            const groupHeader = append(listEl, $("div.chat-debug-file-list-group-header"));
+            append(
+                groupHeader,
+                $("span.chat-debug-file-list-group-label", undefined, reasonLabel)
+            );
+            for (const file of files) {
+                const row = append(listEl, $("div.chat-debug-file-list-row"));
+                append(
+                    row,
+                    $(`span.chat-debug-file-list-icon${ThemeIcon.asCSSSelector(Codicon.close)}`)
+                );
+                let detail = "";
+                if (file.errorMessage) {
+                    detail += file.errorMessage;
+                }
+                if (file.duplicateOf) {
+                    if (detail) {
+                        detail += ", ";
+                    }
+                    detail += ( localize(5628, "duplicate of {0}", file.duplicateOf.path));
+                }
+                row.appendChild(createInlineFileLink(
+                    file.uri,
+                    file.name ?? file.uri.path,
+                    FileKind.FILE,
+                    openerService,
+                    modelService,
+                    languageService,
+                    hoverService,
+                    labelService,
+                    disposables
+                ));
+                if (detail) {
+                    append(row, $("span.chat-debug-file-list-detail", undefined, ` (${detail})`));
+                }
+                const relativeLabel = labelService.getUriLabel(file.uri, {
+                    relative: true
+                });
+                row.setAttribute("aria-label", relativeLabel);
+                const uri = file.uri;
+                rows.push({
+                    element: row,
+                    activate: () => openerService.open(uri)
+                });
+            }
+        }
+        setupFileListNavigation(listEl, rows, disposables);
+    }
+    if (content.sourceFolders && content.sourceFolders.length > 0) {
+        const sectionEl = append(container, $("div.chat-debug-message-section"));
+        const header = append(sectionEl, $("div.chat-debug-message-section-header"));
+        const chevron = append(header, $("span.chat-debug-message-section-chevron"));
+        append(
+            header,
+            $("span.chat-debug-message-section-title", undefined, ( localize(5629, "Sources ({0})", content.sourceFolders.length)))
+        );
+        const settingsKey = getSettingsKeyForDiscoveryType(content.discoveryType);
+        if (settingsKey) {
+            const gearBtn = disposables.add(( new Button(header, {
+                title: ( localize(5630, "Configure locations")),
+                ariaLabel: ( localize(5631, "Configure locations")),
+                hoverDelegate: getDefaultHoverDelegate("mouse")
+            })));
+            gearBtn.icon = Codicon.settingsGear;
+            gearBtn.element.classList.add("chat-debug-settings-gear");
+            disposables.add(
+                addDisposableListener(gearBtn.element, EventType.MOUSE_ENTER, () => {
+                    header.classList.add("chat-debug-settings-gear-header-passthrough");
+                })
+            );
+            disposables.add(
+                addDisposableListener(gearBtn.element, EventType.MOUSE_LEAVE, () => {
+                    header.classList.remove("chat-debug-settings-gear-header-passthrough");
+                })
+            );
+            disposables.add(gearBtn.onDidClick(e => {
+                if (e) {
+                    EventHelper.stop(e, true);
+                }
+                openerService.open(( URI.parse(
+                    `command:workbench.action.openSettings?${encodeURIComponent(JSON.stringify([`@id:${settingsKey}`]))}`
+                )), {
+                    allowCommands: true
+                });
+            }));
+        }
+        const contentEl = append(sectionEl, $("div.chat-debug-source-folder-content"));
+        contentEl.tabIndex = 0;
+        contentEl.setAttribute("role", "region");
+        contentEl.setAttribute("aria-label", ( localize(5632, "Source folders")));
+        const capitalizedType = content.discoveryType.charAt(0).toUpperCase() + content.discoveryType.slice(1);
+        const sourcesCaption = capitalizedType.endsWith("s") ? capitalizedType : capitalizedType + "s";
+        append(
+            contentEl,
+            $("div.chat-debug-source-folder-note", undefined, ( localize(
+                5633,
+                "{0} were discovered by checking the following sources in order:",
+                sourcesCaption
+            )))
+        );
+        for (let i = 0; i < content.sourceFolders.length; i++) {
+            const folder = content.sourceFolders[i];
+            const row = append(contentEl, $("div.chat-debug-source-folder-row"));
+            append(row, $("span.chat-debug-source-folder-index", undefined, `${i + 1}.`));
+            append(row, $("span.chat-debug-source-folder-label", undefined, folder.uri.path));
+        }
+        setupCollapsibleToggle(chevron, header, contentEl, disposables,  true);
+    }
+    return {
+        element: container,
+        disposables
+    };
+}
+function fileListToPlainText(content) {
+    const lines = [];
+    const capitalizedType = content.discoveryType.charAt(0).toUpperCase() + content.discoveryType.slice(1);
+    lines.push(( localize(5634, "{0} Discovery Results", capitalizedType)));
+    lines.push(( localize(5635, "Total files: {0}", content.files.length)));
+    lines.push("");
+    const loaded = content.files.filter(f => f.status === "loaded");
+    const skipped = content.files.filter(f => f.status === "skipped");
+    if (loaded.length > 0) {
+        lines.push(( localize(5636, "Loaded ({0})", loaded.length)));
+        const groups = ( new Map());
+        for (const f of loaded) {
+            const parentDir = content.discoveryType === "skill" ? dirname(dirname(f.uri)) : dirname(f.uri);
+            const key = f.extensionId ?? parentDir.path;
+            let group = groups.get(key);
+            if (!group) {
+                group = [];
+                groups.set(key, group);
+            }
+            group.push(f);
+        }
+        for (const [locationLabel, files] of groups) {
+            lines.push(`  ${locationLabel}`);
+            for (const f of files) {
+                const label = f.name ?? f.uri.path;
+                lines.push(`    \u2713 ${label}`);
+            }
+        }
+        lines.push("");
+    }
+    if (skipped.length > 0) {
+        lines.push(( localize(5637, "Skipped ({0})", skipped.length)));
+        const skippedGroups = ( new Map());
+        for (const f of skipped) {
+            const key = f.skipReason ?? ( localize(5638, "unknown"));
+            let group = skippedGroups.get(key);
+            if (!group) {
+                group = [];
+                skippedGroups.set(key, group);
+            }
+            group.push(f);
+        }
+        for (const [reasonLabel, files] of skippedGroups) {
+            lines.push(`  ${reasonLabel}`);
+            for (const f of files) {
+                const label = f.name ?? f.uri.path;
+                let detail = `    \u2717 ${label}`;
+                if (f.errorMessage || f.duplicateOf) {
+                    const parts = [];
+                    if (f.errorMessage) {
+                        parts.push(f.errorMessage);
+                    }
+                    if (f.duplicateOf) {
+                        parts.push(( localize(5639, "duplicate of {0}", f.duplicateOf.path)));
+                    }
+                    detail += ` (${parts.join(", ")})`;
+                }
+                lines.push(detail);
+            }
+        }
+    }
+    if (content.sourceFolders && content.sourceFolders.length > 0) {
+        lines.push("");
+        lines.push(( localize(5640, "Sources ({0})", content.sourceFolders.length)));
+        for (const folder of content.sourceFolders) {
+            lines.push(`  ${folder.uri.path}`);
+        }
+    }
+    return lines.join("\n");
+}
+
+export { fileListToPlainText, renderCustomizationDiscoveryContent };

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

@@ -0,0 +1,12 @@
+import { DisposableStore } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { IChatDebugMessageSection } from "../../common/chatDebugService.js";
+/**
+ * Wire up a collapsible toggle on a chevron+header+content triple.
+ * Handles icon switching and display toggling.
+ */
+export declare function setupCollapsibleToggle(chevron: HTMLElement, header: HTMLElement, contentEl: HTMLElement, disposables: DisposableStore, initiallyCollapsed?: boolean): void;
+/**
+ * Render a collapsible section with a clickable header and pre-formatted content
+ * wrapped in a scrollable element.
+ */
+export declare function renderCollapsibleSection(parent: HTMLElement, section: IChatDebugMessageSection, disposables: DisposableStore, initiallyCollapsed?: boolean): void;

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

@@ -0,0 +1,46 @@
+
+import { $ as $$1, clearNode, addDisposableListener, EventType, append } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
+import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
+
+const $ = $$1;
+function setupCollapsibleToggle(chevron, header, contentEl, disposables, initiallyCollapsed = false) {
+    let collapsed = initiallyCollapsed;
+    header.tabIndex = 0;
+    header.role = 'button';
+    chevron.setAttribute('aria-hidden', 'true');
+    const updateState = () => {
+        clearNode(chevron);
+        const icon = collapsed ? Codicon.chevronRight : Codicon.chevronDown;
+        chevron.classList.add(...ThemeIcon.asClassName(icon).split(' '));
+        contentEl.style.display = collapsed ? 'none' : 'block';
+        header.style.borderRadius = collapsed ? '' : '3px 3px 0 0';
+        header.setAttribute('aria-expanded', String(!collapsed));
+    };
+    updateState();
+    disposables.add(addDisposableListener(header, EventType.CLICK, () => {
+        collapsed = !collapsed;
+        chevron.className = 'chat-debug-message-section-chevron';
+        updateState();
+    }));
+    disposables.add(addDisposableListener(header, EventType.KEY_DOWN, (e) => {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            header.click();
+        }
+    }));
+}
+function renderCollapsibleSection(parent, section, disposables, initiallyCollapsed = false) {
+    const sectionEl = append(parent, $('div.chat-debug-message-section'));
+    const header = append(sectionEl, $('div.chat-debug-message-section-header'));
+    const chevron = append(header, $(`span.chat-debug-message-section-chevron`));
+    append(header, $('span.chat-debug-message-section-title', undefined, section.name));
+    const contentEl = $('pre.chat-debug-message-section-content');
+    contentEl.textContent = section.content;
+    contentEl.tabIndex = 0;
+    const wrapper = append(sectionEl, $('div.chat-debug-message-section-content-wrapper'));
+    wrapper.appendChild(contentEl);
+    setupCollapsibleToggle(chevron, header, wrapper, disposables, initiallyCollapsed);
+}
+
+export { renderCollapsibleSection, setupCollapsibleToggle };

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

@@ -0,0 +1,34 @@
+import { Disposable } 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 { IHoverService } from "@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service";
+import { IInstantiationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation";
+import { IOpenerService } from "@codingame/monaco-vscode-api/vscode/vs/platform/opener/common/opener.service";
+import { IEditorService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/editor/common/editorService.service";
+import { IChatDebugEvent } from "../../common/chatDebugService.js";
+import { IChatDebugService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatDebugService.service";
+/**
+ * Reusable detail panel that resolves and displays the content of a
+ * single {@link IChatDebugEvent}. Used by both the logs view and the
+ * flow chart view.
+ */
+export declare class ChatDebugDetailPanel extends Disposable {
+    private readonly chatDebugService;
+    private readonly instantiationService;
+    private readonly editorService;
+    private readonly clipboardService;
+    private readonly hoverService;
+    private readonly openerService;
+    private readonly _onDidHide;
+    readonly onDidHide: import("@codingame/monaco-vscode-api/vscode/vs/base/common/event").Event<void>;
+    readonly element: HTMLElement;
+    private readonly contentContainer;
+    private readonly detailDisposables;
+    private currentDetailText;
+    private currentDetailEventId;
+    private firstFocusableElement;
+    constructor(parent: HTMLElement, chatDebugService: IChatDebugService, instantiationService: IInstantiationService, editorService: IEditorService, clipboardService: IClipboardService, hoverService: IHoverService, openerService: IOpenerService);
+    show(event: IChatDebugEvent): Promise<void>;
+    get isVisible(): boolean;
+    focus(): void;
+    hide(): void;
+}