Interactive MCP

Transform your AI conversations with seamless interactive prompts directly in VS Code, Cursor, Windsurf, and other VS Code-based editors. Never lose your flow when AI assistants need user input!

✨ What This Extension Does

When working with AI assistants, sometimes they need to ask you questions or get your input. Instead of interrupting your conversation, this extension shows beautiful popups right in your editor where you can:

• Choose from multiple options with buttons
• Type custom responses
• Confirm or decline actions

All responses go directly back to your AI conversation seamlessly.

🎯 Key Features

• 🎨 Beautiful Interface: Modern popups that match your editor theme
• 🔔 Smart Notifications: Gentle audio chimes and visual cues so you never miss a prompt
• ⚡ Zero Setup: Works immediately after installation - no complex configuration needed
• 🔒 Privacy First: Everything runs locally on your machine
• 📊 Connection Status: Always know if your extension is ready in the status bar

What's New in Version 0.3.3

• Fixed image display in VS Code Extensions Marketplace
• Improved README presentation with better visual examples
• Connection in multiple IDEs is now possible, enabling multi-instance and multi-workspace support
• Popups support Markdown text

🎬 How It Works

1. Install this extension in your VS Code-based editor
2. Copy the provided configuration to your MCPs json file
3. Start chatting with your AI assistant
4. When the AI assistant needs input, a popup appears in your editor
5. Your response goes directly back to the AI assistant

Compatible with:

• VS Code
• Cursor
• Windsurf
• Other VS Code-based editors

🚀 Quick Setup

Step 1: Install the Extension

1. Open your VS Code-based editor (VS Code, Cursor, Windsurf, etc.)
2. Go to Extensions (Ctrl+Shift+X)
3. Search for "Interactive MCP"
4. Click Install

Step 2: Get Your Configuration

After installation, click "Copy MCP JSON Configuration" from the welcome notification or use the command palette (Ctrl+Shift+P) to find "Interactive MCP: Copy MCP JSON Configuration". This will copy the HTTP transport configuration to your clipboard.

Step 3: Configure Your AI Assistant

1. Find your AI assistant's MCP configuration file (varies by assistant)

2. Add the configuration to the mcpServers section:

   If this is your first MCP server:

   For Github Copilot, Cursor, and most AI assistants:

   {
     "mcpServers": {
       "interactive-mcp": {
         "url": "http://localhost:8090/mcp"
       }
     }
   }
   

   For Windsurf:

   {
     "mcpServers": {
       "interactive-mcp": {
         "serverUrl": "http://localhost:8090/mcp"
       }
     }
   }
   

   If you already have other MCP servers:

   For Github Copilot, Cursor, and most AI assistants:

   {
     "mcpServers": {
       "existing-server": {
         // your existing server config
       },
       "interactive-mcp": {
         "url": "http://localhost:8090/mcp"
       }
     }
   }
   

   For Windsurf:

   {
     "mcpServers": {
       "existing-server": {
         // your existing server config
       },
       "interactive-mcp": {
         "serverUrl": "http://localhost:8090/mcp"
       }
     }
   }
   

3. Restart your AI assistant

Step 4: Start Using

That's it! When your AI assistant needs your input, you'll see popups in your editor automatically.

🎯 How to Use

Once set up, the extension works automatically:

• Status Bar: Check the "MCP" indicator in your editor's status bar to see connection status
• Auto-Connect: The extension connects automatically when your editor starts
• Manual Control: Click the status bar indicator or use the Command Palette (Ctrl+Shift+P) to find "Interactive MCP" commands

Status Indicators

• "🚫 Interactive MCP Tools Off" - Click it to connect
• "✔️✔️ Interactive MCP Tools Ready" - You're ready to go!

Screenshots

⚙️ Settings

Customize the extension via: File > Preferences > Settings > Extensions > Interactive MCP

• Auto Connect: Automatically connect when your editor starts (recommended: ✅ enabled)
• Auto Start Server: Automatically start the local server if needed (recommended: ✅ enabled)
• Chime Sound: Enable audio notifications for new prompts (recommended: ✅ enabled)
• Server Port: Advanced users can change the connection port (default: 8547)

🆘 Troubleshooting

Extension not connecting?

• Check that your AI assistant is running
• Verify the configuration was added correctly to your AI assistant's MCP config
• Try restarting both your editor and your AI assistant

No popups appearing?

• Look for the "MCP Connected" status in your editor's status bar
• Make sure you're asking questions that require user input
• Check that popup notifications aren't being blocked by your system

Need help?

• Use the Command Palette (Ctrl+Shift+P) and search for "Interactive MCP" commands
• Check the extension's output panel in your editor for error messages

If the connection button hangs during Pairing?

• Just toggle the MCP tool switch off and back on during pairing. That should make the connection succeed.

📄 License

MIT License - Free to use and modify.

Made with ❤️ for seamless AI interactions in VS Code-based editors

Cursor Compatibility

Cursor (a VS Code fork) may have issues with HTTP transport. The extension automatically detects Cursor and switches to stdio mode. To get the correct MCP config:

1. Run the "Interactive MCP: Copy MCP JSON Configuration" command.
2. It will generate a stdio-compatible config with the extension's install path, like:

   "interactive-mcp": {
     "command": "node",
     "args": ["<OS-specific-path-to-bundled-server>/dist/index.js"]
   }
   

3. Paste this into your AI assistant's config file. This works on Windows, macOS, and Linux.