Skip to content

Add MCP Servers Page with API Key Management and Client Setup Guides #197

Description

@mit-iqudtek

Summary

Introduce MCP Servers and MCP API Key Management functionality in the Control Panel application, enabling users to generate and manage MCP API keys, access setup guides, and connect supported AI desktop clients to the MCP server.

Changes Implemented

MCP Servers Module

  • Added a dedicated MCP Servers page in the Control Panel.
  • Implemented MCP server management interface.
  • Added onboarding and setup guidance for MCP integrations.
  • Integrated MCP server-related APIs with the frontend.

MCP API Keys Management

  • Added MCP API key generation functionality.
  • Added MCP API key revocation functionality.
  • Implemented API integration for managing MCP keys.
  • Added support for securely displaying and managing generated keys.

Client Setup Guides

  • Added setup guides for supported MCP clients:
    • Cursor
    • Claude Desktop
    • Windsurf
    • Antigravity
  • Added configuration instructions to help users connect clients to the MCP server.

User Experience Improvements

  • Added skeleton loaders for MCP-related pages and data fetching states.
  • Improved loading and empty-state experiences.
  • Enhanced overall UI consistency and usability.

Success Messages

  • Added standardized success messages for:
    • MCP API key generation
    • MCP API key revocation
    • MCP server-related actions

Error Handling

  • Added standardized error messages for:
    • MCP API key operations
    • MCP server operations
    • API failures and validation errors

Acceptance Criteria

  • MCP Servers page is available and accessible.
  • Users can generate MCP API keys successfully.
  • Users can revoke MCP API keys successfully.
  • MCP API key management is fully integrated with backend APIs.
  • Setup guides for supported MCP clients are available and functional.
  • Loading states are handled using skeleton components.
  • Success and error messages are displayed appropriately.
  • MCP server setup flow works as expected for supported clients.
  • UI is responsive and consistent with existing application standards.

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Type

No fields configured for Task.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions