Feature/think

app/(auth)/login/page.tsx

@@ -1,100 +1,11 @@
 "use client";
 
-import Link from "next/link";
-import { useRouter } from "next/navigation";
-import { useState } from "react";
-import { toast } from "sonner";
-import { Loader2 } from "lucide-react";
-
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { signIn } from "@/db/auth";
+import { SignIn } from "@clerk/nextjs";
 
 export default function LoginPage() {
-	const [isLoading, setIsLoading] = useState(false);
-	const [isTransitioning, setIsTransitioning] = useState(false);
-	const router = useRouter();
-
-	async function handleSubmit(event: React.FormEvent<HTMLFormElement>) {
-		event.preventDefault();
-		setIsLoading(true);
-
-		try {
-			const formData = new FormData(event.currentTarget);
-			const email = formData.get("email") as string;
-			const password = formData.get("password") as string;
-
-			await signIn(email, password);
-			setIsTransitioning(true);
-			router.push("/");
-			router.refresh();
-		} catch (error: any) {
-			toast.error(error.message);
-			setIsLoading(false);
-		}
-	}
-
-	if (isTransitioning) {
-		return (
-			<div className="fixed inset-0 flex items-center justify-center bg-background">
-				<div className="space-y-4 text-center">
-					<Loader2 className="h-8 w-8 animate-spin" />
-					<p className="text-sm text-muted-foreground">Redirecting...</p>
-				</div>
-			</div>
-		);
-	}
-
-	return (
-		<div className="flex h-[calc(100vh-theme(spacing.16))] items-center justify-center py-10">
-			<div className="w-full max-w-sm space-y-6">
-				<div className="space-y-2 text-center">
-					<h1 className="text-3xl font-bold">Login</h1>
-					<p className="text-gray-500 dark:text-gray-400">
-						Enter your email below to login to your account
-					</p>
-				</div>
-				<form className="space-y-4" onSubmit={handleSubmit}>
-					<div className="space-y-2">
-						<Label htmlFor="email">Email</Label>
-						<Input
-							id="email"
-							name="email"
-							placeholder="m@example.com"
-							required
-							type="email"
-							disabled={isLoading}
-						/>
-					</div>
-					<div className="space-y-2">
-						<Label htmlFor="password">Password</Label>
-						<Input
-							id="password"
-							name="password"
-							required
-							type="password"
-							disabled={isLoading}
-						/>
-					</div>
-					<Button className="w-full" disabled={isLoading}>
-						{isLoading ? (
-							<>
-								<Loader2 className="mr-2 h-4 w-4 animate-spin" />
-								Signing in...
-							</>
-						) : (
-							"Sign in"
-						)}
-					</Button>
-				</form>
-				<div className="text-center text-sm">
-					Don&apos;t have an account?{" "}
-					<Link className="underline" href="/register">
-						Register
-					</Link>
-				</div>
-			</div>
-		</div>
-	);
+  return (
+    <div className="flex h-screen items-center justify-center">
+      <SignIn />
+    </div>
+  );
 }

app/(auth)/register/page.tsx

@@ -1,73 +1,11 @@
 "use client";
 
-import Link from "next/link";
-import { useRouter } from "next/navigation";
-import { useState } from "react";
-import { toast } from "sonner";
-
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { signUp } from "@/db/auth";
+import { SignUp } from "@clerk/nextjs";
 
 export default function RegisterPage() {
-	const [isLoading, setIsLoading] = useState(false);
-	const router = useRouter();
-
-	async function handleSubmit(event: React.FormEvent<HTMLFormElement>) {
-		event.preventDefault();
-		setIsLoading(true);
-
-		try {
-			const formData = new FormData(event.currentTarget);
-			const email = formData.get("email") as string;
-			const password = formData.get("password") as string;
-
-			await signUp(email, password);
-			toast.success("Check your email to confirm your account");
-			router.push("/login");
-		} catch (error: any) {
-			toast.error(error.message);
-		} finally {
-			setIsLoading(false);
-		}
-	}
-
-	return (
-		<div className="flex h-[calc(100vh-theme(spacing.16))] items-center justify-center py-10">
-			<div className="w-full max-w-sm space-y-6">
-				<div className="space-y-2 text-center">
-					<h1 className="text-3xl font-bold">Register</h1>
-					<p className="text-gray-500 dark:text-gray-400">
-						Enter your information to create an account
-					</p>
-				</div>
-				<form className="space-y-4" onSubmit={handleSubmit}>
-					<div className="space-y-2">
-						<Label htmlFor="email">Email</Label>
-						<Input
-							id="email"
-							name="email"
-							placeholder="m@example.com"
-							required
-							type="email"
-						/>
-					</div>
-					<div className="space-y-2">
-						<Label htmlFor="password">Password</Label>
-						<Input id="password" name="password" required type="password" />
-					</div>
-					<Button className="w-full" disabled={isLoading}>
-						{isLoading ? "Loading..." : "Register"}
-					</Button>
-				</form>
-				<div className="text-center text-sm">
-					Already have an account?{" "}
-					<Link className="underline" href="/login">
-						Login
-					</Link>
-				</div>
-			</div>
-		</div>
-	);
+  return (
+    <div className="flex h-screen items-center justify-center">
+      <SignUp />
+    </div>
+  );
 }

app/(chat)/api/chat/route.ts

@@ -36,7 +36,6 @@ import { kv } from "@vercel/kv";
 import { useAccount, useBalance, useChainId } from "wagmi";
 
 import { generateTitleFromUserMessage } from "../../actions";
-
 export const maxDuration = 60;
 
 interface WeatherParams {
@@ -87,7 +86,7 @@ const allTools: AllowedTools[] = [
 	...weatherTools,
 	"getWalletBalance" as AllowedTools,
 	"checkWalletState" as AllowedTools,
-	...(FEATURES.WEB_SEARCH ? ["webSearch" as AllowedTools] : []),
+	"webSearch" as AllowedTools,
 ];
 
 async function getUser() {
@@ -545,54 +544,49 @@ const tools = {
 			}
 		},
 	},
-	...(FEATURES.WEB_SEARCH
-		? {
-				webSearch: {
-					description: "Search the web using DuckDuckGo",
-					parameters: z.object({
-						query: z.string().describe("The search query"),
-						searchType: z
-							.enum(["duckduckgo", "opensearch"])
-							.describe("The search engine to use"),
-					}),
-					execute: async ({
+	webSearch: {
+		description: "Search the web using DuckDuckGo",
+		parameters: z.object({
+			query: z.string().describe("The search query"),
+			searchType: z
+				.enum(["duckduckgo", "opensearch"])
+				.describe("The search engine to use"),
+		}),
+		execute: async ({
+			query,
+			searchType,
+		}: {
+			query: string;
+			searchType: "duckduckgo" | "opensearch";
+		}) => {
+			try {
+				let results;
+				if (searchType === "duckduckgo") {
+					results = await searchDuckDuckGo(query);
+				} else {
+					results = await searchOpenSearch(query);
+				}
+
+				return {
+					type: "tool-result",
+					result: {
+						searchEngine: searchType,
 						query,
-						searchType,
-					}: {
-						query: string;
-						searchType: "duckduckgo" | "opensearch";
-					}) => {
-						try {
-							let results;
-							if (searchType === "duckduckgo") {
-								results = await searchDuckDuckGo(query);
-							} else {
-								results = await searchOpenSearch(query);
-							}
-
-							return {
-								type: "tool-result",
-								result: {
-									searchEngine: searchType,
-									query,
-									results,
-									timestamp: new Date().toISOString(),
-								},
-							};
-						} catch (error) {
-							return {
-								type: "tool-result",
-								result: {
-									error: "Search failed",
-									details:
-										error instanceof Error ? error.message : "Unknown error",
-								},
-							};
-						}
+						results,
+						timestamp: new Date().toISOString(),
 					},
-				},
+				};
+			} catch (error) {
+				return {
+					type: "tool-result",
+					result: {
+						error: "Search failed",
+						details: error instanceof Error ? error.message : "Unknown error",
+					},
+				};
 			}
-		: {}),
+		},
+	},
 };
 
 export async function POST(request: Request) {
@@ -749,11 +743,12 @@ export async function POST(request: Request) {
 							}),
 					},
 				},
-				onFinish: async ({ responseMessages }) => {
+				onFinish: async (event) => {
+				  const { responseMessages } = event;
 					if (user && user.id) {
 						try {
 							const responseMessagesWithoutIncompleteToolCalls =
-								sanitizeResponseMessages(responseMessages);
+								sanitizeResponseMessages(responseMessages as (CoreAssistantMessage | CoreToolMessage)[]);
 
 							await saveMessages({
 								chatId: id,