From ce4eba8a0b4ade7b1603225c6faf288cb5ff8756 Mon Sep 17 00:00:00 2001
From: Waleed Latif <walif6@gmail.com>
Date: Wed, 30 Sep 2026 12:56:11 -0700
Subject: [PATCH] fix(auth): use neutral links for email verification

---
 .../app/(auth)/components/auth-button-classes.ts |  3 ---
 .../sim/app/(auth)/components/auth-text-link.tsx |  3 +--
 .../chat/components/auth/email/email-auth.tsx    | 13 +++++--------
 .../sim/app/f/[token]/public-file-email-auth.tsx | 16 +++++-----------
 4 files changed, 11 insertions(+), 24 deletions(-)
 delete mode 100644 apps/sim/app/(auth)/components/auth-button-classes.ts

diff --git a/apps/sim/app/(auth)/components/auth-button-classes.ts b/apps/sim/app/(auth)/components/auth-button-classes.ts
deleted file mode 100644
index 5e029674aaf..00000000000
--- a/apps/sim/app/(auth)/components/auth-button-classes.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-/** Shared className for inline auth action links. */
-export const AUTH_TEXT_LINK =
-  'text-[var(--brand-accent)] underline-offset-4 transition hover:text-[var(--brand-accent-hover)] hover:underline disabled:cursor-not-allowed disabled:opacity-50' as const
diff --git a/apps/sim/app/(auth)/components/auth-text-link.tsx b/apps/sim/app/(auth)/components/auth-text-link.tsx
index 71a7d0f995d..ea464c71269 100644
--- a/apps/sim/app/(auth)/components/auth-text-link.tsx
+++ b/apps/sim/app/(auth)/components/auth-text-link.tsx
@@ -21,8 +21,7 @@ interface AuthTextLinkProps {
 /**
  * The canonical inline text affordance for the auth pages — forgot-password,
  * resend, and the legal links. Renders a {@link Link} when `href` is set and a
- * `<button>` otherwise, both in one light-token style. Replaces the legacy dark
- * `AUTH_TEXT_LINK` class string with a single props-driven source of truth.
+ * `<button>` otherwise, both using the shared neutral text tokens.
  */
 export function AuthTextLink({
   children,
diff --git a/apps/sim/app/(interfaces)/chat/components/auth/email/email-auth.tsx b/apps/sim/app/(interfaces)/chat/components/auth/email/email-auth.tsx
index 8710f405311..685f833aa33 100644
--- a/apps/sim/app/(interfaces)/chat/components/auth/email/email-auth.tsx
+++ b/apps/sim/app/(interfaces)/chat/components/auth/email/email-auth.tsx
@@ -5,8 +5,7 @@ import { cn, Input, InputOTP, InputOTPGroup, InputOTPSlot, Label } from '@sim/em
 import { createLogger } from '@sim/logger'
 import { toError } from '@sim/utils/errors'
 import { quickValidateEmail } from '@/lib/messaging/email/validation'
-import { AuthSubmitButton } from '@/app/(auth)/components'
-import { AUTH_TEXT_LINK } from '@/app/(auth)/components/auth-button-classes'
+import { AuthSubmitButton, AuthTextLink } from '@/app/(auth)/components'
 import { useChatEmailOtpRequest, useChatEmailOtpVerify } from '@/hooks/queries/chats'
 
 const logger = createLogger('EmailAuth')
@@ -220,28 +219,26 @@ export default function EmailAuth({ identifier }: EmailAuthProps) {
                         Resend in <span className='text-[var(--text-primary)]'>{countdown}s</span>
                       </span>
                     ) : (
-                      <button
-                        className={AUTH_TEXT_LINK}
+                      <AuthTextLink
                         onClick={handleResendOtp}
                         disabled={verifyOtp.isPending || requestOtp.isPending}
                       >
                         Resend
-                      </button>
+                      </AuthTextLink>
                     )}
                   </p>
                 </div>
 
                 <div className='text-center font-light text-sm'>
-                  <button
+                  <AuthTextLink
                     onClick={() => {
                       setShowOtpVerification(false)
                       setOtpValue('')
                       setAuthError(null)
                     }}
-                    className={AUTH_TEXT_LINK}
                   >
                     Change email
-                  </button>
+                  </AuthTextLink>
                 </div>
               </div>
             )}
diff --git a/apps/sim/app/f/[token]/public-file-email-auth.tsx b/apps/sim/app/f/[token]/public-file-email-auth.tsx
index 71a5c564492..8839f44f4a7 100644
--- a/apps/sim/app/f/[token]/public-file-email-auth.tsx
+++ b/apps/sim/app/f/[token]/public-file-email-auth.tsx
@@ -6,8 +6,7 @@ import { getErrorMessage } from '@sim/utils/errors'
 import { normalizeEmail } from '@sim/utils/string'
 import { useRouter } from 'next/navigation'
 import { quickValidateEmail } from '@/lib/messaging/email/validation'
-import { AuthSubmitButton } from '@/app/(auth)/components'
-import { AUTH_TEXT_LINK } from '@/app/(auth)/components/auth-button-classes'
+import { AuthSubmitButton, AuthTextLink } from '@/app/(auth)/components'
 import { PublicFileAuthShell } from '@/app/f/[token]/public-file-auth-shell'
 import { usePublicFileOtpRequest, usePublicFileOtpVerify } from '@/hooks/queries/public-shares'
 
@@ -176,28 +175,23 @@ export function PublicFileEmailAuth({ token }: PublicFileEmailAuthProps) {
                 Resend in <span className='text-[var(--text-primary)]'>{countdown}s</span>
               </span>
             ) : (
-              <button
-                className={AUTH_TEXT_LINK}
-                onClick={resend}
-                disabled={requestOtp.isPending || verifyOtp.isPending}
-              >
+              <AuthTextLink onClick={resend} disabled={requestOtp.isPending || verifyOtp.isPending}>
                 Resend
-              </button>
+              </AuthTextLink>
             )}
           </p>
         </div>
 
         <div className='text-center font-light text-sm'>
-          <button
+          <AuthTextLink
             onClick={() => {
               setSent(false)
               setOtp('')
               setError(null)
             }}
-            className={AUTH_TEXT_LINK}
           >
             Change email
-          </button>
+          </AuthTextLink>
         </div>
       </div>
     </PublicFileAuthShell>