@codingame/monaco-vscode-chat-service-override 37.2.0 → 37.3.1

package/vscode/src/vs/workbench/contrib/chat/browser/aiCustomization/aiCustomizationWelcomePagePromptLaunchers.js

@@ -1,369 +0,0 @@
-
-import { registerCss } from '@codingame/monaco-vscode-api/css';
-import * as aiCustomizationWelcomePromptLaunchers from './media/aiCustomizationWelcomePromptLaunchers.css';
-import { $ as $$1, DisposableResizeObserver, append, addDisposableListener, 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 { ScrollbarVisibility } from '@codingame/monaco-vscode-api/vscode/vs/base/common/scrollable';
-import { Disposable, DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
-import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
-import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
-import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
-import '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/aiCustomization/aiCustomizationManagement';
-import { agentIcon, skillIcon, instructionsIcon, hookIcon, pluginIcon, toolsIcon } from './aiCustomizationIcons.js';
-import { PromptsType } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/promptTypes';
-import { getDefaultHoverDelegate } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hoverDelegateFactory';
-import { CONFIGURE_VOICE_INSTRUCTIONS_ACTION_ID, CONFIGURE_DICTATION_INSTRUCTIONS_ACTION_ID } from '@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/actions/configureVoiceInstructionsAction';
-import { AICustomizationManagementSection } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/aiCustomizationWorkspaceService';
-
-registerCss(aiCustomizationWelcomePromptLaunchers);
-const $ = $$1;
-class PromptLaunchersAICustomizationWelcomePage extends Disposable {
-    constructor(
-        parent,
-        welcomePageFeatures,
-        callbacks,
-        commandService,
-        workspaceService,
-        hoverService,
-        harnessLabel
-    ) {
-        super();
-        this.welcomePageFeatures = welcomePageFeatures;
-        this.callbacks = callbacks;
-        this.commandService = commandService;
-        this.workspaceService = workspaceService;
-        this.hoverService = hoverService;
-        this.harnessLabel = harnessLabel;
-        this.cardDisposables = this._register(( new DisposableStore()));
-        this.visibleSectionIds = ( new Set());
-        this.migrationCategories = [];
-        this.categoryDescriptions = [{
-            id: AICustomizationManagementSection.Agents,
-            label: ( localize(6683, "Agents")),
-            icon: agentIcon,
-            description: ( localize(
-                6684,
-                "Create specialized agents for focused development tasks. Control their instructions, tools, and behavior."
-            )),
-            promptType: PromptsType.agent
-        }, {
-            id: AICustomizationManagementSection.Skills,
-            label: ( localize(6685, "Skills")),
-            icon: skillIcon,
-            description: ( localize(
-                6686,
-                "Add reusable knowledge and workflows for specialized tasks. Agents load relevant skills when needed."
-            )),
-            promptType: PromptsType.skill
-        }, {
-            id: AICustomizationManagementSection.Instructions,
-            label: ( localize(6687, "Instructions")),
-            icon: instructionsIcon,
-            description: ( localize(
-                6688,
-                "Define guidance that shapes how agents work. Apply it across a workspace or keep it in your user profile."
-            )),
-            promptType: PromptsType.instructions
-        }, {
-            id: AICustomizationManagementSection.Hooks,
-            label: ( localize(6689, "Hooks")),
-            icon: hookIcon,
-            description: ( localize(
-                6690,
-                "Run automated commands at key points in the agent lifecycle. Use hooks to validate, format, or coordinate work."
-            )),
-            promptType: PromptsType.hook
-        }, {
-            id: AICustomizationManagementSection.McpServers,
-            label: ( localize(6691, "MCP Servers")),
-            icon: Codicon.server,
-            description: ( localize(
-                6692,
-                "Connect agents to external tools and data through MCP servers. Manage the servers available to your agent."
-            ))
-        }, {
-            id: AICustomizationManagementSection.Plugins,
-            label: ( localize(6693, "Plugins")),
-            icon: pluginIcon,
-            description: ( localize(
-                6694,
-                "Install reusable packages that extend the agent. Plugins can add tools, skills, agents, hooks, and MCP servers."
-            ))
-        }, {
-            id: AICustomizationManagementSection.Tools,
-            label: ( localize(6695, "Tools")),
-            icon: toolsIcon,
-            description: ( localize(
-                6696,
-                "Review the tools available to the active agent. Enable or disable configurable tool groups."
-            ))
-        }];
-        this.standaloneCustomizations = [{
-            label: ( localize(6697, "Voice Mode Instructions")),
-            icon: Codicon.voiceMode,
-            description: ( localize(6698, "Customize Voice Mode behavior and terminology with voice.md.")),
-            commandId: CONFIGURE_VOICE_INSTRUCTIONS_ACTION_ID
-        }, {
-            label: ( localize(6699, "Dictation Instructions")),
-            icon: Codicon.mic,
-            description: ( localize(
-                6700,
-                "Customize Dictation terminology and transcript formatting with dictation.md."
-            )),
-            commandId: CONFIGURE_DICTATION_INSTRUCTIONS_ACTION_ID
-        }];
-        this.container = $(".welcome-prompts-content-container");
-        this.scrollable = this._register(( new DomScrollableElement(this.container, {
-            horizontal: ScrollbarVisibility.Hidden,
-            vertical: ScrollbarVisibility.Auto,
-            useShadows: false
-        })));
-        const scrollableNode = this.scrollable.getDomNode();
-        scrollableNode.classList.add("welcome-prompts-scrollable");
-        parent.appendChild(scrollableNode);
-        const resizeObserver = this._register(new DisposableResizeObserver(
-            "AICustomizationWelcomePagePromptLaunchers.scrollable",
-            () => this.scrollable.scanDomNode()
-        ));
-        this._register(resizeObserver.observe(scrollableNode));
-        const welcomeInner = append(this.container, $(".welcome-prompts-inner"));
-        this.heading = append(welcomeInner, $("h2.welcome-prompts-heading"));
-        this.updateHeading();
-        const subtitle = append(welcomeInner, $("p.welcome-prompts-subtitle"));
-        subtitle.textContent = ( localize(
-            6701,
-            "Tailor how agents work in your projects. Configure workspace customizations for the entire team, or create personal ones that follow you across projects."
-        ));
-        if (this.welcomePageFeatures?.showGettingStartedBanner !== false) {
-            const gettingStarted = append(welcomeInner, $(".welcome-prompts-primary"));
-            const header = append(gettingStarted, $(".welcome-prompts-section-label"));
-            const icon = append(
-                header,
-                $("span.welcome-prompts-section-label-icon.codicon.codicon-sparkle")
-            );
-            icon.setAttribute("aria-hidden", "true");
-            const title = append(header, $("span"));
-            title.textContent = ( localize(6702, "Customize Your Agent"));
-            const description = append(gettingStarted, $("p.welcome-prompts-input-helper"));
-            description.textContent = ( localize(
-                6703,
-                "Describe your preferences and conventions to draft agents, skills, and instructions."
-            ));
-            const inputRow = append(gettingStarted, $(".welcome-prompts-input-row"));
-            this.inputRow = inputRow;
-            this.inputElement = append(inputRow, $("input.welcome-prompts-input"));
-            this.inputElement.type = "text";
-            this.inputElement.placeholder = ( localize(6704, "Prefer concise commits, thorough reviews, and tested code..."));
-            this.inputElement.setAttribute("aria-label", ( localize(6705, "Describe your preferences to customize your agent")));
-            const submitBtn = append(inputRow, $("button.welcome-prompts-input-submit"));
-            this.submitBtn = submitBtn;
-            submitBtn.setAttribute("aria-label", ( localize(6706, "Customize agent")));
-            this._register(
-                this.hoverService.setupManagedHover(getDefaultHoverDelegate("element"), submitBtn, ( localize(6707, "Open in Chat")))
-            );
-            const chevron = append(submitBtn, $("span.codicon.codicon-arrow-up"));
-            chevron.setAttribute("aria-hidden", "true");
-            const updateSubmitState = () => {
-                const hasValue = !!(this.inputElement?.value?.trim());
-                submitBtn.disabled = !hasValue;
-                submitBtn.classList.toggle("welcome-prompts-input-submit-disabled", !hasValue);
-            };
-            const submit = () => {
-                const value = this.inputElement?.value?.trim();
-                if (!value) {
-                    return;
-                }
-                let query;
-                if (this.workspaceService.isSessionsWindow) {
-                    query = `Generate agent customizations. ${value}`;
-                } else {
-                    query = `/init ${value}`;
-                }
-                if (this.inputElement) {
-                    this.inputElement.value = "";
-                }
-                updateSubmitState();
-                inputRow.classList.add("sent");
-                submitBtn.style.display = "none";
-                if (this.sentLabel) {
-                    this.sentLabel.remove();
-                }
-                this.sentLabel = append(inputRow, $("span.welcome-prompts-sent-label"));
-                this.sentLabel.setAttribute("role", "status");
-                this.sentLabel.setAttribute("aria-live", "polite");
-                this.sentLabel.textContent = ( localize(6708, "Sent to chat ✓"));
-                this.callbacks.prefillChat(query, {
-                    isPartialQuery: false,
-                    newChat: true
-                });
-            };
-            this._register(addDisposableListener(submitBtn, "click", e => {
-                e.stopPropagation();
-                submit();
-            }));
-            this._register(addDisposableListener(this.inputElement, "keydown", e => {
-                if (e.key === "Enter") {
-                    e.preventDefault();
-                    submit();
-                }
-            }));
-            this._register(addDisposableListener(this.inputElement, "input", () => {
-                updateSubmitState();
-                this._clearSentState();
-            }));
-            updateSubmitState();
-        }
-        this.cardsContainer = append(welcomeInner, $(".welcome-prompts-cards"));
-    }
-    _clearSentState() {
-        if (this.sentLabel) {
-            this.sentLabel.remove();
-            this.sentLabel = undefined;
-        }
-        if (this.submitBtn) {
-            this.submitBtn.style.display = "";
-        }
-        if (this.inputRow) {
-            this.inputRow.classList.remove("sent");
-        }
-    }
-    reset() {
-        this._clearSentState();
-    }
-    rebuildCards(visibleSectionIds) {
-        if (!this.cardsContainer) {
-            return;
-        }
-        this.visibleSectionIds = ( new Set(visibleSectionIds));
-        this.cardDisposables.clear();
-        clearNode(this.cardsContainer);
-        this.firstCard = undefined;
-        if (this.migrationCategories.length > 0) {
-            const migrationGrid = this.renderOverviewSection(( localize(6709, "Needs Attention")), ( localize(6710, "Review customizations that need an update for the active agent.")), "welcome-prompts-attention-section");
-            this.renderCustomizationMigrationCard(migrationGrid, this.migrationCategories);
-        }
-        const exploreGrid = this.renderOverviewSection(( localize(6711, "Explore Customizations")), ( localize(6712, "Manage what the active agent knows and can do.")), "welcome-prompts-explore-section");
-        for (const section of this.workspaceService.managementSections) {
-            const category = this.categoryDescriptions.find(candidate => candidate.id === section);
-            if (!category || !( visibleSectionIds.has(category.id))) {
-                continue;
-            }
-            const card = append(
-                exploreGrid,
-                $("button.welcome-prompts-card.welcome-prompts-navigation-card")
-            );
-            card.type = "button";
-            card.setAttribute("aria-label", ( localize(6713, "Open {0}", category.label)));
-            if (!this.firstCard) {
-                this.firstCard = card;
-            }
-            const cardHeader = append(card, $(".welcome-prompts-card-header"));
-            const iconEl = append(cardHeader, $(".welcome-prompts-card-icon"));
-            iconEl.classList.add(...ThemeIcon.asClassNameArray(category.icon));
-            const labelEl = append(cardHeader, $("span.welcome-prompts-card-label"));
-            labelEl.textContent = category.label;
-            const descEl = append(card, $("p.welcome-prompts-card-description"));
-            descEl.textContent = category.description;
-            this.cardDisposables.add(addDisposableListener(card, "click", () => {
-                this.callbacks.selectSection(category.id);
-            }));
-        }
-        if (!this.workspaceService.isSessionsWindow) {
-            const otherGrid = this.renderOverviewSection(( localize(6714, "Other Customizations")), ( localize(6715, "Configure specialized voice and dictation behavior.")), "welcome-prompts-other-section");
-            for (const customization of this.standaloneCustomizations) {
-                this.renderStandaloneCustomization(otherGrid, customization);
-            }
-        }
-        this.scrollable.scanDomNode();
-    }
-    renderOverviewSection(title, description, className) {
-        const section = append(this.cardsContainer, $(".welcome-prompts-overview-section"));
-        section.classList.add(className);
-        const heading = append(section, $("h3.welcome-prompts-overview-section-title"));
-        heading.textContent = title;
-        const descriptionElement = append(section, $("p.welcome-prompts-overview-section-description"));
-        descriptionElement.textContent = description;
-        return append(section, $(".welcome-prompts-overview-grid"));
-    }
-    renderStandaloneCustomization(parent, customization) {
-        const card = append(parent, $("button.welcome-prompts-card.welcome-prompts-navigation-card"));
-        card.type = "button";
-        card.setAttribute("aria-label", ( localize(6716, "Configure {0}", customization.label)));
-        if (!this.firstCard) {
-            this.firstCard = card;
-        }
-        const cardHeader = append(card, $(".welcome-prompts-card-header"));
-        const iconEl = append(cardHeader, $(".welcome-prompts-card-icon"));
-        iconEl.classList.add(...ThemeIcon.asClassNameArray(customization.icon));
-        const labelEl = append(cardHeader, $("span.welcome-prompts-card-label"));
-        labelEl.textContent = customization.label;
-        const descEl = append(card, $("p.welcome-prompts-card-description"));
-        descEl.textContent = customization.description;
-        const configure = () => {
-            void this.commandService.executeCommand(customization.commandId);
-        };
-        this.cardDisposables.add(addDisposableListener(card, "click", configure));
-    }
-    setMigrationCategories(categories) {
-        const didChange = categories.length !== this.migrationCategories.length || ( categories.some((category, index) => {
-            const previous = this.migrationCategories[index];
-            return previous.id !== category.id || previous.count !== category.count || previous.description !== category.description;
-        }));
-        this.migrationCategories = categories;
-        if (didChange) {
-            this.rebuildCards(this.visibleSectionIds);
-        }
-    }
-    setHarnessLabel(label) {
-        if (this.harnessLabel === label) {
-            return;
-        }
-        this.harnessLabel = label;
-        this.updateHeading();
-    }
-    updateHeading() {
-        if (this.heading) {
-            this.heading.textContent = ( localize(6717, "Agent Customizations"));
-        }
-    }
-    renderCustomizationMigrationCard(parent, categories) {
-        const migrationCard = append(parent, $("button.welcome-prompts-card.welcome-prompts-migration-card"));
-        migrationCard.type = "button";
-        const totalCount = categories.reduce((total, category) => total + category.count, 0);
-        migrationCard.setAttribute("aria-label", ( localize(6718, "Review {0} customizations that need migration", totalCount)));
-        const cardHeader = append(migrationCard, $(".welcome-prompts-card-header"));
-        const iconEl = append(cardHeader, $(".welcome-prompts-card-icon"));
-        iconEl.classList.add(...ThemeIcon.asClassNameArray(Codicon.warning));
-        iconEl.setAttribute("aria-hidden", "true");
-        const labelEl = append(cardHeader, $("span.welcome-prompts-card-label"));
-        labelEl.textContent = ( localize(6719, "Review Customization Migrations"));
-        const descEl = append(migrationCard, $("p.welcome-prompts-card-description"));
-        descEl.textContent = totalCount === 1 ? ( localize(
-            6720,
-            "1 customization needs an update before it can be used by {0}. Review what will change before migrating.",
-            this.harnessLabel
-        )) : ( localize(
-            6721,
-            "{0} customizations need an update before they can be used by {1}. Review what will change before migrating.",
-            totalCount,
-            this.harnessLabel
-        ));
-        if (!this.firstCard) {
-            this.firstCard = migrationCard;
-        }
-        const actionLabel = append(migrationCard, $("span.welcome-prompts-card-action-label"));
-        actionLabel.textContent = ( localize(6722, "Review Migrations..."));
-        this.cardDisposables.add(
-            addDisposableListener(migrationCard, "click", () => this.callbacks.reviewMigrations())
-        );
-    }
-    focus() {
-        if (this.inputElement) {
-            this.inputElement.focus();
-            return;
-        }
-        this.firstCard?.focus();
-    }
-}
-
-export { PromptLaunchersAICustomizationWelcomePage };

package/vscode/src/vs/workbench/contrib/chat/browser/aiCustomization/customizationCardList.d.ts

@@ -1,40 +0,0 @@
-import { Disposable, DisposableStore } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
-export interface ICustomizationCardListItem {
-    readonly row: HTMLElement;
-    readonly primaryAction: HTMLElement;
-    readonly label: string;
-    readonly actions?: readonly HTMLElement[];
-    readonly contextMenuAction?: HTMLElement;
-}
-export declare function createCustomizationCardPrimaryAction(parent: HTMLElement, ariaLabel: string, ...classNames: string[]): HTMLButtonElement;
-export declare function setupCollapsibleSection(headingRow: HTMLElement, content: HTMLElement, label: string, disposables: DisposableStore, initiallyCollapsed: boolean, onDidChange: (collapsed: boolean) => void): HTMLButtonElement;
-export interface IVirtualizedSectionLayout {
-    readonly container: HTMLElement;
-    readonly contentHeight: number;
-    readonly minimumHeight: number;
-}
-export declare function getVirtualizedSectionMinimumHeight<T>(items: readonly T[], getHeight: (item: T) => number): number;
-export declare function renderVirtualizedSectionLoadingPlaceholder(container: HTMLElement, label: string, height: number): HTMLElement;
-export interface IVirtualizedSectionList {
-    scrollTop: number;
-    layout(height: number, width?: number): void;
-}
-export declare function layoutVirtualizedSectionList(list: IVirtualizedSectionList, container: HTMLElement, height: number, width?: number): void;
-export declare function setVirtualizedRowActionsTabbable(container: HTMLElement, tabbable: boolean): void;
-export declare function layoutVirtualizedSections(root: HTMLElement, sections: readonly IVirtualizedSectionLayout[]): readonly number[];
-export declare class CustomizationCardListController extends Disposable {
-    private readonly items;
-    private readonly typeAheadReset;
-    private typeAhead;
-    constructor(container: HTMLElement, ariaLabel: string);
-    addItem(item: ICustomizationCardListItem): void;
-    finalize(): void;
-    private onPrimaryActionKeyDown;
-    private runTypeAhead;
-    private focusItem;
-    private setActiveItem;
-    private setActionsTabbable;
-    private updateActionTabIndex;
-    private getFocusableActions;
-    private isFocusableAction;
-}