feat: reorganize files and implement ui and sidebar

app/chat/[id]/page.tsx

@@ -1,15 +1,12 @@
-import { Sidebar } from '@/app/sidebar'
-
-import { auth } from '@/auth'
 import { type Metadata } from 'next'
 
-import { Chat } from '@/app/chat'
-import { type Chat as ChatType } from '@/lib/types'
-import { kv } from '@vercel/kv'
-import { Message } from 'ai-connector'
+import { auth } from '@/auth'
+import { getChat } from '@/app/actions'
+import { Chat } from '@/components/chat'
 
-export const runtime = 'edge'
+// export const runtime = 'edge'
 export const preferredRegion = 'home'
+
 export interface ChatPageProps {
   params: {
     id: string
@@ -30,28 +27,5 @@ export default async function ChatPage({ params }: ChatPageProps) {
   const session = await auth()
   const chat = await getChat(params.id, session?.user?.email ?? '')
 
-  return (
-    <div className="relative flex h-full w-full overflow-hidden">
-      {/* @ts-ignore */}
-      <Sidebar session={session} />
-      <div className="flex h-full min-w-0 flex-1 flex-col">
-        <Chat id={chat.id} initialMessages={chat.messages as Message[]} />
-      </div>
-    </div>
-  )
-}
-
-ChatPage.displayName = 'ChatPage'
-
-async function getChat(id: string, userId: string) {
-  const chat = await kv.hgetall<ChatType>(`chat:${id}`)
-  if (!chat) {
-    throw new Error('Not found')
-  }
-
-  if (userId && chat.userId !== userId) {
-    throw new Error('Unauthorized')
-  }
-
-  return chat
+  return <Chat id={chat.id} initialMessages={chat.messages} />
 }