Fix schema

app/(auth)/accept-invite/page.tsx

@@ -1,30 +1,56 @@
 "use client";
 
 import { useState } from "react";
-import { useSearchParams } from "next/navigation";
+import { useSearchParams, useRouter } from "next/navigation";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
-import { authClient } from "@/lib/auth/client";
+import { authClient, useSession } from "@/lib/auth/client";
 import { toast } from "sonner";
 
 export default function AcceptInvitePage() {
+	const router = useRouter();
 	const searchParams = useSearchParams();
-	const email = searchParams.get("email") || "";
+	const emailFromUrl = searchParams.get("email") || "";
+	const invitationId = searchParams.get("invitationId") || "";
+	const [email, setEmail] = useState(emailFromUrl);
 	const [isLoading, setIsLoading] = useState(false);
+	const [isAccepting, setIsAccepting] = useState(false);
 	const [sent, setSent] = useState(false);
+	const { data: session, isPending } = useSession();
+
+	async function handleAcceptInvitation() {
+		setIsAccepting(true);
+		try {
+			const result = await authClient.organization.acceptInvitation({
+				invitationId,
+			});
+
+			if (result.error) {
+				toast.error(result.error.message || "Failed to accept invitation");
+			} else {
+				toast.success("Invitation accepted!");
+				router.push("/start");
+			}
+		} catch (error) {
+			console.error("Accept invitation error:", error);
+			toast.error("Failed to accept invitation");
+		} finally {
+			setIsAccepting(false);
+		}
+	}
 
 	async function handleSignIn() {
 		if (!email) {
-			toast.error("No email provided");
+			toast.error("Please enter your email");
 			return;
 		}
 
 		setIsLoading(true);
 		try {
 			const result = await authClient.signIn.magicLink({
 				email,
-				callbackURL: "/start",
+				callbackURL: `/accept-invite?email=${encodeURIComponent(email)}${invitationId ? `&invitationId=${invitationId}` : ""}`,
 			});
 
 			if (result.error) {
@@ -41,6 +67,39 @@ export default function AcceptInvitePage() {
 		}
 	}
 
+	if (isPending) {
+		return (
+			<div className="flex min-h-screen items-center justify-center">
+				<div className="text-muted-foreground">Loading...</div>
+			</div>
+		);
+	}
+
+	if (session?.user) {
+		return (
+			<div className="flex min-h-screen items-center justify-center">
+				<div className="w-full max-w-md space-y-6 p-8">
+					<div className="text-center space-y-2">
+						<h1 className="text-2xl font-bold">Accept Invitation</h1>
+						<p className="text-muted-foreground">
+							You're signed in as <strong>{session.user.email}</strong>
+						</p>
+					</div>
+
+					<Button
+						onClick={handleAcceptInvitation}
+						disabled={isAccepting}
+						className="w-full"
+					>
+						{isAccepting
+							? "Accepting..."
+							: "Accept invitation & join workspace"}
+					</Button>
+				</div>
+			</div>
+		);
+	}
+
 	if (sent) {
 		return (
 			<div className="flex min-h-screen items-center justify-center">
@@ -76,8 +135,8 @@ export default function AcceptInvitePage() {
 							id="email"
 							type="email"
 							value={email}
-							disabled
-							className="bg-muted"
+							onChange={(e) => setEmail(e.target.value)}
+							placeholder="Enter your email"
 						/>
 					</div>
 

app/(dashboard)/[tenant]/projects/[projectId]/events/page.tsx

@@ -33,7 +33,8 @@ export default function Events() {
 	const [selectedDate, setSelectedDate] = useState<string | null>(null);
 
 	const calendarSubscriptionUrl = useMemo(
-		() => `/api/calendar/${tenant}/${projectId}/calendar.ics?userId=${session?.user?.id}`,
+		() =>
+			`/api/calendar/${tenant}/${projectId}/calendar.ics?userId=${session?.user?.id}`,
 		[tenant, projectId, session?.user?.id],
 	);
 

app/(dashboard)/[tenant]/today/page.tsx

@@ -51,7 +51,7 @@ export default function Today() {
 		});
 
 	const projects = projectsData?.projects;
-	const isOrgAdmin = projectsData?.isOrgAdmin ?? (tenant === "me");
+	const isOrgAdmin = projectsData?.isOrgAdmin ?? tenant === "me";
 
 	const { dueToday = [], overDue = [], events = [] } = todayData ?? {};
 

app/page.tsx

@@ -5,6 +5,7 @@ import { ClientRedirect } from "@/components/core/client-redirect";
 import { Footer } from "@/components/layout/footer";
 import { Header } from "@/components/layout/header";
 import { auth } from "@/lib/auth";
+import { isSignupDisabled } from "@/lib/config";
 
 export default async function Home() {
 	const session = await auth.api.getSession({
@@ -16,7 +17,7 @@ export default async function Home() {
 
 	return (
 		<div className="min-h-screen">
-			<Header />
+			<Header disableSignups={isSignupDisabled()} />
 
 			<section>
 				<div className="mx-auto max-w-7xl relative border border-gray-200 dark:border-gray-800 pb-24 pt-8 px-6">

biome.json

@@ -1,6 +1,12 @@
 {
 	"$schema": "https://biomejs.dev/schemas/2.3.5/schema.json",
 	"assist": { "actions": { "source": { "organizeImports": "on" } } },
+	"css": {
+		"parser": {
+			"cssModules": true,
+			"tailwindDirectives": true
+		}
+	},
 	"linter": {
 		"enabled": true,
 		"rules": {

components/core/billing.tsx

@@ -1,6 +1,12 @@
 "use client";
 
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import {
+	Card,
+	CardContent,
+	CardDescription,
+	CardHeader,
+	CardTitle,
+} from "@/components/ui/card";
 
 export function Billing() {
 	return (
@@ -13,8 +19,8 @@ export function Billing() {
 			</CardHeader>
 			<CardContent>
 				<p className="text-sm text-muted-foreground">
-					No billing is required for self-hosted instances.
-					All features are available.
+					No billing is required for self-hosted instances. All features are
+					available.
 				</p>
 			</CardContent>
 		</Card>