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/pro-web/app/actions/ai-main-call.actions.ts

@@ -365,12 +365,12 @@ export async function createResponseStream(
 							tools,
 							temperature: 1,
 							reasoning_effort: isPowerUp ? 'high' : 'medium',
-							providerOptions: {
-								openai: {
-									reasoningEffort: 'low',
-									reasoningSummary: 'auto',
-								},
-							},
+							// providerOptions: {
+							// 	openai: {
+							// 		reasoningEffort: 'low',
+							// 		reasoningSummary: 'auto',
+							// 	},
+							// },
 						}
 					: ({
 							temperature: OPEN_AI_ENV_CONFIG.TEMPERATURE,

apps/pro-web/app/api/auth/signup/route.ts

@@ -5,6 +5,7 @@ import { insertAdminUserPreferences } from '@/app/actions/admin.actions'
 import { sendEmailVerification } from '@/lib/email'
 import { generateUsername } from '@/lib/username'
 import { delayFetch } from '@/lib/utils'
+import { isUsernameTaken } from '@/services/hasura/hasura.service'
 import bcryptjs from 'bcryptjs'
 import { appConfig } from 'mb-env'
 import { getHasuraClient, toSlug } from 'mb-lib'
@@ -24,6 +25,16 @@ export async function POST(req: NextRequest) {
 		)
 	}
 
+	if (username) {
+		const taken = await isUsernameTaken(username)
+		if (taken) {
+			return NextResponse.json(
+				{ error: 'Username is already taken' },
+				{ status: 409 },
+			)
+		}
+	}
+
 	const client = getHasuraClient()
 
 	try {

apps/pro-web/app/api/chat/models/models.ts

@@ -14,5 +14,4 @@ export enum AIModels {
 	Gemini_Flash_Lite_Pro = 'gemini-2.0-flash-lite-pro',
 	Gemini_Flash_Pro = 'gemini-2.5-pro-preview-03-25',
 	Default = 'gpt-5-mini', //!  OpenAI_5
-	// Default = 'gpt-4o-mini', //!  OpenAI_5
 }

apps/pro-web/app/auth/forgot-password/page.tsx

@@ -11,7 +11,7 @@ export default function ForgotPasswordPage() {
 	const logoSrc = getAppLogoPath({ theme: resolvedTheme })
 	return (
 		<motion.div
-			className="flex flex-col min-h-[calc(100vh-4rem)] items-center py-6 sm:py-10"
+			className="flex flex-col min-h-[calc(100vh-64px)] items-center py-6 sm:py-10"
 			initial={{ opacity: 0 }}
 			animate={{ opacity: 1 }}
 			transition={{ duration: 0.3 }}

apps/pro-web/app/auth/reset-password/page.tsx

@@ -16,7 +16,7 @@ export default function ResetPasswordPage(props: {
 
 	return (
 		<motion.div
-			className="flex flex-col min-h-[calc(100vh-4rem)] items-center py-6 sm:py-10"
+			className="flex flex-col min-h-[calc(100vh-64px)] items-center py-6 sm:py-10"
 			initial={{ opacity: 0 }}
 			animate={{ opacity: 1 }}
 			transition={{ duration: 0.3 }}

apps/pro-web/app/auth/signin/page.tsx

@@ -16,7 +16,7 @@ export default function SignInPage() {
 	const logoSrc = getAppLogoPath({ theme: resolvedTheme })
 
 	return (
-		<div className="flex flex-col min-h-[calc(100vh-4rem)] items-center py-6 sm:py-10">
+		<div className="flex flex-col min-h-[calc(100vh-64px)] items-center py-6 sm:py-10">
 			<div className="w-full max-w-[1006px] sm:max-w-[500px] md:max-w-[1006px]  relative aspect-[726/200] mb-6 sm:mb-10">
 				<Image
 					src={logoSrc}

apps/pro-web/app/auth/signup/page.tsx

@@ -13,7 +13,7 @@ export default function SignUpPage() {
 
 	return (
 		<motion.div
-			className="flex flex-col min-h-[calc(100vh-4rem)] items-center py-6 sm:py-10"
+			className="flex flex-col min-h-[calc(100vh-64px)] items-center py-6 sm:py-10"
 			initial={{ opacity: 0 }}
 			animate={{ opacity: 1 }}
 			transition={{ duration: 0.3 }}

apps/pro-web/app/org/page.tsx

@@ -1,9 +1,9 @@
-import BrowseList from '@/components/routes/browse/browse-list'
+import HomePage from '@/components/routes/home/home-page'
 import { PAGE_SIZE } from '@/lib/constants/hasura'
 import { getBrowseThreads } from '@/services/hasura'
 
-export default async function HomePage() {
+export default async function Page() {
 	const { threads, count } = await getBrowseThreads({ limit: PAGE_SIZE })
 
-	return <BrowseList initialThreads={threads} initialCount={count} />
+	return <HomePage initialThreads={threads} initialCount={count} />
 }

apps/pro-web/app/u/[userSlug]/s/pref/page.tsx

@@ -1,8 +1,21 @@
+import { authOptions } from '@/auth'
 import { Preferences } from '@/components/routes/preferences/preferences'
+import { ErrorComponent } from '@/components/shared/error'
+import type { PageProps } from '@/types/types'
+import { getServerSession } from 'next-auth'
+
+export default async function PreferencePage(props: PageProps) {
+	const params = await props.params
+	const userSlug = params.userSlug
+	const session = await getServerSession(authOptions)
+	if (!userSlug) return <ErrorComponent message="User slug is required" />
+	if (!session)
+		return <ErrorComponent message="You must be logged in to view this page" />
+	if (!session || !session.user || session.user.slug !== userSlug)
+		return <ErrorComponent message={`Login as ${userSlug} to view this page`} />
 
-export default async function PreferencePage() {
 	return (
-		<div className="max-w-screen-xl pb-10 mx-auto w-full py-[120px] px-[58px]">
+		<div className="max-w-screen-xl pb-10 mx-auto w-full lg:py-[120px] lg:px-[58px]  py-[70px] px-[50]">
 			<Preferences />
 		</div>
 	)

apps/pro-web/app/u/[userSlug]/s/subs/page.tsx

@@ -1,5 +1,18 @@
+import { authOptions } from '@/auth'
 import { SubscriptionPageComponent } from '@/components/routes/subscription/subscription-page'
+import { ErrorComponent } from '@/components/shared/error'
+import type { PageProps } from '@/types/types'
+import { getServerSession } from 'next-auth'
+
+export default async function PreferencePage(props: PageProps) {
+	const params = await props.params
+	const userSlug = params.userSlug
+	const session = await getServerSession(authOptions)
+	if (!userSlug) return <ErrorComponent message="User slug is required" />
+	if (!session)
+		return <ErrorComponent message="You must be logged in to view this page" />
+	if (!session || !session.user || session.user.slug !== userSlug)
+		return <ErrorComponent message={`Login as ${userSlug} to view this page`} />
 
-export default async function PreferencePage() {
 	return <SubscriptionPageComponent />
 }

apps/pro-web/app/u/layout.tsx

@@ -14,17 +14,10 @@ export default async function ProfilePageLayout({
 	params,
 }: ProfileLayoutProps) {
 	const session = await getServerSession()
-	const { userSlug } = await params
-	const { user } = await getUserBySlug({
-		slug: userSlug as string,
-		isSameUser: session?.user.slug === userSlug,
-	})
 	return (
 		// <section className="flex flex-col p-0">
 		<BrowseProvider>
-			<ProfileLayoutContent user={user as User}>
-				{children}
-			</ProfileLayoutContent>
+			<ProfileLayoutContent>{children}</ProfileLayoutContent>
 		</BrowseProvider>
 	)
 }

apps/pro-web/app/wordware/layout.tsx

@@ -15,7 +15,7 @@ export default async function ChatLayout({ children }: ChatLayoutProps) {
 	}
 
 	return (
-		<main className="relative flex flex-col h-[calc(100vh-4rem)] overflow-hidden">
+		<main className="relative flex flex-col h-[calc(100vh-64px)] overflow-hidden">
 			{/* <NextTopLoader color="#1ED761" initialPosition={0.2} /> */}
 			<ResponsiveSidebar />
 			<ChatLayoutSection>{children}</ChatLayoutSection>

apps/pro-web/components/layout/layout-client.tsx

@@ -17,11 +17,8 @@ export default function LayoutClient({
 	const [mounted, setMounted] = React.useState(false)
 
 	// Ensure the theme is mounted before rendering
-	// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
 	React.useEffect(() => {
 		setMounted(true)
-
-		console.log('Mounted LayoutClient with resolvedTheme:', resolvedTheme)
 	}, [])
 
 	const isAuthPage = pathname.includes('auth/')

apps/pro-web/components/layout/profile/hero.tsx

@@ -4,6 +4,7 @@ import type { User } from 'mb-genql'
 
 export function Hero({ user }: { user: User }) {
 	if (!user) return null
+
 	return (
 		<div className="profile-hero-bg" id="hero-section">
 			<div className="relative z-[2] md:px-0 px-5">

apps/pro-web/components/layout/profile/profile-page-sidebar.tsx

@@ -108,7 +108,7 @@ export const UserProfileSidebar = ({
 					'lg:pl-0 lg:pr-0 max-w-screen-xl mx-auto': !isMainProfilePage,
 				})}
 			>
-				{!isMainProfilePage && (
+				{/* {!isMainProfilePage && (
 					<Breadcrumb className="px-4 py-2">
 						<BreadcrumbList>
 							<BreadcrumbItem>
@@ -126,7 +126,7 @@ export const UserProfileSidebar = ({
 							</BreadcrumbItem>
 						</BreadcrumbList>
 					</Breadcrumb>
-				)}
+				)} */}
 				<div className="flex flex-col w-full gap-10 pt-5 mb-10 mx-auto flex-grow ">
 					{children}
 				</div>

apps/pro-web/components/layout/sidebar/sidebar-category-general.tsx

@@ -8,12 +8,12 @@ export function SidebarCategoryGeneral({ page }: { page?: string }) {
 
 	if (!filteredCategories.length)
 		return (
-			<div className="p-4 min-h-inherit text-center">
-				No matching categories found
+			<div className="p-4 text-center min-h-inherit">
+				Choose topics to get started
 			</div>
 		)
 	return (
-		<ul className="min-h-inherit space-y-0">
+		<ul className="space-y-0 min-h-inherit">
 			{filteredCategories.map((category) => (
 				<li key={category.categoryId}>
 					<SidebarLink

apps/pro-web/components/routes/bot/bot-profile-thread-section.tsx

@@ -1,9 +1,6 @@
 'use client'
 
 import BrowseChatbotDetails from '@/components/routes/browse/browse-chatbot-details'
-import { BrowseSearchInput } from '@/components/routes/browse/browse-search-input'
-import { OnboardingMobileView } from '@/components/routes/chat/chat-onboarding-chatbot-mobile'
-import { SelectedBotMobileView } from '@/components/routes/chat/chat-selected-chatbot-mobile'
 import UserThreadPanel from '@/components/routes/thread/user-thread-panel'
 import { OnboardingChatbotCard } from '@/components/shared/onboarding-chatbot-card'
 import { useThread } from '@/lib/hooks/use-thread'