Multi-Agent Communication Platform (MCP)

.chat-view { height: 100%; display: flex; flex-direction: column; } .chat-header { background-color: #34495e; color: white; padding: 1rem; display: flex; justify-content: space-between; align-items: center; } .chat-header h2 { margin: 0; font-size: 1.3rem; } .channel-id { font-size: 0.85rem; opacity: 0.8; font-family: monospace; } .chat-content { flex: 1; display: flex; overflow: hidden; } .messages-area { flex: 1; overflow-y: auto; padding: 1rem; background-color: #ffffff; } .agents-sidebar { width: 250px; background-color: #f8f9fa; border-left: 1px solid #dee2e6; overflow-y: auto; } .loading, .no-messages { text-align: center; padding: 2rem; color: #6c757d; }