Integrate Theia IDE with Live Adobe Commerce Data via CData Connect AI

Theia IDE is an open-source, cloud and desktop IDE platform that provides a flexible, extensible development environment with built-in AI capabilities. Its AI features support multiple LLM providers and MCP (Model Context Protocol) tool integrations, allowing developers to interact with live external data sources directly from chat-based agents inside the IDE.

By integrating Theia IDE with CData Connect AI through the built-in MCP server, Theia's AI agents gain governed, real-time access to live Adobe Commerce data. This enables developers to list catalogs, explore schemas, and query records from Adobe Commerce data without leaving the editor or writing custom integration code.

This article explains how to configure Adobe Commerce connectivity in Connect AI, generate the required personal access token, register the CData Connect AI MCP Server in Theia IDE, enable AI features with an LLM provider, and verify the integration by querying live Adobe Commerce data from the Theia AI Chat.

Step 1: Configure Adobe Commerce connectivity for Theia IDE

Connectivity to Adobe Commerce from Theia IDE is made possible through Connect AI's Remote MCP Server. To interact with Adobe Commerce data from Theia IDE, start by creating and configuring a Adobe Commerce connection in Connect AI.

1. Log into Connect AI, click Sources, and then click Add Connection
👁 Adding a connection in Connect AI

2. Select Adobe Commerce from the Add Connection panel
👁 Selecting data source

3. Enter the necessary authentication properties to connect to Adobe Commerce.

   Adobe Commerce uses the OAuth 1 authentication standard. To connect to the Adobe Commerce REST API, obtain values for the OAuthClientId, OAuthClientSecret, and CallbackURL connection properties by registering an app with your Adobe Commerce system. See the "Getting Started" section in the help documentation for a guide to obtaining the OAuth values and connecting.

   You will also need to provide the URL to your Adobe Commerce system. The URL depends on whether you are using the Adobe Commerce REST API as a customer or administrator.

   • Customer: To use Adobe Commerce as a customer, make sure you have created a customer account in the Adobe Commerce homepage. To do so, click Account -> Register. You can then set the URL connection property to the endpoint of your Adobe Commerce system.

   • Administrator: To access Adobe Commerce as an administrator, set CustomAdminPath instead. This value can be obtained in the Advanced settings in the Admin menu, which can be accessed by selecting System -> Configuration -> Advanced -> Admin -> Admin Base URL.

     If the Use Custom Admin Path setting on this page is set to YES, the value is inside the Custom Admin Path text box; otherwise, set the CustomAdminPath connection property to the default value, which is "admin".

   👁 Configuring a connection (Salesforce is shown)
   
4. Click Save & Test
5. Navigate to the Permissions tab and update user-based permissions
👁 Updating permissions

Add a Personal Access Token

A Personal Access Token (PAT) is used to authenticate the connection to Connect AI from Theia IDE. It is best practice to create a separate PAT for each integration to maintain granular access control.

1. Click the gear icon () at the top right of the Connect AI app to open Settings
2. On the Settings page, go to the Access Tokens section and click Create PAT
3. Give the PAT a descriptive name and click Create
👁 Creating a new PAT

4. Copy the token when displayed and store it securely. It will not be shown again

With the Adobe Commerce connection configured and a PAT generated, Theia IDE can now connect to Adobe Commerce data through Connect AI.

Step 2: Configure Connect AI MCP in Theia IDE

Next, register the CData Connect AI Remote MCP Server in Theia IDE so that the built-in AI agents can discover and call live data tools through Connect AI.

1. Download and install the Theia IDE
2. Open Theia IDE and navigate to Settings (or press Ctrl + ,) to open the Settings view
3. In the Settings panel, expand AI Features and select MCP 👁 Navigating to MCP under AI Features in Theia Settings
   
4. Click Edit in settings.json to open the configuration file and paste the following JSON:

   {
    "ai-features.mcp.mcpServers": {
    "cdata": {
    "serverUrl": "https://mcp.cloud.cdata.com/mcp",
    "serverAuthToken": "Basic your_base64_encoded_email_PAT",
    "serverAuthTokenHeader": "Authorization"
    }
    }
   }

   Note: Theia IDE will use Basic authentication with Connect AI. Combine your Connect AI user email and the PAT you created earlier in the format email:PAT, base64 encode the combined string, and prefix it with Basic. For example, given [email protected]:ABC123...XYZ789, the serverAuthToken value becomes something like: Basic dXNlckBkb21haW4uY29tOkFCQzEyMy4uLlhZWjc4OQ==

   👁 Pasting the CData Connect AI MCP Server configuration in settings.json
   
5. Save the settings.json file

Enable AI and configure an LLM provider

Theia IDE requires AI features to be enabled and at least one LLM provider configured to power the agent's reasoning.

1. Return to Settings and under AI Features, select AI Enablement
2. Check the Enable AI box to activate Theia's AI capabilities 👁 Enabling AI in Theia IDE settings
   
3. Under AI Features, choose your preferred LLM provider (e.g., Anthropic, OpenAI, Google, Hugging Face) and enter your API key

With the MCP server registered and an LLM provider configured, Theia's AI agents are ready to query live Adobe Commerce data through Connect AI.

Step 3: Query live Adobe Commerce data from the Theia AI Chat

With the integration complete, use the Theia AI Chat panel to interact with live Adobe Commerce data.

1. Open the AI Chat panel from the right sidebar of the Theia IDE
2. At the bottom of the chat, click the Toggle Capabilities Configuration icon (or press Ctrl + Shift + .) to open the capabilities panel
3. Under Generic Capabilities, expand MCP and check the cdata server (and any specific tools you want to expose) to make the Connect AI tools available to the agent 👁 Enabling the MCP capabilities in the AI Chat
   
4. Type @AppTester in the chat input followed by your prompt, for example:
   • List all catalogs in my cdata mcp
   • Show the available schemas and tables for Adobe Commerce
   • Query the top 5 records from a table in Adobe Commerce data
5. The agent calls the Connect AI MCP Server and returns live results from Adobe Commerce data 👁 Querying live data from the Theia AI Chat
   

At this point, your Theia IDE communicates with the Connect AI MCP Server and retrieves live Adobe Commerce data through remote MCP directly from the editor.

Get CData Connect AI

To access hundreds of SaaS, Big Data, and NoSQL sources directly from your cloud applications, try CData Connect AI today! Start a free 14-day trial of CData Connect AI today, and as always, our world-class Support Team is available to assist you with any questions you may have.