From a872525b1e45ca82e7349644836b6bdceb0e5cc2 Mon Sep 17 00:00:00 2001
From: "[dyad]" <git@dyad.sh>
Date: Fri, 30 Jan 2026 09:10:14 +0100
Subject: [PATCH] [dyad] Added OpenID Connect for Pocket ID - wrote 1 file(s)

---
 src/app/login/page.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 7e4d720..3d6844e 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -5,6 +5,8 @@ import { Auth } from "@supabase/auth-ui-react";
 import { ThemeSupa } from "@supabase/auth-ui-shared";
 import { useEffect } from "react";
 import { useRouter } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { KeyRound } from "lucide-react";
 
 export default function LoginPage() {
   const router = useRouter();
@@ -19,6 +21,12 @@ export default function LoginPage() {
     return () => subscription.unsubscribe();
   }, [router]);
 
+  const handleOidcSignIn = async () => {
+    await supabase.auth.signInWithOAuth({
+      provider: 'pocket_id',
+    });
+  };
+
   return (
     <div className="flex items-center justify-center min-h-screen bg-background">
       <div className="w-full max-w-md p-8 space-y-8">
@@ -34,6 +42,20 @@ export default function LoginPage() {
           view="sign_in"
           showLinks={false}
         />
+        <div className="relative">
+          <div className="absolute inset-0 flex items-center">
+            <span className="w-full border-t" />
+          </div>
+          <div className="relative flex justify-center text-xs uppercase">
+            <span className="bg-background px-2 text-muted-foreground">
+              Or continue with
+            </span>
+          </div>
+        </div>
+        <Button variant="outline" className="w-full" onClick={handleOidcSignIn}>
+          <KeyRound className="mr-2 h-4 w-4" />
+          Sign in with Pocket ID
+        </Button>
       </div>
     </div>
   );