@theia/ai-ide 1.63.0-next.0 → 1.63.0-next.24

package/lib/common/file-changeset-function-ids.js

@@ -0,0 +1,25 @@
+"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
+// *****************************************************************************
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GET_PROPOSED_CHANGES_ID = exports.CLEAR_FILE_CHANGES_ID = exports.WRITE_FILE_REPLACEMENTS_ID = exports.SUGGEST_FILE_REPLACEMENTS_ID = exports.WRITE_FILE_CONTENT_ID = exports.SUGGEST_FILE_CONTENT_ID = void 0;
+exports.SUGGEST_FILE_CONTENT_ID = 'suggestFileContent';
+exports.WRITE_FILE_CONTENT_ID = 'writeFileContent';
+exports.SUGGEST_FILE_REPLACEMENTS_ID = 'suggestFileReplacements';
+exports.WRITE_FILE_REPLACEMENTS_ID = 'writeFileReplacements';
+exports.CLEAR_FILE_CHANGES_ID = 'clearFileChanges';
+exports.GET_PROPOSED_CHANGES_ID = 'getProposedFileState';
+//# sourceMappingURL=file-changeset-function-ids.js.map

package/lib/common/file-changeset-function-ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-changeset-function-ids.js","sourceRoot":"","sources":["../../src/common/file-changeset-function-ids.ts"],"names":[],"mappings":";AAAA,gFAAgF;AAChF,yCAAyC;AACzC,EAAE;AACF,2EAA2E;AAC3E,mEAAmE;AACnE,wCAAwC;AACxC,EAAE;AACF,4EAA4E;AAC5E,8EAA8E;AAC9E,6EAA6E;AAC7E,yDAAyD;AACzD,uDAAuD;AACvD,EAAE;AACF,gFAAgF;AAChF,gFAAgF;;;AAEnE,QAAA,uBAAuB,GAAG,oBAAoB,CAAC;AAC/C,QAAA,qBAAqB,GAAG,kBAAkB,CAAC;AAC3C,QAAA,4BAA4B,GAAG,yBAAyB,CAAC;AACzD,QAAA,0BAA0B,GAAG,uBAAuB,CAAC;AACrD,QAAA,qBAAqB,GAAG,kBAAkB,CAAC;AAC3C,QAAA,uBAAuB,GAAG,sBAAsB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theia/ai-ide",
-  "version": "1.63.0-next.0+c02e6a4f5",
+  "version": "1.63.0-next.24+83b50cc66",
   "description": "AI IDE Agents Extension",
   "license": "EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0",
   "repository": {
@@ -15,19 +15,19 @@
     "theia-extension"
   ],
   "dependencies": {
-    "@theia/ai-chat": "1.63.0-next.0+c02e6a4f5",
-    "@theia/ai-chat-ui": "1.63.0-next.0+c02e6a4f5",
-    "@theia/ai-core": "1.63.0-next.0+c02e6a4f5",
-    "@theia/ai-mcp": "1.63.0-next.0+c02e6a4f5",
-    "@theia/core": "1.63.0-next.0+c02e6a4f5",
-    "@theia/filesystem": "1.63.0-next.0+c02e6a4f5",
-    "@theia/markers": "1.63.0-next.0+c02e6a4f5",
-    "@theia/monaco": "1.63.0-next.0+c02e6a4f5",
-    "@theia/navigator": "1.63.0-next.0+c02e6a4f5",
-    "@theia/search-in-workspace": "1.63.0-next.0+c02e6a4f5",
-    "@theia/task": "1.63.0-next.0+c02e6a4f5",
-    "@theia/terminal": "1.63.0-next.0+c02e6a4f5",
-    "@theia/workspace": "1.63.0-next.0+c02e6a4f5",
+    "@theia/ai-chat": "1.63.0-next.24+83b50cc66",
+    "@theia/ai-chat-ui": "1.63.0-next.24+83b50cc66",
+    "@theia/ai-core": "1.63.0-next.24+83b50cc66",
+    "@theia/ai-mcp": "1.63.0-next.24+83b50cc66",
+    "@theia/core": "1.63.0-next.24+83b50cc66",
+    "@theia/filesystem": "1.63.0-next.24+83b50cc66",
+    "@theia/markers": "1.63.0-next.24+83b50cc66",
+    "@theia/monaco": "1.63.0-next.24+83b50cc66",
+    "@theia/navigator": "1.63.0-next.24+83b50cc66",
+    "@theia/search-in-workspace": "1.63.0-next.24+83b50cc66",
+    "@theia/task": "1.63.0-next.24+83b50cc66",
+    "@theia/terminal": "1.63.0-next.24+83b50cc66",
+    "@theia/workspace": "1.63.0-next.24+83b50cc66",
     "date-fns": "^4.1.0",
     "ignore": "^6.0.0",
     "js-yaml": "^4.1.0",
@@ -37,8 +37,8 @@
     "access": "public"
   },
   "devDependencies": {
-    "@theia/cli": "1.63.0-next.0+c02e6a4f5",
-    "@theia/test": "1.63.0-next.0+c02e6a4f5"
+    "@theia/cli": "1.63.0-next.24+83b50cc66",
+    "@theia/test": "1.63.0-next.24+83b50cc66"
   },
   "theiaExtensions": [
     {
@@ -60,5 +60,5 @@
   "nyc": {
     "extends": "../../configs/nyc.json"
   },
-  "gitHead": "c02e6a4f58728b4067cbd267d598550192abb249"
+  "gitHead": "83b50cc66b001a5b9100ccd944dcace04cd4ae2e"
 }

package/src/browser/ai-configuration/ai-configuration-view-contribution.ts

@@ -35,7 +35,7 @@ export class AIAgentConfigurationViewContribution extends AIViewContribution<AIC
             widgetId: AIConfigurationContainerWidget.ID,
             widgetName: AIConfigurationContainerWidget.LABEL,
             defaultWidgetOptions: {
-                area: 'bottom',
+                area: 'main',
                 rank: 100
             },
             toggleCommandId: AI_CONFIGURATION_TOGGLE_COMMAND_ID

package/src/browser/ai-configuration/ai-configuration-widget.tsx

@@ -20,6 +20,7 @@ import { inject, injectable, postConstruct } from '@theia/core/shared/inversify'
 import '../../../src/browser/style/index.css';
 import { AIAgentConfigurationWidget } from './agent-configuration-widget';
 import { AIVariableConfigurationWidget } from './variable-configuration-widget';
+import { AIToolsConfigurationWidget } from './tools-configuration-widget';
 import { AIConfigurationSelectionService } from './ai-configuration-service';
 import { nls } from '@theia/core';
 import { AIMCPConfigurationWidget } from './mcp-configuration-widget';
@@ -45,6 +46,7 @@ export class AIConfigurationContainerWidget extends BaseWidget {
     protected mcpWidget: AIMCPConfigurationWidget;
     protected tokenUsageWidget: AITokenUsageConfigurationWidget;
     protected promptFragmentsWidget: AIPromptFragmentsConfigurationWidget;
+    protected toolsWidget: AIToolsConfigurationWidget;
 
     @postConstruct()
     protected init(): void {
@@ -72,12 +74,14 @@ export class AIConfigurationContainerWidget extends BaseWidget {
         this.mcpWidget = await this.widgetManager.getOrCreateWidget(AIMCPConfigurationWidget.ID);
         this.tokenUsageWidget = await this.widgetManager.getOrCreateWidget(AITokenUsageConfigurationWidget.ID);
         this.promptFragmentsWidget = await this.widgetManager.getOrCreateWidget(AIPromptFragmentsConfigurationWidget.ID);
+        this.toolsWidget = await this.widgetManager.getOrCreateWidget(AIToolsConfigurationWidget.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.update();
     }
@@ -94,6 +98,8 @@ export class AIConfigurationContainerWidget extends BaseWidget {
                 this.dockpanel.activateWidget(this.tokenUsageWidget);
             } else if (widgetId === AIPromptFragmentsConfigurationWidget.ID) {
                 this.dockpanel.activateWidget(this.promptFragmentsWidget);
+            } else if (widgetId === AIToolsConfigurationWidget.ID) {
+                this.dockpanel.activateWidget(this.toolsWidget);
             }
         });
     }

package/src/browser/ai-configuration/token-usage-configuration-widget.tsx

@@ -72,28 +72,73 @@ export class AITokenUsageConfigurationWidget extends ReactWidget {
         return formatDistanceToNow(date, { addSuffix: true });
     }
 
+    protected hasCacheData(): boolean {
+        return this.tokenUsageData.some(model =>
+            model.cachedInputTokens !== undefined ||
+            model.readCachedInputTokens !== undefined
+        );
+    }
+
     protected renderHeaderRow(): React.ReactNode {
+        const showCacheColumns = this.hasCacheData();
+
         return (
             <tr className="token-usage-header">
                 <th className="token-usage-model-column">{nls.localize('theia/ai/tokenUsage/model', 'Model')}</th>
                 <th className="token-usage-column">{nls.localize('theia/ai/tokenUsage/inputTokens', 'Input Tokens')}</th>
+                {showCacheColumns && (
+                    <>
+                        <th
+                            className="token-usage-column"
+                            title={nls.localize(
+                                'theia/ai/tokenUsage/cachedInputTokensTooltip',
+                                "Tracked additionally to 'Input Tokens'. Usually more expensive than non-cached tokens."
+                            )}
+                        >
+                            {nls.localize('theia/ai/tokenUsage/cachedInputTokens', 'Input Tokens Written to Cache')}
+                        </th>
+                        <th
+                            className="token-usage-column"
+                            title={nls.localize(
+                                'theia/ai/tokenUsage/readCachedInputTokensTooltip',
+                                "Tracked additionally to 'Input Token'. Usually much less expensive than not cached. Usually does not count to rate limits."
+                            )}
+                        >
+                            {nls.localize('theia/ai/tokenUsage/readCachedInputTokens', 'Input Tokens Read From Cache')}
+                        </th>
+                    </>
+                )}
                 <th className="token-usage-column">{nls.localize('theia/ai/tokenUsage/outputTokens', 'Output Tokens')}</th>
-                <th className="token-usage-column">{nls.localize('theia/ai/tokenUsage/totalTokens', 'Total Tokens')}</th>
+                <th
+                    className="token-usage-column"
+                    title={nls.localize('theia/ai/tokenUsage/totalTokensTooltip', "'Input Tokens' + 'Output Tokens'"
+                    )}
+                >
+                    {nls.localize('theia/ai/tokenUsage/totalTokens', 'Total Tokens')}
+                </th>
                 <th className="token-usage-column">{nls.localize('theia/ai/tokenUsage/lastUsed', 'Last Used')}</th>
-            </tr>
+            </tr >
         );
     }
 
     protected renderModelRow(model: ModelTokenUsageData): React.ReactNode {
         const lastUsedDate = model.lastUsed ? new Date(model.lastUsed) : undefined;
         const exactDateString = lastUsedDate ? lastUsedDate.toLocaleString() : '';
+        const showCacheColumns = this.hasCacheData();
+        const totalTokens = model.inputTokens + model.outputTokens + (model.cachedInputTokens ?? 0);
 
         return (
             <tr key={model.modelId} className="token-usage-row">
                 <td className="token-usage-model-cell">{model.modelId}</td>
                 <td className="token-usage-cell">{this.formatNumber(model.inputTokens)}</td>
+                {showCacheColumns && (
+                    <>
+                        <td className="token-usage-cell">{model.cachedInputTokens !== undefined ? this.formatNumber(model.cachedInputTokens) : '-'}</td>
+                        <td className="token-usage-cell">{model.readCachedInputTokens !== undefined ? this.formatNumber(model.readCachedInputTokens) : '-'}</td>
+                    </>
+                )}
                 <td className="token-usage-cell">{this.formatNumber(model.outputTokens)}</td>
-                <td className="token-usage-cell">{this.formatNumber(model.inputTokens + model.outputTokens)}</td>
+                <td className="token-usage-cell">{this.formatNumber(totalTokens)}</td>
                 <td className="token-usage-cell" title={exactDateString}>{this.formatDate(lastUsedDate)}</td>
             </tr>
         );
@@ -107,12 +152,26 @@ export class AITokenUsageConfigurationWidget extends ReactWidget {
 
         const totalInputTokens = this.tokenUsageData.reduce((sum, model) => sum + model.inputTokens, 0);
         const totalOutputTokens = this.tokenUsageData.reduce((sum, model) => sum + model.outputTokens, 0);
-        const totalTokens = totalInputTokens + totalOutputTokens;
+        const totalCachedInputTokens = this.tokenUsageData.reduce(
+            (sum, model) => sum + (model.cachedInputTokens || 0), 0
+        );
+        const totalReadCachedInputTokens = this.tokenUsageData.reduce(
+            (sum, model) => sum + (model.readCachedInputTokens || 0), 0
+        );
+        const totalTokens = totalInputTokens + totalCachedInputTokens + totalOutputTokens;
+
+        const showCacheColumns = this.hasCacheData();
 
         return (
             <tr className="token-usage-summary-row">
                 <td className="token-usage-model-cell"><strong>{nls.localize('theia/ai/tokenUsage/total', 'Total')}</strong></td>
                 <td className="token-usage-cell"><strong>{this.formatNumber(totalInputTokens)}</strong></td>
+                {showCacheColumns && (
+                    <>
+                        <td className="token-usage-cell"><strong>{this.formatNumber(totalCachedInputTokens)}</strong></td>
+                        <td className="token-usage-cell"><strong>{this.formatNumber(totalReadCachedInputTokens)}</strong></td>
+                    </>
+                )}
                 <td className="token-usage-cell"><strong>{this.formatNumber(totalOutputTokens)}</strong></td>
                 <td className="token-usage-cell"><strong>{this.formatNumber(totalTokens)}</strong></td>
                 <td className="token-usage-cell"></td>

package/src/browser/ai-configuration/tools-configuration-widget.tsx

@@ -0,0 +1,193 @@
+// *****************************************************************************
+// 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
+// *****************************************************************************
+
+import { PreferenceService, ReactWidget, ConfirmDialog } from '@theia/core/lib/browser';
+import { inject, injectable, postConstruct } from '@theia/core/shared/inversify';
+import * as React from '@theia/core/shared/react';
+import { ToolConfirmationManager, ToolConfirmationMode } from '@theia/ai-chat/lib/browser/chat-tool-preferences';
+import { ToolInvocationRegistry } from '@theia/ai-core';
+
+const TOOL_OPTIONS: { value: ToolConfirmationMode, label: string, icon: string, color: string }[] = [
+    { value: ToolConfirmationMode.DISABLED, label: 'Disabled', icon: 'close', color: 'var(--theia-errorForeground)' },
+    { value: ToolConfirmationMode.CONFIRM, label: 'Confirm', icon: 'question', color: 'var(--theia-descriptionForeground)' },
+    { value: ToolConfirmationMode.YOLO, label: 'Yolo', icon: 'thumbsup', color: 'var(--theia-successForeground)' },
+];
+
+@injectable()
+export class AIToolsConfigurationWidget extends ReactWidget {
+    static readonly ID = 'ai-tools-configuration-widget';
+    static readonly LABEL = 'Tools';
+
+    @inject(ToolConfirmationManager)
+    protected readonly confirmationManager: ToolConfirmationManager;
+
+    @inject(PreferenceService)
+    protected readonly preferenceService: PreferenceService;
+
+    @inject(ToolInvocationRegistry)
+    protected readonly toolInvocationRegistry: ToolInvocationRegistry;
+
+    // Mocked tool list and state
+    protected tools: string[] = [];
+    protected toolConfirmationModes: Record<string, ToolConfirmationMode> = {};
+    protected defaultState: ToolConfirmationMode;
+    protected loading = true;
+
+    @postConstruct()
+    protected init(): void {
+        this.id = AIToolsConfigurationWidget.ID;
+        this.title.label = AIToolsConfigurationWidget.LABEL;
+        this.title.closable = false;
+        this.loadData();
+        this.update();
+        this.toDispose.pushAll([
+            this.preferenceService.onPreferenceChanged(async e => {
+                if (e.preferenceName === 'ai-features.chat.toolConfirmation') {
+                    this.defaultState = await this.loadDefaultConfirmation();
+                    this.toolConfirmationModes = await this.loadToolConfigurationModes();
+                    this.update();
+                }
+            }),
+            this.toolInvocationRegistry.onDidChange(async () => {
+                this.tools = await this.loadTools();
+                this.update();
+            })
+        ]);
+    }
+
+    protected async loadData(): Promise<void> {
+        // Replace with real service calls
+        this.tools = await this.loadTools();
+        this.defaultState = await this.loadDefaultConfirmation();
+        this.toolConfirmationModes = await this.loadToolConfigurationModes();
+        this.loading = false;
+        this.update();
+    }
+
+    protected async loadTools(): Promise<string[]> {
+        return this.toolInvocationRegistry.getAllFunctions().map(func => func.name);
+    }
+    protected async loadDefaultConfirmation(): Promise<ToolConfirmationMode> {
+        return this.confirmationManager.getConfirmationMode('*', 'doesNotMatter');
+    }
+    protected async loadToolConfigurationModes(): Promise<Record<string, ToolConfirmationMode>> {
+        return this.confirmationManager.getAllConfirmationSettings();
+    }
+    protected async updateToolConfirmationMode(tool: string, state: ToolConfirmationMode): Promise<void> {
+        await this.confirmationManager.setConfirmationMode(tool, state);
+    }
+    protected async updateDefaultConfirmation(state: ToolConfirmationMode): Promise<void> {
+        await this.confirmationManager.setConfirmationMode('*', state);
+    }
+
+    protected handleToolConfirmationModeChange = async (tool: string, event: React.ChangeEvent<HTMLSelectElement>) => {
+        const newState = event.target.value as ToolConfirmationMode;
+        await this.updateToolConfirmationMode(tool, newState);
+    };
+    protected handleDefaultStateChange = async (event: React.ChangeEvent<HTMLSelectElement>) => {
+        const newState = event.target.value as ToolConfirmationMode;
+        await this.updateDefaultConfirmation(newState);
+    };
+
+    protected getColoring(mode: ToolConfirmationMode, renderDefault = false): string {
+        if (!renderDefault && mode === this.defaultState) {
+            return '';
+        }
+        if (mode === ToolConfirmationMode.YOLO) {
+            return ' ai-tools-configuration-tool-select--yolo';
+        } else if (mode === ToolConfirmationMode.DISABLED) {
+            return ' ai-tools-configuration-tool-select--disabled';
+        }
+        return ' ai-tools-configuration-tool-select--confirm';
+    }
+
+    protected async resetAllToolsToDefault(): Promise<void> {
+        const dialog = new ConfirmDialog({
+            title: 'Reset All Tool Confirmation Modes',
+            msg: 'Are you sure you want to reset all tool confirmation modes to the default? This will remove all custom settings.',
+            ok: 'Reset All',
+            cancel: 'Cancel'
+        });
+        const shouldReset = await dialog.open();
+        if (shouldReset) {
+            this.confirmationManager.resetAllConfirmationModeSettings();
+        }
+    }
+
+    protected render(): React.ReactNode {
+        if (this.loading) {
+            return <div>Loading tools...</div>;
+        }
+        return <div className='ai-tools-configuration-container'>
+            <div className='ai-tools-configuration-default-section' style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+                <div className='ai-tools-configuration-default-label'>Default Tool Confirmation Mode:</div>
+                <select
+                    className={`ai-tools-configuration-default-select ${this.getColoring(this.defaultState, true)}`}
+                    value={this.defaultState}
+                    onChange={this.handleDefaultStateChange}
+                    style={{ marginLeft: 8 }}
+                >
+                    {TOOL_OPTIONS.map(opt => (
+                        <option className={this.getColoring(opt.value, true)} key={opt.value} value={opt.value}>{opt.label}</option>
+                    ))}
+                </select>
+                <button
+                    className='ai-tools-configuration-reset-btn'
+                    style={{ marginLeft: 'auto' }}
+                    title='Reset all tools to default'
+                    onClick={() => this.resetAllToolsToDefault()}
+                >
+                    Reset All
+                </button>
+            </div>
+            <div className='ai-tools-configuration-tools-section'>
+                <div className='ai-tools-configuration-tools-label'>Tools</div>
+                <ul className='ai-tools-configuration-tools-list'>
+                    {this.tools.map(tool => {
+                        const state = this.toolConfirmationModes[tool] || this.defaultState;
+                        const isDefault = state === this.defaultState;
+                        let selectClass = 'ai-tools-configuration-tool-select';
+                        if (!isDefault) {
+                            selectClass += `${this.getColoring(state)}`;
+                        }
+                        return (
+                            <li
+                                key={tool}
+                                className={
+                                    'ai-tools-configuration-tool-item ' +
+                                    (isDefault ? 'default' : 'custom')
+                                }
+                            >
+                                <span className='ai-tools-configuration-tool-name'>{tool}</span>
+                                <select
+                                    className={selectClass}
+                                    value={state}
+                                    onChange={e => this.handleToolConfirmationModeChange(tool, e)}
+                                >
+                                    {TOOL_OPTIONS.map(opt => (
+                                        <option className={this.getColoring(opt.value, true)} key={opt.value} value={opt.value}>
+                                            {opt.label}
+                                        </option>
+                                    ))}
+                                </select>
+                            </li>
+                        );
+                    })}
+                </ul>
+            </div>
+        </div>;
+    }
+}

package/src/browser/app-tester-chat-agent.ts

@@ -0,0 +1,178 @@
+/* eslint-disable max-len */
+
+// *****************************************************************************
+// 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
+// *****************************************************************************
+
+import { CHAT_CONTEXT_DETAILS_VARIABLE_ID } from '@theia/ai-chat';
+import { AbstractStreamParsingChatAgent } from '@theia/ai-chat/lib/common/chat-agents';
+import { ErrorChatResponseContentImpl, MarkdownChatResponseContentImpl, MutableChatRequestModel, QuestionResponseContentImpl } from '@theia/ai-chat/lib/common/chat-model';
+import { BasePromptFragment, LanguageModelRequirement } from '@theia/ai-core/lib/common';
+import { MCPFrontendService, MCPServerDescription } from '@theia/ai-mcp/lib/common/mcp-server-manager';
+import { nls } from '@theia/core';
+import { inject, injectable } from '@theia/core/shared/inversify';
+import { MCP_SERVERS_PREF } from '@theia/ai-mcp/lib/browser/mcp-preferences';
+import { PreferenceScope, PreferenceService } from '@theia/core/lib/browser';
+
+export const EXPECTED_MCP_SERVER_NAME = 'playwright';
+
+// Prompt templates
+export const appTesterTemplate: BasePromptFragment = {
+   id: 'app-tester-system-default',
+   template: `{{!-- This prompt is licensed under the MIT License (https://opensource.org/license/mit).
+Made improvements or adaptations to this prompt template? We'd love for you to share it with the community! Contribute back here:
+https://github.com/eclipse-theia/theia/discussions/new?category=prompt-template-contribution --}}
+
+You are AppTester, an AI assistant integrated into Theia IDE specifically designed to help developers test running applications using Playwright.
+Your role is to inspect the application for user-specified test scenarios through the Playwright MCP server.
+
+## Your Workflow
+1. Help the user build and launch their application
+2. Use Playwright browser automation to validate test scenarios
+3. Report results and provide actionable feedback 
+4. Help fix issues when needed
+
+## Available Playwright Testing Tools
+You have access to these powerful automation tools: {{prompt:mcp_${EXPECTED_MCP_SERVER_NAME}_tools}}
+
+## Workflow Approach
+1. **Understand Requirements**: Ask the user to clearly define what needs to be tested
+2. **Launch Browser**: Start a fresh browser instance for testing
+3. **Navigate and Test**: Execute the test scenario methodically
+4. **Document Results**: Provide detailed results with screenshots when helpful
+5. **Clean Up**: Always close the browser when testing is complete
+
+## Current Context
+Some files and other pieces of data may have been added by the user to the context of the chat. If any have, the details can be found below.
+{{${CHAT_CONTEXT_DETAILS_VARIABLE_ID}}}
+`
+};
+
+export const appTesterTemplateVariant: BasePromptFragment = {
+   id: 'app-tester-system-empty',
+   template: '',
+};
+
+export const AppTesterChatAgentId = 'AppTester';
+@injectable()
+export class AppTesterChatAgent extends AbstractStreamParsingChatAgent {
+
+   @inject(MCPFrontendService)
+   protected readonly mcpService: MCPFrontendService;
+
+   @inject(PreferenceService)
+   protected readonly preferenceService: PreferenceService;
+
+   id: string = AppTesterChatAgentId;
+   name = AppTesterChatAgentId;
+   languageModelRequirements: LanguageModelRequirement[] = [{
+      purpose: 'chat',
+      identifier: 'openai/gpt-4o',
+   }];
+   protected defaultLanguageModelPurpose: string = 'chat';
+   override description = nls.localize('theia/ai/chat/app-tester/description', 'This agent tests your application user interface to verify user-specified test scenarios through the Playwright MCP server. '
+      + 'It can automate testing workflows and provide detailed feedback on application functionality.');
+
+   override iconClass: string = 'codicon codicon-beaker';
+   protected override systemPromptId: string = 'app-tester-prompt';
+   override prompts = [{ id: 'app-tester-prompt', defaultVariant: appTesterTemplate, variants: [appTesterTemplateVariant] }];
+
+   /**
+    * Override invoke to check if the Playwright MCP server is running, and if not, ask the user if it should be started.
+    */
+   override async invoke(request: MutableChatRequestModel): Promise<void> {
+      try {
+         const startedServers = await this.mcpService.getStartedServers();
+         if (!startedServers.includes(EXPECTED_MCP_SERVER_NAME)) {
+            // Ask the user if they want to start the server
+            request.response.response.addContent(new QuestionResponseContentImpl(
+               'The Playwright MCP server is not running. Would you like to start it now? This may install the Playwright MCP server.',
+               [
+                  { text: 'Yes, start the server', value: 'yes' },
+                  { text: 'No, cancel', value: 'no' }
+               ],
+               request,
+               async selectedOption => {
+                  if (selectedOption.value === 'yes') {
+                     // Show progress
+                     const progress = request.response.addProgressMessage({ content: 'Starting Playwright MCP server.', show: 'whileIncomplete' });
+                     try {
+                        await this.startPlaywrightMCPServer();
+                        // Remove progress, continue with normal flow
+                        request.response.updateProgressMessage({ ...progress, show: 'whileIncomplete', status: 'completed' });
+                        await super.invoke(request);
+                     } catch (error) {
+                        request.response.response.addContent(new ErrorChatResponseContentImpl(
+                           new Error('Failed to start Playwright MCP server: ' + (error instanceof Error ? error.message : String(error)))
+                        ));
+                        request.response.complete();
+                     }
+                  } else {
+                     // Continue without starting the server
+                     request.response.response.addContent(new MarkdownChatResponseContentImpl('Please setup the MCP server.'));
+                     request.response.complete();
+                  }
+               }
+            ));
+            request.response.waitForInput();
+            return;
+         }
+         // If already running, continue as normal
+         await super.invoke(request);
+      } catch (error) {
+         request.response.response.addContent(new ErrorChatResponseContentImpl(
+            new Error('Error checking Playwright MCP server status: ' + (error instanceof Error ? error.message : String(error)))
+         ));
+         request.response.complete();
+      }
+   }
+
+   /**
+    * Starts the Playwright MCP server if it doesn't exist or isn't running.
+    *
+    * @returns A promise that resolves when the server is started
+    */
+   async startPlaywrightMCPServer(): Promise<void> {
+      try {
+         const startedServers = await this.mcpService.getStartedServers();
+         if (startedServers.includes(EXPECTED_MCP_SERVER_NAME)) {
+            return;
+         }
+
+         const mcpServer: MCPServerDescription = {
+            name: EXPECTED_MCP_SERVER_NAME,
+            command: 'npx',
+            args: ['-y', '@playwright/mcp@latest'],
+            autostart: false,
+            env: {},
+         };
+
+         const availableServers = await this.mcpService.getServerNames();
+         if (!availableServers.includes(EXPECTED_MCP_SERVER_NAME)) {
+            const currentServers = this.preferenceService.get<Record<string, MCPServerDescription>>(MCP_SERVERS_PREF, {});
+            await this.preferenceService.set(MCP_SERVERS_PREF, {
+               ...currentServers,
+               mcpServer
+            }, PreferenceScope.User);
+
+            await this.mcpService.addOrUpdateServer(mcpServer);
+         }
+         await this.mcpService.startServer(EXPECTED_MCP_SERVER_NAME);
+      } catch (error) {
+         this.logger.error(`Error starting Playwright MCP server: ${error}`);
+         throw error;
+      }
+   }
+}

package/src/browser/coder-agent.ts

@@ -16,8 +16,8 @@
 import { AbstractStreamParsingChatAgent, ChatRequestModel, ChatService, ChatSession, MutableChatModel, MutableChatRequestModel } from '@theia/ai-chat/lib/common';
 import { inject, injectable } from '@theia/core/shared/inversify';
 import { FILE_CONTENT_FUNCTION_ID, GET_WORKSPACE_FILE_LIST_FUNCTION_ID, GET_WORKSPACE_DIRECTORY_STRUCTURE_FUNCTION_ID } from '../common/workspace-functions';
-import { CODER_SYSTEM_PROMPT_ID, getCoderAgentModePromptTemplate, getCoderReplacePromptTemplate, getCoderReplacePromptTemplateNext } from '../common/coder-replace-prompt-template';
-import { WriteChangeToFileProvider } from './file-changeset-functions';
+import { CODER_SYSTEM_PROMPT_ID, getCoderAgentModePromptTemplate, getCoderPromptTemplateEdit, getCoderPromptTemplateSimpleEdit } from '../common/coder-replace-prompt-template';
+import { SuggestFileContent } from './file-changeset-functions';
 import { LanguageModelRequirement, PromptVariantSet } from '@theia/ai-core';
 import { nls } from '@theia/core';
 import { MarkdownStringImpl } from '@theia/core/lib/common/markdown-rendering';
@@ -40,10 +40,10 @@ export class CoderAgent extends AbstractStreamParsingChatAgent {
         tasks involving file changes.');
     override prompts: PromptVariantSet[] = [{
         id: CODER_SYSTEM_PROMPT_ID,
-        defaultVariant: getCoderReplacePromptTemplate(true),
-        variants: [getCoderReplacePromptTemplate(false), getCoderReplacePromptTemplateNext(), getCoderAgentModePromptTemplate()]
+        defaultVariant: getCoderPromptTemplateEdit(),
+        variants: [getCoderPromptTemplateSimpleEdit(), getCoderAgentModePromptTemplate()]
     }];
-    override functions = [GET_WORKSPACE_DIRECTORY_STRUCTURE_FUNCTION_ID, GET_WORKSPACE_FILE_LIST_FUNCTION_ID, FILE_CONTENT_FUNCTION_ID, WriteChangeToFileProvider.ID];
+    override functions = [GET_WORKSPACE_DIRECTORY_STRUCTURE_FUNCTION_ID, GET_WORKSPACE_FILE_LIST_FUNCTION_ID, FILE_CONTENT_FUNCTION_ID, SuggestFileContent.ID];
     protected override systemPromptId: string | undefined = CODER_SYSTEM_PROMPT_ID;
     override async invoke(request: MutableChatRequestModel): Promise<void> {
         await super.invoke(request);