Init

src/app/dashboard/page.tsx

@@ -0,0 +1,54 @@
+"use client"
+
+import { UserProfile } from "@/components/auth/user-profile"
+import { useSession } from "@/lib/auth-client"
+import { Button } from "@/components/ui/button"
+import Link from "next/link"
+
+export default function DashboardPage() {
+  const { data: session, isPending } = useSession()
+
+  if (isPending) {
+    return <div className="flex justify-center items-center h-screen">Loading...</div>
+  }
+
+  if (!session) {
+    return (
+      <div className="flex justify-center items-center h-screen">
+        <UserProfile />
+      </div>
+    )
+  }
+
+  return (
+    <div className="container mx-auto p-6">
+      <div className="flex justify-between items-center mb-8">
+        <h1 className="text-3xl font-bold">Dashboard</h1>
+        <UserProfile />
+      </div>
+      
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+        <div className="p-6 border border-border rounded-lg">
+          <h2 className="text-xl font-semibold mb-2">AI Chat</h2>
+          <p className="text-muted-foreground mb-4">
+            Start a conversation with AI using the Vercel AI SDK
+          </p>
+          <Button asChild>
+            <Link href="/chat">Go to Chat</Link>
+          </Button>
+        </div>
+        
+        <div className="p-6 border border-border rounded-lg">
+          <h2 className="text-xl font-semibold mb-2">Profile</h2>
+          <p className="text-muted-foreground mb-4">
+            Manage your account settings and preferences
+          </p>
+          <div className="space-y-2">
+            <p><strong>Name:</strong> {session.user.name}</p>
+            <p><strong>Email:</strong> {session.user.email}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}