--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/love/epi/src/components/ChatUI/MessageContainer.tsx	Mon Dec 01 20:35:56 2025 -0800
@@ -0,0 +1,26 @@
+import { MessageItem } from './MessageItem';
+import type { Message } from '@/atoms/chatAtoms';
+
+interface MessageContainerProps {
+  messages: Message[];
+}
+
+export function MessageContainer(props: MessageContainerProps) {
+  const { messages } = props;
+
+  return (
+    <div className="flex-1 overflow-y-auto">
+      {messages.length === 0 ? (
+        <div className="flex items-center justify-center h-full text-gray-500">
+          <p>No messages yet. Start the conversation!</p>
+        </div>
+      ) : (
+        <div>
+          {messages?.map((msg) => (
+            <MessageItem key={msg.id} message={msg} />
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}