NewConversationCanvas.tsx761 BView on GitHub /**
* NewConversationCanvas Component
*
* A canvas for starting a new conversation with a centered ChatInput.
* This component is displayed when the user clicks the + tab to create a new conversation.
*/
import { ChatInput } from '@/modules/cedar-os/src/cedar-os-components/chatInput/ChatInput';
export function NewConversationCanvas() {
return (
<div className="flex h-full w-full flex-col items-center justify-center p-8">
<div className="w-full max-w-2xl">
<ChatInput
className="w-full"
onMessageSent={() => {
// Handle message sent - could navigate to the new conversation
console.log('Message sent from new conversation canvas');
}}
/>
</div>
</div>
);
}