change chat url and header

app/{sign-in → (logout)/sign-in}/page.tsx

@@ -1,7 +1,6 @@
 import { auth } from '@/auth';
 import { LoginButton } from '@/components/LoginButton';
 import { redirect } from 'next/navigation';
-import { ThemeToggle } from '../../components/ThemeToggle';
 
 export default async function SignInPage() {
 	const session = await auth();

app/(logout)/unauthorized/page.tsx

@@ -0,0 +1,24 @@
+import { auth } from '@/auth';
+import { redirect } from 'next/navigation';
+import { Button } from '@/components/ui/Button';
+import Link from 'next/link';
+
+export default async function Unauthorized() {
+	const session = await auth();
+	// redirect to home if user is already logged in
+	if (session?.user) {
+		redirect('/');
+	}
+
+	return (
+		<div className="flex flex-col h-[calc(100vh-theme(spacing.16))] items-center justify-center py-10 space-y-2">
+			<div>
+				You are not authorized to view this page. Please sign in with Landing
+				account to continue.
+			</div>
+			<Button asChild className="mt-16">
+				<Link href="/sign-in">Sign in</Link>
+			</Button>
+		</div>
+	);
+}

app/layout.tsx

@@ -11,8 +11,8 @@ import { Header } from '@/components/Header';
 export const metadata = {
 	metadataBase: new URL(`https://${process.env.VERCEL_URL}`),
 	title: {
-		default: 'Vision Agent',
-		template: `%s - Vision Agent`,
+		default: 'Insight Playground',
+		template: `%s - Insight Playground`,
 	},
 	description: 'By Landing AI',
 	icons: {

app/{unauthorized/page.tsx → page.tsx}

@@ -1,7 +1,9 @@
-export default async function Unauthorized() {
+'use client';
+
+export default function IndexPage() {
 	return (
 		<div className="flex flex-col h-[calc(100vh-theme(spacing.16))] items-center justify-center py-10 space-y-2">
-			You are not authorized to view this page. Please sign in to continue.
+			Welcome to Insight Playground
 		</div>
 	);
 }

app/share/[id]/page.tsx

@@ -1,48 +0,0 @@
-import { type Metadata } from 'next';
-import { notFound } from 'next/navigation';
-
-import { formatDate } from '@/lib/utils';
-import { getSharedChat } from '@/app/actions';
-import { ChatList } from '@/components/chat/ChatList';
-
-interface SharePageProps {
-	params: {
-		id: string;
-	};
-}
-
-export async function generateMetadata({
-	params,
-}: SharePageProps): Promise<Metadata> {
-	const chat = await getSharedChat(params.id);
-
-	return {
-		title: chat?.title.slice(0, 50) ?? 'Chat',
-	};
-}
-
-export default async function SharePage({ params }: SharePageProps) {
-	const chat = await getSharedChat(params.id);
-
-	if (!chat || !chat?.sharePath) {
-		notFound();
-	}
-
-	return (
-		<>
-			<div className="flex-1 space-y-6">
-				<div className="px-4 py-6 border-b bg-background md:px-6 md:py-8">
-					<div className="max-w-2xl mx-auto md:px-6">
-						<div className="space-y-1 md:-mx-8">
-							<h1 className="text-2xl font-bold">{chat.title}</h1>
-							<div className="text-sm text-muted-foreground">
-								{formatDate(chat.createdAt)} · {chat.messages.length} messages
-							</div>
-						</div>
-					</div>
-				</div>
-				{/* <ChatList messages={chat.messages} isLoading={false} /> */}
-			</div>
-		</>
-	);
-}

components/header.tsx

@@ -4,31 +4,27 @@ import Link from 'next/link';
 import { auth } from '@/auth';
 import { Button } from '@/components/ui/Button';
 import { UserMenu } from '@/components/UserMenu';
+import { IconSeparator } from './ui/Icons';
 
-async function UserOrLogin() {
+export async function Header() {
 	const session = await auth();
-	return (
-		<>
-			<div className="flex items-center">
-				{/* <IconSeparator className="size-6 text-muted-foreground/50" /> */}
-				{session?.user ? (
-					<UserMenu user={session.user} />
-				) : (
-					<Button variant="link" asChild className="-ml-2">
-						<Link href="/sign-in?callbackUrl=/">Login</Link>
-					</Button>
-				)}
-			</div>
-		</>
-	);
-}
 
-export function Header() {
+	if (!session?.user) {
+		return null;
+	}
+
 	return (
 		<header className="sticky top-0 z-50 flex items-center justify-end w-full h-16 px-8 border-b shrink-0 bg-gradient-to-b from-background/10 via-background/50 to-background/80 backdrop-blur-xl">
-			<React.Suspense fallback={<div className="flex-1 overflow-auto" />}>
-				<UserOrLogin />
-			</React.Suspense>
+			<Button variant="link" asChild className="mr-2">
+				<Link href="/projects">Projects</Link>
+			</Button>
+			<Button variant="link" asChild className="mr-2">
+				<Link href="/chat">Chat</Link>
+			</Button>
+			<IconSeparator className="size-6 text-muted-foreground/50" />
+			<div className="flex items-center">
+				<UserMenu user={session!.user} />
+			</div>
 		</header>
 	);
 }