MCP Multi-Agent Orchestration Server

import { useState } from 'react'; import { Button } from '@/components/ui/button'; export function ChatInput({ onSendMessage }: { onSendMessage: (message: string) => void }) { const [message, setMessage] = useState(''); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); if (!message.trim()) return; onSendMessage(message); setMessage(''); }; return ( <form onSubmit={handleSubmit} className="flex gap-2 w-full"> <input type="text" value={message} onChange={(e) => setMessage(e.target.value)} placeholder="Type your message..." className="flex-1 px-4 py-2 rounded-lg bg-gray-800 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500" /> <Button type="submit" className="bg-blue-600 hover:bg-blue-700"> Send </Button> </form> ); }