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>
  );
}