continue scaffolding and refine the basic foundation

server/api/topics/[id]/index.get.ts

@@ -1,13 +1,26 @@
-import { and, desc, eq } from "drizzle-orm";
+import { and, asc, eq } from "drizzle-orm";
 import { messages, topics } from "~~/db/schema";
+import { protectRoute } from "~~/server/utils/auth";
 import type { Message, Topic } from '~~/types'
 
 export default defineEventHandler(async (event) => {
     await protectRoute(event);
 
     const db = useDrizzle();
+    const userId = event.context.user.id;
+    const topicId = getRouterParam(event, 'id');
 
-    const rows = await db.select().from(topics).where(and(eq(topics.userId, event.context.user.id), eq(topics.id, getRouterParam(event, 'id')!)));
+    if (!topicId) {
+        throw createError({
+            statusCode: 400,
+            statusMessage: 'Topic ID is required'
+        });
+    }
+
+    const rows = await db
+        .select()
+        .from(topics)
+        .where(and(eq(topics.userId, userId), eq(topics.id, topicId)));
 
     if (rows.length === 0) {
         throw createError({
@@ -17,7 +30,13 @@ export default defineEventHandler(async (event) => {
     }
 
     const topic = rows[0] as Topic & { messages: Message[] };
-    topic.messages = await db.select().from(messages).where(eq(messages.topicId, topic.id)).orderBy(desc(messages.createdAt));
+    
+    // Fetch messages for this topic, ordered chronologically
+    topic.messages = await db
+        .select()
+        .from(messages)
+        .where(eq(messages.topicId, topic.id))
+        .orderBy(asc(messages.createdAt));
 
     return topic;
-});
+});