app/(chat)/page.tsx

import { nanoid } from '@/lib/utils';
import { Chat } from '@/components/chat';
import { ThemeToggle } from '../../components/theme-toggle';

export default function IndexPage() {
	const id = nanoid();

	return (
		<>
			<Chat
				id={id}
				initialMessages={[
					{
						id: '123',
						content: 'Hi, what do you want to know about this image?',
						role: 'system',
					},
				]}
			/>
			<ThemeToggle />
		</>
	);
}