Add MCP as a Node Type in the Agent Flow

[thunder-velvet]

Overview

We need to add support for Multi-Context Programming (MCP) as a new node type in our agent flow system.

Requirements

1. Add a new MCP type to the NodeType enum in packages/shared/agents/agent.flow.ts
2. Create new MCP node implementation in the apps/frontend/src/components/agents/nodes directory
3. Add the MCP node to the nodeList in apps/frontend/src/components/agents/nodes/node.list.ts
4. Update the agent flow dependencies in the steps array to include MCP as a dependency option

Technical Details

• The MCP node should inherit from the NodeComponent base class
• The node should support configuration of MCP-specific parameters
• Implement proper validation for MCP node settings
• Create a user-friendly interface for configuring MCP options
• Add proper rendering support for the MCP node in the agent flow UI

Acceptance Criteria

• [ ] MCP node type is added to the NodeType enum
• [ ] MCP node component is implemented
• [ ] MCP node is added to the nodeList
• [ ] MCP node can be added to the agent flow
• [ ] MCP node can be configured properly
• [ ] MCP node renders correctly in the UI
• [ ] MCP node functions correctly within the agent flow

Additional Context

MCP (Multi-Context Programming) allows agents to work with multiple contexts simultaneously, which is crucial for more complex workflows and integrations in our system.