fix(auth): use neutral links for email verification

Author: waleedlatif1

apps/sim/app/(auth)/components/auth-button-classes.ts

@@ -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,

apps/sim/app/(auth)/components/auth-text-link.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>
             )}

apps/sim/app/(interfaces)/chat/components/auth/email/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>