User profile and Preferences

apps/hasura/metadata/databases/masterbots/tables/public_chatbot.yaml

@@ -61,9 +61,6 @@ select_permissions:
   - role: anonymous
     permission:
       columns:
-        - is_pro
-        - pro_exclusive
-        - chatbot_id
         - avatar
         - chatbot_id
         - created_by
@@ -81,8 +78,6 @@ select_permissions:
   - role: moderator
     permission:
       columns:
-        - is_pro
-        - pro_exclusive
         - avatar
         - chatbot_id
         - created_by
@@ -100,8 +95,6 @@ select_permissions:
   - role: user
     permission:
       columns:
-        - is_pro
-        - pro_exclusive
         - avatar
         - chatbot_id
         - created_by

apps/hasura/metadata/databases/masterbots/tables/public_user.yaml

@@ -112,6 +112,7 @@ select_permissions:
         - deletion_requested_at
         - email
         - favourite_topic
+        - is_verified
         - last_login
         - pro_user_subscription_id
         - profile_picture

apps/masterbots.ai/components/routes/home/home-page.tsx

@@ -0,0 +1,74 @@
+'use client'
+
+import BrowseList from '@/components/routes/browse/browse-list'
+import { OnboardingSection } from '@/components/shared/onboarding-section'
+import { useSidebar } from '@/lib/hooks/use-sidebar'
+import type { HomePageProps } from '@/types/types'
+import { useSession } from 'next-auth/react'
+import { useEffect, useState } from 'react'
+
+export default function HomePage({
+	initialThreads,
+	initialCount,
+}: HomePageProps) {
+	const { data: session, status } = useSession()
+	const { selectedCategories, setSelectedCategories } = useSidebar()
+	const [showOnboarding, setShowOnboarding] = useState(false)
+
+	useEffect(() => {
+		if (status === 'loading') return
+		setShowOnboarding(!session?.user)
+	}, [session?.user, status])
+
+	//? Show onboarding section for non-logged-in users
+	if (!session?.user) {
+		if (!showOnboarding && selectedCategories.length > 0) {
+			return (
+				<BrowseList
+					initialThreads={initialThreads}
+					initialCount={initialCount}
+					disableOnboarding={true}
+				/>
+			)
+		}
+
+		if (!showOnboarding && selectedCategories.length === 0) {
+			return (
+				<div className="flex flex-col gap-3 py-5 w-full">
+					<div className="flex justify-center items-center min-h-[calc(100vh-200px)]">
+						<div className="text-center">
+							<h2 className="mb-4 text-2xl font-bold text-gray-900 dark:text-white">
+								Welcome to Masterbots.ai
+							</h2>
+							<p className="mb-6 text-gray-600 dark:text-gray-400">
+								Please select some topics to get started
+							</p>
+							<button
+								type="button"
+								onClick={() => setShowOnboarding(true)}
+								className="px-6 py-3 text-white bg-green-600 rounded-lg transition-colors hover:bg-green-700"
+							>
+								Select Topics
+							</button>
+						</div>
+					</div>
+				</div>
+			)
+		}
+
+		//? Show onboarding section
+		return (
+			<div className="flex flex-col gap-3 py-5 w-full">
+				<OnboardingSection
+					isOpen={showOnboarding}
+					onClose={() => setShowOnboarding(false)}
+				/>
+			</div>
+		)
+	}
+
+	//? Show regular browse list for logged-in users
+	return (
+		<BrowseList initialThreads={initialThreads} initialCount={initialCount} />
+	)
+}

apps/masterbots.ai/components/routes/profile/empty-state.tsx

@@ -0,0 +1,17 @@
+import { FolderX } from 'lucide-react'
+
+export function EmptyState() {
+	return (
+		<div className="flex flex-col justify-center items-center h-full w-full text-center p-6">
+			<div className="mb-6">
+				<FolderX className="mx-auto text-gray-400" size={100} strokeWidth={1} />
+			</div>
+			<h2 className="text-2xl font-bold text-gray-800 mb-3">
+				No Data Available
+			</h2>
+			<p className="text-gray-600 max-w-md">
+				There is no data available for this user.
+			</p>
+		</div>
+	)
+}