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

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

@@ -0,0 +1,122 @@
+
+import { $ as $$1, append } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { createTrustedTypesPolicy } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/trustedTypes';
+import { DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { tokenizeToString } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/textToHtmlTokenizer';
+import { setupCollapsibleToggle } from './chatDebugCollapsible.js';
+
+const $ = $$1;
+const _ttpPolicy = createTrustedTypesPolicy("chatDebugTokenizer", {
+    createHTML(html) {
+        return html;
+    }
+});
+function tryParseJSON(text) {
+    try {
+        return {
+            parsed: JSON.parse(text),
+            isJSON: true
+        };
+    } catch {
+        return {
+            isJSON: false
+        };
+    }
+}
+function renderSection(
+    parent,
+    label,
+    plainText,
+    tokenizedHtml,
+    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, label));
+    const wrapper = append(sectionEl, $("div.chat-debug-message-section-content-wrapper"));
+    const contentEl = append(wrapper, $("pre.chat-debug-message-section-content"));
+    contentEl.tabIndex = 0;
+    if (tokenizedHtml) {
+        const trustedHtml = _ttpPolicy?.createHTML(tokenizedHtml) ?? tokenizedHtml;
+        contentEl.innerHTML = trustedHtml;
+    } else {
+        contentEl.textContent = plainText;
+    }
+    setupCollapsibleToggle(chevron, header, wrapper, disposables, initiallyCollapsed);
+}
+async function renderToolCallContent(content, languageService) {
+    const disposables = ( new DisposableStore());
+    const container = $("div.chat-debug-message-content");
+    container.tabIndex = 0;
+    append(
+        container,
+        $("div.chat-debug-message-content-title", undefined, content.toolName)
+    );
+    const statusParts = [];
+    if (content.result) {
+        statusParts.push(content.result === "success" ? ( localize(5710, "Success")) : ( localize(5711, "Error")));
+    }
+    if (content.durationInMillis !== undefined) {
+        statusParts.push(( localize(5712, "{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.input) {
+        const result = tryParseJSON(content.input);
+        const plainText = result.isJSON ? JSON.stringify(result.parsed, null, 2) : content.input;
+        const tokenizedHtml = result.isJSON ? await tokenizeToString(languageService, plainText, "json") : undefined;
+        renderSection(sectionsContainer, ( localize(5713, "Arguments")), plainText, tokenizedHtml, disposables);
+    }
+    if (content.output) {
+        const result = tryParseJSON(content.output);
+        const plainText = result.isJSON ? JSON.stringify(result.parsed, null, 2) : content.output;
+        const tokenizedHtml = result.isJSON ? await tokenizeToString(languageService, plainText, "json") : undefined;
+        renderSection(sectionsContainer, ( localize(5714, "Output")), plainText, tokenizedHtml, disposables);
+    }
+    return {
+        element: container,
+        disposables
+    };
+}
+function toolCallContentToPlainText(content) {
+    const lines = [];
+    lines.push(( localize(5715, "Tool: {0}", content.toolName)));
+    if (content.result) {
+        lines.push(( localize(5716, "Status: {0}", content.result)));
+    }
+    if (content.durationInMillis !== undefined) {
+        lines.push(( localize(5717, "Duration: {0}ms", content.durationInMillis)));
+    }
+    if (content.input) {
+        lines.push("");
+        lines.push(`[${( localize(5713, "Arguments"))}]`);
+        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(5714, "Output"))}]`);
+        try {
+            const parsed = JSON.parse(content.output);
+            lines.push(JSON.stringify(parsed, null, 2));
+        } catch {
+            lines.push(content.output);
+        }
+    }
+    return lines.join("\n");
+}
+
+export { renderToolCallContent, toolCallContentToPlainText };

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

@@ -0,0 +1,45 @@
+import { BreadcrumbsItem, BreadcrumbsWidget } from "@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/breadcrumbs/breadcrumbsWidget";
+import { IDisposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { URI } from "@codingame/monaco-vscode-api/vscode/vs/base/common/uri";
+import { RawContextKey } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey";
+import { IEditorOptions } from "@codingame/monaco-vscode-api/vscode/vs/platform/editor/common/editor";
+/**
+ * Options passed to the chat debug editor pane to control
+ * which session and view to navigate to.
+ */
+export interface IChatDebugEditorOptions extends IEditorOptions {
+    readonly sessionResource?: URI;
+    readonly viewHint?: "home" | "overview" | "logs" | "flowchart";
+}
+export declare enum ViewState {
+    Home = "home",
+    Overview = "overview",
+    Logs = "logs",
+    FlowChart = "flowchart"
+}
+export declare enum LogsViewMode {
+    List = "list",
+    Tree = "tree"
+}
+export declare const CHAT_DEBUG_FILTER_ACTIVE: RawContextKey<boolean>;
+export declare const CHAT_DEBUG_KIND_TOOL_CALL: RawContextKey<boolean>;
+export declare const CHAT_DEBUG_KIND_MODEL_TURN: RawContextKey<boolean>;
+export declare const CHAT_DEBUG_KIND_PROMPT_DISCOVERY: RawContextKey<boolean>;
+export declare const CHAT_DEBUG_KIND_SUBAGENT: RawContextKey<boolean>;
+export declare const CHAT_DEBUG_CMD_TOGGLE_TOOL_CALL = "chatDebug.filter.toggleToolCall";
+export declare const CHAT_DEBUG_CMD_TOGGLE_MODEL_TURN = "chatDebug.filter.toggleModelTurn";
+export declare const CHAT_DEBUG_CMD_TOGGLE_PROMPT_DISCOVERY = "chatDebug.filter.togglePromptDiscovery";
+export declare const CHAT_DEBUG_CMD_TOGGLE_SUBAGENT = "chatDebug.filter.toggleSubagent";
+export declare class TextBreadcrumbItem extends BreadcrumbsItem {
+    private readonly _text;
+    private readonly _isLink;
+    constructor(_text: string, _isLink?: boolean);
+    equals(other: BreadcrumbsItem): boolean;
+    dispose(): void;
+    render(container: HTMLElement): void;
+}
+/**
+ * Wire up Left/Right arrow, Home/End, and Enter keyboard navigation
+ * on a BreadcrumbsWidget container.
+ */
+export declare function setupBreadcrumbKeyboardNavigation(container: HTMLElement, widget: BreadcrumbsWidget): IDisposable;

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

@@ -0,0 +1,85 @@
+
+import { $ as $$1, append, addDisposableListener, EventType } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { BreadcrumbsItem } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/breadcrumbs/breadcrumbsWidget';
+import { RawContextKey } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey';
+
+const $ = $$1;
+var ViewState;
+(function(ViewState) {
+    ViewState["Home"] = "home";
+    ViewState["Overview"] = "overview";
+    ViewState["Logs"] = "logs";
+    ViewState["FlowChart"] = "flowchart";
+})(ViewState || (ViewState = {}));
+var LogsViewMode;
+(function(LogsViewMode) {
+    LogsViewMode["List"] = "list";
+    LogsViewMode["Tree"] = "tree";
+})(LogsViewMode || (LogsViewMode = {}));
+const CHAT_DEBUG_FILTER_ACTIVE = ( new RawContextKey("chatDebugFilterActive", false));
+const CHAT_DEBUG_KIND_TOOL_CALL = ( new RawContextKey("chatDebug.kindToolCall", true));
+const CHAT_DEBUG_KIND_MODEL_TURN = ( new RawContextKey("chatDebug.kindModelTurn", true));
+const CHAT_DEBUG_KIND_PROMPT_DISCOVERY = ( new RawContextKey("chatDebug.kindPromptDiscovery", true));
+const CHAT_DEBUG_KIND_SUBAGENT = ( new RawContextKey("chatDebug.kindSubagent", true));
+const CHAT_DEBUG_CMD_TOGGLE_TOOL_CALL = "chatDebug.filter.toggleToolCall";
+const CHAT_DEBUG_CMD_TOGGLE_MODEL_TURN = "chatDebug.filter.toggleModelTurn";
+const CHAT_DEBUG_CMD_TOGGLE_PROMPT_DISCOVERY = "chatDebug.filter.togglePromptDiscovery";
+const CHAT_DEBUG_CMD_TOGGLE_SUBAGENT = "chatDebug.filter.toggleSubagent";
+class TextBreadcrumbItem extends BreadcrumbsItem {
+    constructor(_text, _isLink = false) {
+        super();
+        this._text = _text;
+        this._isLink = _isLink;
+    }
+    equals(other) {
+        return other instanceof TextBreadcrumbItem && other._text === this._text;
+    }
+    dispose() {}
+    render(container) {
+        container.classList.add("chat-debug-breadcrumb-item");
+        if (this._isLink) {
+            container.classList.add("chat-debug-breadcrumb-item-link");
+        }
+        append(
+            container,
+            $("span.chat-debug-breadcrumb-item-label", undefined, this._text)
+        );
+    }
+}
+function setupBreadcrumbKeyboardNavigation(container, widget) {
+    return addDisposableListener(container, EventType.KEY_DOWN, e => {
+        switch (e.key) {
+        case "ArrowLeft":
+            e.preventDefault();
+            widget.focusPrev();
+            break;
+        case "ArrowRight":
+            e.preventDefault();
+            widget.focusNext();
+            break;
+        case "Home":
+            e.preventDefault();
+            widget.setFocused(widget.getItems()[0]);
+            break;
+        case "End":
+            {
+                e.preventDefault();
+                const items = widget.getItems();
+                widget.setFocused(items[items.length - 1]);
+                break;
+            }
+        case "Enter":
+        case " ":
+            {
+                e.preventDefault();
+                const focused = widget.getFocused();
+                if (focused) {
+                    widget.setSelection(focused);
+                }
+                break;
+            }
+        }
+    });
+}
+
+export { CHAT_DEBUG_CMD_TOGGLE_MODEL_TURN, CHAT_DEBUG_CMD_TOGGLE_PROMPT_DISCOVERY, CHAT_DEBUG_CMD_TOGGLE_SUBAGENT, CHAT_DEBUG_CMD_TOGGLE_TOOL_CALL, CHAT_DEBUG_FILTER_ACTIVE, CHAT_DEBUG_KIND_MODEL_TURN, CHAT_DEBUG_KIND_PROMPT_DISCOVERY, CHAT_DEBUG_KIND_SUBAGENT, CHAT_DEBUG_KIND_TOOL_CALL, LogsViewMode, TextBreadcrumbItem, ViewState, setupBreadcrumbKeyboardNavigation };