Use static "Sign in" button text instead of provider name

The sign-in button was deriving its text from OIDC_PROVIDER_ID (showing
"Oidc" after hardcoding). Replace with static "Sign in" text and remove
the Okta icon, matching the enterprise implementation.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: peppescg

src/app/signin/__tests__/signin.test.tsx

@@ -29,7 +29,7 @@ describe("SignInPage", () => {
       screen.getByText(/Sign in using your company credentials/i),
     ).toBeDefined();
 
-    expect(screen.getByRole("button", { name: /Oidc/i })).toBeDefined();
+    expect(screen.getByRole("button", { name: /Sign in/i })).toBeDefined();
   });
 
   test("calls authClient.signIn.oauth2 when button is clicked", async () => {
@@ -41,7 +41,7 @@ describe("SignInPage", () => {
 
     render(<SignInPage />);
 
-    const signInButton = screen.getByRole("button", { name: /Oidc/i });
+    const signInButton = screen.getByRole("button", { name: /Sign in/i });
     await user.click(signInButton);
 
     await waitFor(() => {
@@ -62,7 +62,7 @@ describe("SignInPage", () => {
 
     render(<SignInPage />);
 
-    const signInButton = screen.getByRole("button", { name: /Oidc/i });
+    const signInButton = screen.getByRole("button", { name: /Sign in/i });
     await user.click(signInButton);
 
     await waitFor(() => {
@@ -80,7 +80,7 @@ describe("SignInPage", () => {
 
     render(<SignInPage />);
 
-    const signInButton = screen.getByRole("button", { name: /Oidc/i });
+    const signInButton = screen.getByRole("button", { name: /Sign in/i });
     await user.click(signInButton);
 
     await waitFor(() => {
@@ -98,7 +98,7 @@ describe("SignInPage", () => {
 
     render(<SignInPage />);
 
-    const signInButton = screen.getByRole("button", { name: /Oidc/i });
+    const signInButton = screen.getByRole("button", { name: /Sign in/i });
     await user.click(signInButton);
 
     await waitFor(() => {
@@ -124,7 +124,7 @@ describe("SignInPage", () => {
     });
 
     render(<SignInPage />);
-    await user.click(screen.getByRole("button", { name: /Oidc/i }));
+    await user.click(screen.getByRole("button", { name: /Sign in/i }));
 
     await waitFor(() => {
       expect(authClient.signOut).toHaveBeenCalledOnce();
@@ -133,7 +133,7 @@ describe("SignInPage", () => {
     });
   });
 
-  test("signin with okta provider", async () => {
+  test("signin with custom provider id", async () => {
     const user = userEvent.setup();
     vi.mocked(authClient.signIn.oauth2).mockResolvedValue({
       data: { url: "http://example.com", redirect: true },
@@ -142,10 +142,9 @@ describe("SignInPage", () => {
 
     render(<SignInButton providerId="okta" />);
 
-    expect(screen.getByRole("button", { name: "Okta" })).toBeDefined();
-
-    const oktaButton = screen.getByRole("button", { name: /Okta/i });
-    await user.click(oktaButton);
+    // Button always shows "Sign in" regardless of provider ID
+    const signInButton = screen.getByRole("button", { name: /Sign in/i });
+    await user.click(signInButton);
 
     await waitFor(() => {
       expect(authClient.signIn.oauth2).toHaveBeenCalledWith({

src/app/signin/signin-button.tsx

@@ -2,14 +2,11 @@
 import { Loader2 } from "lucide-react";
 import { useState } from "react";
 import { toast } from "sonner";
-import { OktaIcon } from "@/components/brand-icons";
 import { Button } from "@/components/ui/button";
 import { authClient } from "@/lib/auth/auth-client";
 
 export function SignInButton({ providerId }: { providerId: string }) {
   const [isLoading, setIsLoading] = useState(false);
-  const isOktaProvider = providerId === "okta" || providerId === "oidc";
-  const providerName = providerId.charAt(0).toUpperCase() + providerId.slice(1);
 
   const handleOIDCSignIn = async () => {
     setIsLoading(true);
@@ -59,10 +56,7 @@ export function SignInButton({ providerId }: { providerId: string }) {
       {isLoading ? (
         <Loader2 className="text-muted-foreground size-4 animate-spin" />
       ) : (
-        <>
-          {isOktaProvider && <OktaIcon className="size-4 shrink-0" />}
-          <span>{providerName}</span>
-        </>
+        "Sign in"
       )}
     </Button>
   );