@theia/ai-ide 1.67.0-next.56 → 1.67.0-next.59

package/lib/browser/ai-configuration/ai-configuration-widget.js

@@ -0,0 +1,118 @@
+"use strict";
+// *****************************************************************************
+// Copyright (C) 2024 EclipseSource GmbH.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+var AIConfigurationContainerWidget_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AIConfigurationContainerWidget = void 0;
+const tslib_1 = require("tslib");
+const browser_1 = require("@theia/core/lib/browser");
+const theia_dock_panel_1 = require("@theia/core/lib/browser/shell/theia-dock-panel");
+const inversify_1 = require("@theia/core/shared/inversify");
+const agent_configuration_widget_1 = require("./agent-configuration-widget");
+const variable_configuration_widget_1 = require("./variable-configuration-widget");
+const tools_configuration_widget_1 = require("./tools-configuration-widget");
+const ai_configuration_service_1 = require("./ai-configuration-service");
+const core_1 = require("@theia/core");
+const mcp_configuration_widget_1 = require("./mcp-configuration-widget");
+const token_usage_configuration_widget_1 = require("./token-usage-configuration-widget");
+const prompt_fragments_configuration_widget_1 = require("./prompt-fragments-configuration-widget");
+const model_aliases_configuration_widget_1 = require("./model-aliases-configuration-widget");
+let AIConfigurationContainerWidget = AIConfigurationContainerWidget_1 = class AIConfigurationContainerWidget extends browser_1.BaseWidget {
+    init() {
+        this.id = AIConfigurationContainerWidget_1.ID;
+        this.title.label = AIConfigurationContainerWidget_1.LABEL;
+        this.title.closable = true;
+        this.addClass('theia-settings-container');
+        this.title.iconClass = (0, browser_1.codicon)('hubot');
+        this.initUI();
+        this.initListeners();
+    }
+    async initUI() {
+        const layout = (this.layout = new browser_1.BoxLayout({ direction: 'top-to-bottom', spacing: 0 }));
+        this.dockpanel = this.dockPanelFactory({
+            mode: 'multiple-document',
+            spacing: 0
+        });
+        browser_1.BoxLayout.setStretch(this.dockpanel, 1);
+        layout.addWidget(this.dockpanel);
+        this.dockpanel.addClass('ai-configuration-widget');
+        this.agentsWidget = await this.widgetManager.getOrCreateWidget(agent_configuration_widget_1.AIAgentConfigurationWidget.ID);
+        this.variablesWidget = await this.widgetManager.getOrCreateWidget(variable_configuration_widget_1.AIVariableConfigurationWidget.ID);
+        this.mcpWidget = await this.widgetManager.getOrCreateWidget(mcp_configuration_widget_1.AIMCPConfigurationWidget.ID);
+        this.tokenUsageWidget = await this.widgetManager.getOrCreateWidget(token_usage_configuration_widget_1.AITokenUsageConfigurationWidget.ID);
+        this.promptFragmentsWidget = await this.widgetManager.getOrCreateWidget(prompt_fragments_configuration_widget_1.AIPromptFragmentsConfigurationWidget.ID);
+        this.toolsWidget = await this.widgetManager.getOrCreateWidget(tools_configuration_widget_1.AIToolsConfigurationWidget.ID);
+        this.modelAliasesWidget = await this.widgetManager.getOrCreateWidget(model_aliases_configuration_widget_1.ModelAliasesConfigurationWidget.ID);
+        this.dockpanel.addWidget(this.agentsWidget);
+        this.dockpanel.addWidget(this.variablesWidget, { mode: 'tab-after', ref: this.agentsWidget });
+        this.dockpanel.addWidget(this.mcpWidget, { mode: 'tab-after', ref: this.variablesWidget });
+        this.dockpanel.addWidget(this.tokenUsageWidget, { mode: 'tab-after', ref: this.mcpWidget });
+        this.dockpanel.addWidget(this.promptFragmentsWidget, { mode: 'tab-after', ref: this.tokenUsageWidget });
+        this.dockpanel.addWidget(this.toolsWidget, { mode: 'tab-after', ref: this.promptFragmentsWidget });
+        this.dockpanel.addWidget(this.modelAliasesWidget, { mode: 'tab-after', ref: this.toolsWidget });
+        this.update();
+    }
+    initListeners() {
+        this.aiConfigurationSelectionService.onDidSelectConfiguration(widgetId => {
+            if (widgetId === agent_configuration_widget_1.AIAgentConfigurationWidget.ID) {
+                this.dockpanel.activateWidget(this.agentsWidget);
+            }
+            else if (widgetId === variable_configuration_widget_1.AIVariableConfigurationWidget.ID) {
+                this.dockpanel.activateWidget(this.variablesWidget);
+            }
+            else if (widgetId === mcp_configuration_widget_1.AIMCPConfigurationWidget.ID) {
+                this.dockpanel.activateWidget(this.mcpWidget);
+            }
+            else if (widgetId === token_usage_configuration_widget_1.AITokenUsageConfigurationWidget.ID) {
+                this.dockpanel.activateWidget(this.tokenUsageWidget);
+            }
+            else if (widgetId === prompt_fragments_configuration_widget_1.AIPromptFragmentsConfigurationWidget.ID) {
+                this.dockpanel.activateWidget(this.promptFragmentsWidget);
+            }
+            else if (widgetId === tools_configuration_widget_1.AIToolsConfigurationWidget.ID) {
+                this.dockpanel.activateWidget(this.toolsWidget);
+            }
+            else if (widgetId === model_aliases_configuration_widget_1.ModelAliasesConfigurationWidget.ID) {
+                this.dockpanel.activateWidget(this.modelAliasesWidget);
+            }
+        });
+    }
+};
+exports.AIConfigurationContainerWidget = AIConfigurationContainerWidget;
+AIConfigurationContainerWidget.ID = 'ai-configuration';
+AIConfigurationContainerWidget.LABEL = core_1.nls.localize('theia/ai/core/aiConfiguration/label', 'AI Configuration [Beta]');
+tslib_1.__decorate([
+    (0, inversify_1.inject)(theia_dock_panel_1.TheiaDockPanel.Factory),
+    tslib_1.__metadata("design:type", Function)
+], AIConfigurationContainerWidget.prototype, "dockPanelFactory", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(browser_1.WidgetManager),
+    tslib_1.__metadata("design:type", browser_1.WidgetManager)
+], AIConfigurationContainerWidget.prototype, "widgetManager", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(ai_configuration_service_1.AIConfigurationSelectionService),
+    tslib_1.__metadata("design:type", ai_configuration_service_1.AIConfigurationSelectionService)
+], AIConfigurationContainerWidget.prototype, "aiConfigurationSelectionService", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.postConstruct)(),
+    tslib_1.__metadata("design:type", Function),
+    tslib_1.__metadata("design:paramtypes", []),
+    tslib_1.__metadata("design:returntype", void 0)
+], AIConfigurationContainerWidget.prototype, "init", null);
+exports.AIConfigurationContainerWidget = AIConfigurationContainerWidget = AIConfigurationContainerWidget_1 = tslib_1.__decorate([
+    (0, inversify_1.injectable)()
+], AIConfigurationContainerWidget);
+//# sourceMappingURL=ai-configuration-widget.js.map

package/lib/browser/ai-configuration/ai-configuration-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-configuration-widget.js","sourceRoot":"","sources":["../../../src/browser/ai-configuration/ai-configuration-widget.tsx"],"names":[],"mappings":"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"}

package/lib/browser/ai-configuration/language-model-renderer.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import * as React from '@theia/core/shared/react';
+import { Agent, AISettingsService, FrontendLanguageModelRegistry, LanguageModel } from '@theia/ai-core/lib/common';
+import { LanguageModelAlias } from '@theia/ai-core/lib/common/language-model-alias';
+export interface LanguageModelSettingsProps {
+    agent: Agent;
+    languageModels?: LanguageModel[];
+    aiSettingsService: AISettingsService;
+    languageModelRegistry: FrontendLanguageModelRegistry;
+    languageModelAliases: LanguageModelAlias[];
+}
+export declare const LanguageModelRenderer: React.FC<LanguageModelSettingsProps>;
+//# sourceMappingURL=language-model-renderer.d.ts.map

package/lib/browser/ai-configuration/language-model-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"language-model-renderer.d.ts","sourceRoot":"","sources":["../../../src/browser/ai-configuration/language-model-renderer.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,KAAK,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,6BAA6B,EAAE,aAAa,EAA4B,MAAM,2BAA2B,CAAC;AAC7I,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAIpF,MAAM,WAAW,0BAA0B;IACvC,KAAK,EAAE,KAAK,CAAC;IACb,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,qBAAqB,EAAE,6BAA6B,CAAC;IACrD,oBAAoB,EAAE,kBAAkB,EAAE,CAAC;CAC9C;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA6HtE,CAAC"}

package/lib/browser/ai-configuration/language-model-renderer.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LanguageModelRenderer = void 0;
+// *****************************************************************************
+// Copyright (C) 2024 EclipseSource GmbH.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+const React = require("@theia/core/shared/react");
+const nls_1 = require("@theia/core/lib/common/nls");
+const LanguageModelRenderer = ({ agent, languageModels, aiSettingsService, languageModelRegistry, languageModelAliases: aliases }) => {
+    const findLanguageModelRequirement = async (purpose) => {
+        var _a;
+        const requirementSetting = await aiSettingsService.getAgentSettings(agent.id);
+        return (_a = requirementSetting === null || requirementSetting === void 0 ? void 0 : requirementSetting.languageModelRequirements) === null || _a === void 0 ? void 0 : _a.find(e => e.purpose === purpose);
+    };
+    const [lmRequirementMap, setLmRequirementMap] = React.useState({});
+    const [resolvedAliasModels, setResolvedAliasModels] = React.useState({});
+    React.useEffect(() => {
+        const computeLmRequirementMap = async () => {
+            const map = await agent.languageModelRequirements.reduce(async (accPromise, curr) => {
+                var _a;
+                const acc = await accPromise;
+                // take the agents requirements and override them with the user settings if present
+                const lmRequirement = (_a = await findLanguageModelRequirement(curr.purpose)) !== null && _a !== void 0 ? _a : curr;
+                // if no llm is selected through the identifier, see what would be the default
+                if (!lmRequirement.identifier) {
+                    const llm = await languageModelRegistry.selectLanguageModel({ agent: agent.id, ...lmRequirement });
+                    lmRequirement.identifier = llm === null || llm === void 0 ? void 0 : llm.id;
+                }
+                acc[curr.purpose] = lmRequirement;
+                return acc;
+            }, Promise.resolve({}));
+            setLmRequirementMap(map);
+        };
+        computeLmRequirementMap();
+    }, []);
+    // Effect to resolve alias to model whenever requirements.identifier or aliases change
+    React.useEffect(() => {
+        const resolveAliases = async () => {
+            const newResolved = {};
+            await Promise.all(Object.values(lmRequirementMap).map(async (requirements) => {
+                const id = requirements.identifier;
+                if (id && aliases.some(a => a.id === id)) {
+                    newResolved[id] = await languageModelRegistry.getReadyLanguageModel(id);
+                }
+            }));
+            setResolvedAliasModels(newResolved);
+        };
+        resolveAliases();
+    }, [lmRequirementMap, aliases]);
+    const onSelectedModelChange = (purpose, event) => {
+        const newLmRequirementMap = { ...lmRequirementMap, [purpose]: { purpose, identifier: event.target.value } };
+        aiSettingsService.updateAgentSettings(agent.id, { languageModelRequirements: Object.values(newLmRequirementMap) });
+        setLmRequirementMap(newLmRequirementMap);
+    };
+    return React.createElement("div", { className: 'language-model-container' }, Object.values(lmRequirementMap).map((requirement, index) => {
+        var _a;
+        const isAlias = requirement.identifier && aliases.some(a => a.id === requirement.identifier);
+        const resolvedModel = isAlias ? resolvedAliasModels[requirement.identifier] : undefined;
+        return (React.createElement(React.Fragment, { key: index },
+            React.createElement("div", { className: "ai-alias-evaluates-to-container" },
+                React.createElement("strong", null,
+                    nls_1.nls.localize('theia/ai/core/languageModelRenderer/purpose', 'Purpose'),
+                    ":"),
+                " ",
+                requirement.purpose),
+            React.createElement("div", null,
+                React.createElement("div", { className: "ai-alias-evaluates-to-container" },
+                    React.createElement("label", { className: "theia-header no-select", htmlFor: `model-select-${agent.id}` }, nls_1.nls.localize('theia/ai/core/languageModelRenderer/languageModel', 'Language Model') + ': '),
+                    React.createElement("select", { className: "theia-select", id: `model-select-${agent.id}-${requirement.purpose}`, value: requirement.identifier, onChange: event => onSelectedModelChange(requirement.purpose, event) },
+                        React.createElement("option", { value: "" }), aliases === null || aliases === void 0 ? void 0 :
+                        aliases.sort((a, b) => a.id.localeCompare(b.id)).map(alias => (React.createElement("option", { key: `alias/${alias.id}`, value: alias.id, className: 'ai-language-model-item-ready' }, nls_1.nls.localize('theia/ai/core/languageModelRenderer/alias', '[alias] {0}', alias.id)))), languageModels === null || languageModels === void 0 ? void 0 :
+                        languageModels.sort((a, b) => { var _a, _b; return ((_a = a.name) !== null && _a !== void 0 ? _a : a.id).localeCompare((_b = b.name) !== null && _b !== void 0 ? _b : b.id); }).map(model => {
+                            var _a;
+                            const isNotReady = model.status.status !== 'ready';
+                            return (React.createElement("option", { key: model.id, value: model.id, className: isNotReady ? 'ai-language-model-item-not-ready' : 'ai-language-model-item-ready', title: isNotReady && model.status.message ? model.status.message : undefined }, (_a = model.name) !== null && _a !== void 0 ? _a : model.id,
+                                " ",
+                                isNotReady ? '✗' : '✓'));
+                        }))),
+                isAlias && (React.createElement("div", { className: "ai-alias-evaluates-to-container" },
+                    React.createElement("label", { className: "ai-alias-evaluates-to-label" },
+                        nls_1.nls.localize('theia/ai/core/modelAliasesConfiguration/evaluatesTo', 'Evaluates to'),
+                        ":"),
+                    resolvedModel ? (React.createElement("span", { className: "ai-alias-evaluates-to-value" }, (_a = resolvedModel.name) !== null && _a !== void 0 ? _a : resolvedModel.id,
+                        resolvedModel.status.status === 'ready' ? (React.createElement("span", { className: "ai-model-status-ready", title: nls_1.nls.localize('theia/ai/core/modelAliasesConfiguration/modelReadyTooltip', 'Ready') }, "\u2713")) : (React.createElement("span", { className: "ai-model-status-not-ready", title: resolvedModel.status.message
+                                || nls_1.nls.localize('theia/ai/core/modelAliasesConfiguration/modelNotReadyTooltip', 'Not ready') }, "\u2717")))) : (React.createElement("span", { className: "ai-alias-evaluates-to-unresolved" },
+                        nls_1.nls.localize('theia/ai/core/modelAliasesConfiguration/noResolvedModel', 'No model ready for this alias.'),
+                        React.createElement("span", { className: "ai-model-status-not-ready", title: nls_1.nls.localize('theia/ai/core/modelAliasesConfiguration/noModelReadyTooltip', 'No model ready') }, "\u2717"))))),
+                React.createElement("hr", null))));
+    }));
+};
+exports.LanguageModelRenderer = LanguageModelRenderer;
+//# sourceMappingURL=language-model-renderer.js.map

package/lib/browser/ai-configuration/language-model-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"language-model-renderer.js","sourceRoot":"","sources":["../../../src/browser/ai-configuration/language-model-renderer.tsx"],"names":[],"mappings":"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"}

package/lib/browser/ai-configuration/mcp-configuration-widget.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import { ReactWidget } from '@theia/core/lib/browser';
+import * as React from '@theia/core/shared/react';
+import { HoverService } from '@theia/core/lib/browser/hover-service';
+import { MCPFrontendNotificationService, MCPFrontendService, MCPServerDescription, MCPServerStatus } from '@theia/ai-mcp/lib/common/mcp-server-manager';
+import { MessageService } from '@theia/core';
+export declare class AIMCPConfigurationWidget extends ReactWidget {
+    static readonly ID = "ai-mcp-configuration-container-widget";
+    static readonly LABEL: string;
+    protected servers: MCPServerDescription[];
+    protected expandedTools: Record<string, boolean>;
+    protected readonly mcpFrontendService: MCPFrontendService;
+    protected readonly mcpFrontendNotificationService: MCPFrontendNotificationService;
+    protected readonly hoverService: HoverService;
+    protected readonly messageService: MessageService;
+    protected init(): void;
+    protected loadServers(): Promise<void>;
+    protected getStatusColor(status?: MCPServerStatus): {
+        bg: string;
+        fg: string;
+    };
+    protected showErrorHover(spanRef: React.RefObject<HTMLSpanElement>, error: string): void;
+    protected hideErrorHover(): void;
+    protected handleStartServer(serverName: string): Promise<void>;
+    protected handleStopServer(serverName: string): Promise<void>;
+    protected renderButton(text: React.ReactNode, title: string, onClick: React.MouseEventHandler<HTMLButtonElement>, className?: string, style?: React.CSSProperties): React.ReactNode;
+    protected renderStatusBadge(server: MCPServerDescription): React.ReactNode;
+    protected renderServerHeader(server: MCPServerDescription): React.ReactNode;
+    protected renderCommandSection(server: MCPServerDescription): React.ReactNode;
+    protected renderArgumentsSection(server: MCPServerDescription): React.ReactNode;
+    protected renderEnvironmentSection(server: MCPServerDescription): React.ReactNode;
+    protected renderServerUrlSection(server: MCPServerDescription): React.ReactNode;
+    protected renderServerAuthTokenHeaderSection(server: MCPServerDescription): React.ReactNode;
+    protected renderServerAuthTokenSection(server: MCPServerDescription): React.ReactNode;
+    protected renderServerHeadersSection(server: MCPServerDescription): React.ReactNode;
+    protected renderAutostartSection(server: MCPServerDescription): React.ReactNode;
+    protected renderToolsSection(server: MCPServerDescription): React.ReactNode;
+    protected toggleTools(serverName: string): void;
+    protected renderServerControls(server: MCPServerDescription): React.ReactNode;
+    protected renderServerCard(server: MCPServerDescription): React.ReactNode;
+    protected render(): React.ReactNode;
+}
+//# sourceMappingURL=mcp-configuration-widget.d.ts.map

package/lib/browser/ai-configuration/mcp-configuration-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-configuration-widget.d.ts","sourceRoot":"","sources":["../../../src/browser/ai-configuration/mcp-configuration-widget.tsx"],"names":[],"mappings":"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"}

package/lib/browser/ai-configuration/mcp-configuration-widget.js

@@ -0,0 +1,302 @@
+"use strict";
+// *****************************************************************************
+// Copyright (C) 2025 EclipseSource GmbH.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+var AIMCPConfigurationWidget_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AIMCPConfigurationWidget = void 0;
+const tslib_1 = require("tslib");
+const browser_1 = require("@theia/core/lib/browser");
+const inversify_1 = require("@theia/core/shared/inversify");
+const React = require("@theia/core/shared/react");
+const hover_service_1 = require("@theia/core/lib/browser/hover-service");
+const mcp_server_manager_1 = require("@theia/ai-mcp/lib/common/mcp-server-manager");
+const core_1 = require("@theia/core");
+const prompt_variable_contribution_1 = require("@theia/ai-core/lib/common/prompt-variable-contribution");
+let AIMCPConfigurationWidget = AIMCPConfigurationWidget_1 = class AIMCPConfigurationWidget extends browser_1.ReactWidget {
+    constructor() {
+        super(...arguments);
+        this.servers = [];
+        this.expandedTools = {};
+    }
+    init() {
+        this.id = AIMCPConfigurationWidget_1.ID;
+        this.title.label = AIMCPConfigurationWidget_1.LABEL;
+        this.title.closable = false;
+        this.toDispose.push(this.mcpFrontendNotificationService.onDidUpdateMCPServers(async () => {
+            this.loadServers();
+        }));
+        this.loadServers();
+    }
+    async loadServers() {
+        const serverNames = await this.mcpFrontendService.getServerNames();
+        const descriptions = await Promise.all(serverNames.map(name => this.mcpFrontendService.getServerDescription(name)));
+        this.servers = descriptions.filter((desc) => desc !== undefined);
+        this.update();
+    }
+    getStatusColor(status) {
+        if (!status) {
+            return { bg: 'var(--theia-descriptionForeground)', fg: 'white' };
+        }
+        switch (status) {
+            case mcp_server_manager_1.MCPServerStatus.Running:
+            case mcp_server_manager_1.MCPServerStatus.Connected:
+                return { bg: 'var(--theia-successBackground)', fg: 'var(--theia-successForeground)' };
+            case mcp_server_manager_1.MCPServerStatus.Starting:
+            case mcp_server_manager_1.MCPServerStatus.Connecting:
+                return { bg: 'var(--theia-warningBackground)', fg: 'var(--theia-warningForeground)' };
+            case mcp_server_manager_1.MCPServerStatus.Errored:
+                return { bg: 'var(--theia-errorBackground)', fg: 'var(--theia-errorForeground)' };
+            case mcp_server_manager_1.MCPServerStatus.NotRunning:
+            case mcp_server_manager_1.MCPServerStatus.NotConnected:
+            default:
+                return { bg: 'var(--theia-inputValidation-infoBackground)', fg: 'var(--theia-inputValidation-infoForeground)' };
+        }
+    }
+    showErrorHover(spanRef, error) {
+        this.hoverService.requestHover({ content: error, target: spanRef.current, position: 'left' });
+    }
+    hideErrorHover() {
+        this.hoverService.cancelHover();
+    }
+    async handleStartServer(serverName) {
+        await this.mcpFrontendService.startServer(serverName);
+    }
+    async handleStopServer(serverName) {
+        await this.mcpFrontendService.stopServer(serverName);
+    }
+    renderButton(text, title, onClick, className, style) {
+        return (React.createElement("button", { className: className, title: title, onClick: onClick, style: style }, text));
+    }
+    renderStatusBadge(server) {
+        const colors = this.getStatusColor(server.status);
+        let displayStatus = server.status;
+        if (!displayStatus) {
+            displayStatus = (0, mcp_server_manager_1.isRemoteMCPServerDescription)(server) ? mcp_server_manager_1.MCPServerStatus.NotConnected : mcp_server_manager_1.MCPServerStatus.NotRunning;
+        }
+        const spanRef = React.createRef();
+        const error = server.error;
+        return (React.createElement("div", { className: "mcp-status-container" },
+            React.createElement("span", { className: "mcp-status-badge", style: {
+                    backgroundColor: colors.bg,
+                    color: colors.fg
+                } }, displayStatus),
+            error && (React.createElement("span", { onMouseEnter: () => this.showErrorHover(spanRef, error), onMouseLeave: () => this.hideErrorHover(), ref: spanRef, className: "mcp-error-indicator" }, "?"))));
+    }
+    renderServerHeader(server) {
+        return (React.createElement("div", { className: "mcp-server-header" },
+            React.createElement("div", { className: "mcp-server-name" }, server.name),
+            this.renderStatusBadge(server)));
+    }
+    renderCommandSection(server) {
+        if (!(0, mcp_server_manager_1.isLocalMCPServerDescription)(server)) {
+            return;
+        }
+        return (React.createElement("div", { className: "mcp-server-section" },
+            React.createElement("span", { className: "mcp-section-label" }, core_1.nls.localize('theia/ai/mcpConfiguration/command', 'Command: ')),
+            React.createElement("code", { className: "mcp-code-block" }, server.command)));
+    }
+    renderArgumentsSection(server) {
+        if (!(0, mcp_server_manager_1.isLocalMCPServerDescription)(server) || !server.args || server.args.length === 0) {
+            return;
+        }
+        return (React.createElement("div", { className: "mcp-server-section" },
+            React.createElement("span", { className: "mcp-section-label" }, core_1.nls.localize('theia/ai/mcpConfiguration/arguments', 'Arguments: ')),
+            React.createElement("code", { className: "mcp-code-block" }, server.args.join(' '))));
+    }
+    renderEnvironmentSection(server) {
+        if (!(0, mcp_server_manager_1.isLocalMCPServerDescription)(server) || !server.env || Object.keys(server.env).length === 0) {
+            return;
+        }
+        return (React.createElement("div", { className: "mcp-server-section" },
+            React.createElement("span", { className: "mcp-section-label" }, core_1.nls.localize('theia/ai/mcpConfiguration/environmentVariables', 'Environment Variables: ')),
+            React.createElement("div", { className: "mcp-env-block" }, Object.entries(server.env).map(([key, value]) => (React.createElement("div", { key: key },
+                key,
+                "=",
+                key.toLowerCase().includes('token') ? '******' : String(value)))))));
+    }
+    renderServerUrlSection(server) {
+        if (!(0, mcp_server_manager_1.isRemoteMCPServerDescription)(server)) {
+            return;
+        }
+        return (React.createElement("div", { className: "mcp-server-section" },
+            React.createElement("span", { className: "mcp-section-label" }, core_1.nls.localize('theia/ai/mcpConfiguration/serverUrl', 'Server URL: ')),
+            React.createElement("code", { className: "mcp-code-block" }, server.serverUrl)));
+    }
+    renderServerAuthTokenHeaderSection(server) {
+        if (!(0, mcp_server_manager_1.isRemoteMCPServerDescription)(server) || !server.serverAuthTokenHeader) {
+            return;
+        }
+        return (React.createElement("div", { className: "mcp-server-section" },
+            React.createElement("span", { className: "mcp-section-label" }, core_1.nls.localize('theia/ai/mcpConfiguration/serverAuthTokenHeader', 'Authentication Header Name: ')),
+            React.createElement("code", { className: "mcp-code-block" }, server.serverAuthTokenHeader)));
+    }
+    renderServerAuthTokenSection(server) {
+        if (!(0, mcp_server_manager_1.isRemoteMCPServerDescription)(server) || !server.serverAuthToken) {
+            return;
+        }
+        return (React.createElement("div", { className: "mcp-server-section" },
+            React.createElement("span", { className: "mcp-section-label" }, core_1.nls.localize('theia/ai/mcpConfiguration/serverAuthToken', 'Authentication Token: ')),
+            React.createElement("code", { className: "mcp-code-block" }, "******")));
+    }
+    renderServerHeadersSection(server) {
+        if (!(0, mcp_server_manager_1.isRemoteMCPServerDescription)(server) || !server.headers) {
+            return;
+        }
+        return (React.createElement("div", { className: "mcp-server-section" },
+            React.createElement("span", { className: "mcp-section-label" }, core_1.nls.localize('theia/ai/mcpConfiguration/headers', 'Headers: ')),
+            React.createElement("div", { className: "mcp-env-block" }, Object.entries(server.headers).map(([key, value]) => (React.createElement("div", { key: key },
+                key,
+                "=",
+                (key.toLowerCase().includes('token') || key.toLowerCase().includes('authorization')) ? '******' : String(value)))))));
+    }
+    renderAutostartSection(server) {
+        return (React.createElement("div", { className: "mcp-server-section" },
+            React.createElement("span", { className: "mcp-section-label" }, core_1.nls.localize('theia/ai/mcpConfiguration/autostart', 'Autostart: ')),
+            React.createElement("span", { className: "mcp-autostart-badge", style: {
+                    backgroundColor: server.autostart ? 'var(--theia-successBackground)' : 'var(--theia-errorBackground)',
+                    color: server.autostart ? 'var(--theia-successForeground)' : 'var(--theia-errorForeground)',
+                } }, server.autostart ? core_1.nls.localize('theia/ai/mcpConfiguration/enabled', 'Enabled') : core_1.nls.localize('theia/ai/mcpConfiguration/disabled', 'Disabled'))));
+    }
+    renderToolsSection(server) {
+        if (!server.tools || server.tools.length === 0) {
+            return;
+        }
+        const isToolsExpanded = this.expandedTools[server.name] || false;
+        return (React.createElement("div", { className: "mcp-tools-section" },
+            React.createElement("div", { style: { display: 'flex', alignItems: 'center' }, onClick: () => this.toggleTools(server.name) },
+                React.createElement("div", { className: "mcp-toggle-indicator", style: { display: 'flex' } },
+                    React.createElement("span", { style: {
+                            display: 'inline-block',
+                            transition: 'transform 0.2s ease',
+                            fontSize: '12px'
+                        } }, isToolsExpanded ? '▼' : '►')),
+                React.createElement("div", { style: { flexGrow: 1 } },
+                    React.createElement("span", { className: "mcp-section-label" }, core_1.nls.localize('theia/ai/mcpConfiguration/tools', 'Tools: '))),
+                React.createElement("div", { style: { display: 'flex', gap: '4px' } },
+                    this.renderButton(React.createElement("i", { className: "codicon codicon-versions" }), core_1.nls.localize('theia/ai/mcpConfiguration/copyAllList', 'Copy all (list of all tools)'), e => {
+                        e.stopPropagation();
+                        if (server.tools) {
+                            const toolNames = server.tools.map(tool => `~{mcp_${server.name}_${tool.name}}`).join('\n');
+                            navigator.clipboard.writeText(toolNames);
+                            this.messageService.info(core_1.nls.localize('theia/ai/mcpConfiguration/copiedAllList', 'Copied all tools to clipboard (list of all tools)'));
+                        }
+                    }, 'mcp-copy-tool-button'),
+                    this.renderButton(React.createElement("i", { className: "codicon codicon-bracket" }), core_1.nls.localize('theia/ai/mcpConfiguration/copyForPromptTemplate', 'Copy all for prompt template (single prompt fragment with all tools)'), e => {
+                        e.stopPropagation();
+                        navigator.clipboard.writeText(`{{${prompt_variable_contribution_1.PROMPT_VARIABLE.name}:${this.mcpFrontendService.getPromptTemplateId(server.name)}}}`);
+                        this.messageService.info(core_1.nls.localize('theia/ai/mcpConfiguration/copiedForPromptTemplate', 'Copied all tools to clipboard for prompt template \
+                                    (single prompt fragment with all tools)'));
+                    }, 'mcp-copy-tool-button'),
+                    this.renderButton(React.createElement("i", { className: "codicon codicon-copy" }), core_1.nls.localize('theia/ai/mcpConfiguration/copyAllSingle', 'Copy all for chat (single prompt fragment with all tools)'), e => {
+                        e.stopPropagation();
+                        navigator.clipboard.writeText(`#${prompt_variable_contribution_1.PROMPT_VARIABLE.name}:${this.mcpFrontendService.getPromptTemplateId(server.name)}`);
+                        this.messageService.info(core_1.nls.localize('theia/ai/mcpConfiguration/copiedAllSingle', 'Copied all tools to clipboard (single prompt fragment with \
+                                    all tools)'));
+                    }, 'mcp-copy-tool-button'))),
+            isToolsExpanded && (React.createElement("div", { className: "mcp-tools-list" }, server.tools.map(tool => (React.createElement("div", { key: tool.name, style: { display: 'flex', alignItems: 'center' } },
+                React.createElement("div", { style: { flexGrow: 1 } },
+                    React.createElement("strong", null,
+                        tool.name,
+                        ":"),
+                    " ",
+                    tool.description),
+                React.createElement("div", { style: { display: 'flex', gap: '4px' } }, this.renderButton(React.createElement("i", { className: "codicon codicon-copy" }), core_1.nls.localize('theia/ai/mcpConfiguration/copyForPrompt', 'Copy tool (for chat or prompt template)'), e => {
+                    e.stopPropagation();
+                    const copied = `~{mcp_${server.name}_${tool.name}}`;
+                    navigator.clipboard.writeText(copied);
+                    this.messageService.info(`Copied ${copied} to clipboard (for chat or prompt template)`);
+                }, 'mcp-copy-tool-button')))))))));
+    }
+    toggleTools(serverName) {
+        this.expandedTools[serverName] = !this.expandedTools[serverName];
+        this.update();
+    }
+    renderServerControls(server) {
+        const isStoppable = server.status === mcp_server_manager_1.MCPServerStatus.Running
+            || server.status === mcp_server_manager_1.MCPServerStatus.Connected
+            || server.status === mcp_server_manager_1.MCPServerStatus.Starting
+            || server.status === mcp_server_manager_1.MCPServerStatus.Connecting;
+        const isStartable = server.status === mcp_server_manager_1.MCPServerStatus.NotRunning
+            || server.status === mcp_server_manager_1.MCPServerStatus.NotConnected
+            || server.status === mcp_server_manager_1.MCPServerStatus.Errored;
+        const startLabel = (0, mcp_server_manager_1.isRemoteMCPServerDescription)(server)
+            ? core_1.nls.localize('theia/ai/mcpConfiguration/connectServer', 'Connnect')
+            : core_1.nls.localize('theia/ai/mcpConfiguration/startServer', 'Start Server');
+        const stopLabel = (0, mcp_server_manager_1.isRemoteMCPServerDescription)(server)
+            ? core_1.nls.localize('theia/ai/mcpConfiguration/disconnectServer', 'Disconnnect')
+            : core_1.nls.localize('theia/ai/mcpConfiguration/stopServer', 'Stop Server');
+        return (React.createElement("div", { className: "mcp-server-controls" },
+            isStartable && this.renderButton(React.createElement(React.Fragment, null,
+                React.createElement("i", { className: "codicon codicon-play" }),
+                " ",
+                startLabel), startLabel, () => this.handleStartServer(server.name), 'mcp-server-button play-button'),
+            isStoppable && this.renderButton(React.createElement(React.Fragment, null,
+                React.createElement("i", { className: "codicon codicon-close" }),
+                " ",
+                stopLabel), stopLabel, () => this.handleStopServer(server.name), 'mcp-server-button stop-button')));
+    }
+    renderServerCard(server) {
+        return (React.createElement("div", { key: server.name, className: "mcp-server-card" },
+            this.renderServerHeader(server),
+            this.renderCommandSection(server),
+            this.renderArgumentsSection(server),
+            this.renderEnvironmentSection(server),
+            this.renderServerUrlSection(server),
+            this.renderServerAuthTokenHeaderSection(server),
+            this.renderServerAuthTokenSection(server),
+            this.renderServerHeadersSection(server),
+            this.renderAutostartSection(server),
+            this.renderToolsSection(server),
+            this.renderServerControls(server)));
+    }
+    render() {
+        if (this.servers.length === 0) {
+            return (React.createElement("div", { className: "mcp-no-servers" }, core_1.nls.localize('theia/ai/mcpConfiguration/noServers', 'No MCP servers configured')));
+        }
+        return (React.createElement("div", { className: "mcp-configuration-container" },
+            React.createElement("h2", { className: "mcp-configuration-title" }, core_1.nls.localize('theia/ai/mcpConfiguration/serverConfigurations', 'MCP Server Configurations')),
+            this.servers.map(server => this.renderServerCard(server))));
+    }
+};
+exports.AIMCPConfigurationWidget = AIMCPConfigurationWidget;
+AIMCPConfigurationWidget.ID = 'ai-mcp-configuration-container-widget';
+AIMCPConfigurationWidget.LABEL = core_1.nls.localize('theia/ai/mcpConfiguration/widgetLabel', 'MCP Servers');
+tslib_1.__decorate([
+    (0, inversify_1.inject)(mcp_server_manager_1.MCPFrontendService),
+    tslib_1.__metadata("design:type", Object)
+], AIMCPConfigurationWidget.prototype, "mcpFrontendService", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(mcp_server_manager_1.MCPFrontendNotificationService),
+    tslib_1.__metadata("design:type", Object)
+], AIMCPConfigurationWidget.prototype, "mcpFrontendNotificationService", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(hover_service_1.HoverService),
+    tslib_1.__metadata("design:type", hover_service_1.HoverService)
+], AIMCPConfigurationWidget.prototype, "hoverService", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.inject)(core_1.MessageService),
+    tslib_1.__metadata("design:type", core_1.MessageService)
+], AIMCPConfigurationWidget.prototype, "messageService", void 0);
+tslib_1.__decorate([
+    (0, inversify_1.postConstruct)(),
+    tslib_1.__metadata("design:type", Function),
+    tslib_1.__metadata("design:paramtypes", []),
+    tslib_1.__metadata("design:returntype", void 0)
+], AIMCPConfigurationWidget.prototype, "init", null);
+exports.AIMCPConfigurationWidget = AIMCPConfigurationWidget = AIMCPConfigurationWidget_1 = tslib_1.__decorate([
+    (0, inversify_1.injectable)()
+], AIMCPConfigurationWidget);
+//# sourceMappingURL=mcp-configuration-widget.js.map