From 33b413ebde2777169a2b838568aad293851fd8cb Mon Sep 17 00:00:00 2001
From: abhi1693 <abhi1693@users.noreply.github.com>
Date: Sat, 7 Feb 2026 19:10:10 +0000
Subject: [PATCH] E2E: implement /sign-in page with Clerk SignIn

---
 frontend/src/app/sign-in/page.tsx | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/frontend/src/app/sign-in/page.tsx b/frontend/src/app/sign-in/page.tsx
index 0f47f3a..bf55b4b 100644
--- a/frontend/src/app/sign-in/page.tsx
+++ b/frontend/src/app/sign-in/page.tsx
@@ -1,14 +1,13 @@
-import { redirect } from "next/navigation";
-import { auth } from "@clerk/nextjs/server";
+"use client";
+
+import { SignIn } from "@clerk/nextjs";
 
 export default function SignInPage() {
-  const { userId, redirectToSignIn } = auth();
-
-  if (userId) {
-    redirect("/activity");
-  }
-
-  // Top-level redirect to Clerk hosted sign-in.
-  // Cypress E2E cannot reliably drive Clerk modal/iframe login.
-  return redirectToSignIn({ returnBackUrl: "/activity" });
+  // Dedicated sign-in route for Cypress E2E.
+  // Avoids modal/iframe auth flows and gives Cypress a stable top-level page.
+  return (
+    <main className="flex min-h-screen items-center justify-center bg-slate-50 p-6">
+      <SignIn routing="path" path="/sign-in" forceRedirectUrl="/activity" />
+    </main>
+  );
 }