feat: add login requirement for chat and star count to Github link

Author: AshutoshDM1

frontend/src/modules/Home/components/HomeContestChat.tsx

@@ -30,6 +30,8 @@ import {
   CreateContestDialog,
   type CreateContestDialogInitialValues,
 } from '@/modules/Contests/components/CreateContestDialog';
+import { useSession } from '@/lib/auth-client';
+import PleaseLogin from './PleaseLogin';
 import type {
   AiContestDraft,
   AiContestNextResponse,
@@ -56,13 +58,16 @@ function toChatMessages(history: ChatMessage[]) {
 export function HomeContestChat() {
   const router = useRouter();
   const scrollRef = useRef<HTMLDivElement | null>(null);
+  const { data: session, isPending: isSessionPending } = useSession();
+  const isLoggedIn = Boolean(session);
 
   const [history, setHistory] = useState<ChatMessage[]>([]);
   const [draft, setDraft] = useState<AiContestDraft>({});
   const [languagePref, setLanguagePref] = useState<'javascript' | 'typescript'>('typescript');
   const [current, setCurrent] = useState<AiContestNextResponse['question'] | null>(null);
   const [input, setInput] = useState('');
   const [pendingSelection, setPendingSelection] = useState<PendingSelection>(null);
+  const [loginOpen, setLoginOpen] = useState(false);
 
   const { mutateAsync: nextStep, isPending: isThinking } = useAiContestNext();
   const { mutateAsync: previewContest, isPending: isPreviewing } = useAiContestPreview();
@@ -129,6 +134,12 @@ export function HomeContestChat() {
   const submitText = async () => {
     const text = input.trim();
     if (!text) return;
+
+    if (!isSessionPending && !isLoggedIn) {
+      setLoginOpen(true);
+      return;
+    }
+
     setInput('');
     pushUser(text);
 
@@ -153,6 +164,11 @@ export function HomeContestChat() {
       return;
     }
 
+    if (!isSessionPending && !isLoggedIn) {
+      setLoginOpen(true);
+      return;
+    }
+
     const chosen = pendingSelection.values;
     const labelById =
       current.kind === 'single' || current.kind === 'multi'
@@ -208,7 +224,7 @@ export function HomeContestChat() {
           }
           className={cn(
             'w-full resize-none bg-transparent px-5 py-4 text-sm text-foreground placeholder:text-muted-foreground',
-            'outline-none focus-visible:ring-0 disabled:opacity-60 border-0 pb-14',
+            'outline-none focus-visible:ring-0 disabled:opacity-60 border-0 pb-20',
           )}
         />
 
@@ -238,7 +254,6 @@ export function HomeContestChat() {
           >
             <SelectTrigger className="h-7 w-auto rounded-full border border-border/80 bg-muted/30 px-3 py-1 text-xs text-muted-foreground">
               <SelectValue />
-              <CaretDownIcon className="ml-1 size-3.5 opacity-70" />
             </SelectTrigger>
             <SelectContent>
               <SelectItem value="javascript">JavaScript</SelectItem>
@@ -370,6 +385,12 @@ export function HomeContestChat() {
           router.push(`/contests/${contestId}`);
         }}
       />
+
+      <PleaseLogin
+        open={loginOpen}
+        onClose={() => setLoginOpen(false)}
+        onLogin={() => router.push('/login?redirect=/')}
+      />
     </div>
   );
 }

frontend/src/modules/Home/components/PleaseLogin.tsx

@@ -0,0 +1,44 @@
+'use client';
+
+import { Button } from '@/components/ui/button';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog';
+
+const PleaseLogin = ({
+  open = true,
+  onLogin,
+  onClose,
+}: {
+  open?: boolean;
+  onLogin?: () => void;
+  onClose?: () => void;
+}) => {
+  return (
+    <Dialog open={open} onOpenChange={(v) => (!v ? onClose?.() : undefined)}>
+      <DialogContent className="sm:max-w-md">
+        <DialogHeader>
+          <DialogTitle>Login required</DialogTitle>
+          <DialogDescription>
+            You need to be logged in to send a message to the AI agent. Please log in to continue.
+          </DialogDescription>
+        </DialogHeader>
+        <DialogFooter>
+          <Button type="button" variant="outline" onClick={onClose}>
+            Not now
+          </Button>
+          <Button type="button" onClick={onLogin} autoFocus>
+            Login
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+};
+
+export default PleaseLogin;

frontend/src/middleware.ts frontend/src/proxy.tsfrontend/src/middleware.ts renamed to frontend/src/proxy.ts

@@ -40,7 +40,7 @@ async function hasSession(req: NextRequest) {
   }
 }
 
-export async function middleware(req: NextRequest) {
+export default async function proxy(req: NextRequest) {
   const { pathname } = req.nextUrl;
 
   // Only enforce auth on protected app routes.

frontend/src/shared/Navbar/Navbar.tsx

@@ -5,6 +5,7 @@ import { BookOpenIcon, GithubLogoIcon, TrophyIcon, UserIcon } from '@phosphor-ic
 import Section from '../Section/Section';
 import Profile from './Profile';
 import { useSession } from '@/lib/auth-client';
+import { Star } from 'lucide-react';
 
 const Navbar = () => {
   const { data: session } = useSession();
@@ -53,6 +54,11 @@ const Navbar = () => {
                   <Button variant="outline" className="w-full">
                     <link.icon className="size-4" />
                     {link.label}
+                    {link.label === 'Github' && (
+                      <span className="text-xs text-muted-foreground flex items-center gap-1">
+                        <Star className="size-4 text-yellow-400 fill-yellow-400" />
+                      </span>
+                    )}
                   </Button>
                 </Link>
               ))}