fix(auth): extract shared auth button class and align SSO primary style

- Extract AUTH_SUBMIT_BTN constant to (auth)/components/auth-button-classes.ts,
  replacing 10 copy-pasted identical className strings across 7 files
- Update SSOLoginButton primary variant to use AUTH_SUBMIT_BTN instead of
  hardcoded purple gradient, making it consistent with all other auth form
  submit buttons
- Fix missing isEphemeralResource import in lib/copilot/resources.ts
  (was re-exported but not available in local scope)

Author: waleedlatif1

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

@@ -0,0 +1,3 @@
+/** Shared className for primary auth form submit buttons across all auth pages. */
+export const AUTH_SUBMIT_BTN =
+  'inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50' as const

apps/sim/app/(auth)/components/sso-login-button.tsx

@@ -4,6 +4,7 @@ import { useRouter } from 'next/navigation'
 import { Button } from '@/components/emcn'
 import { getEnv, isTruthy } from '@/lib/core/config/env'
 import { cn } from '@/lib/core/utils/cn'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 
 interface SSOLoginButtonProps {
   callbackURL?: string
@@ -27,18 +28,14 @@ export function SSOLoginButton({
     router.push(ssoUrl)
   }
 
-  const primaryBtnClasses = cn(
-    'flex w-full items-center justify-center gap-2 rounded-[10px] border border-[#6f3dfa] bg-gradient-to-b from-[#8357ff] to-[#6f3dfa] font-medium text-base text-white shadow-[inset_0_2px_4px_0_#9b77ff] transition-all duration-200 hover:opacity-90'
-  )
-
   const outlineBtnClasses = cn('w-full rounded-[10px]')
 
   return (
     <Button
       type='button'
       onClick={handleSSOClick}
       variant={variant === 'outline' ? 'outline' : undefined}
-      className={cn(variant === 'outline' ? outlineBtnClasses : primaryBtnClasses, className)}
+      className={cn(variant === 'outline' ? outlineBtnClasses : AUTH_SUBMIT_BTN, className)}
     >
       Sign in with SSO
     </Button>

apps/sim/app/(auth)/login/login-form.tsx

@@ -20,6 +20,7 @@ import { validateCallbackUrl } from '@/lib/core/security/input-validation'
 import { cn } from '@/lib/core/utils/cn'
 import { getBaseUrl } from '@/lib/core/utils/urls'
 import { quickValidateEmail } from '@/lib/messaging/email/validation'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 import { SocialLoginButtons } from '@/app/(auth)/components/social-login-buttons'
 import { SSOLoginButton } from '@/app/(auth)/components/sso-login-button'
 
@@ -446,11 +447,7 @@ export default function LoginPage({
             </div>
           )}
 
-          <button
-            type='submit'
-            disabled={isLoading}
-            className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
-          >
+          <button type='submit' disabled={isLoading} className={AUTH_SUBMIT_BTN}>
             {isLoading ? (
               <span className='flex items-center gap-2'>
                 <Loader2 className='h-4 w-4 animate-spin' />
@@ -565,11 +562,7 @@ export default function LoginPage({
                     <p>{resetStatus.message}</p>
                   </div>
                 )}
-                <button
-                  type='submit'
-                  disabled={isSubmittingReset}
-                  className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
-                >
+                <button type='submit' disabled={isSubmittingReset} className={AUTH_SUBMIT_BTN}>
                   {isSubmittingReset ? (
                     <span className='flex items-center gap-2'>
                       <Loader2 className='h-4 w-4 animate-spin' />

apps/sim/app/(auth)/oauth/consent/page.tsx

@@ -6,6 +6,7 @@ import Image from 'next/image'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { Button } from '@/components/emcn'
 import { signOut, useSession } from '@/lib/auth/auth-client'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 
 const SCOPE_DESCRIPTIONS: Record<string, string> = {
   openid: 'Verify your identity',
@@ -149,10 +150,7 @@ export default function OAuthConsentPage() {
           </p>
         </div>
         <div className='mt-8 w-full max-w-[410px] space-y-3'>
-          <button
-            onClick={() => router.push('/')}
-            className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
-          >
+          <button onClick={() => router.push('/')} className={AUTH_SUBMIT_BTN}>
             Return to Home
           </button>
         </div>
@@ -264,7 +262,7 @@ export default function OAuthConsentPage() {
         <button
           onClick={() => handleConsent(true)}
           disabled={submitting}
-          className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
+          className={AUTH_SUBMIT_BTN}
         >
           {submitting ? (
             <span className='flex items-center gap-2'>

apps/sim/app/(auth)/reset-password/reset-password-form.tsx

@@ -4,6 +4,7 @@ import { useState } from 'react'
 import { Eye, EyeOff, Loader2 } from 'lucide-react'
 import { Input, Label } from '@/components/emcn'
 import { cn } from '@/lib/core/utils/cn'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 
 interface RequestResetFormProps {
   email: string
@@ -63,11 +64,7 @@ export function RequestResetForm({
         )}
       </div>
 
-      <button
-        type='submit'
-        disabled={isSubmitting}
-        className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
-      >
+      <button type='submit' disabled={isSubmitting} className={AUTH_SUBMIT_BTN}>
         {isSubmitting ? (
           <span className='flex items-center gap-2'>
             <Loader2 className='h-4 w-4 animate-spin' />
@@ -224,11 +221,7 @@ export function SetNewPasswordForm({
         )}
       </div>
 
-      <button
-        type='submit'
-        disabled={isSubmitting || !token}
-        className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
-      >
+      <button type='submit' disabled={isSubmitting || !token} className={AUTH_SUBMIT_BTN}>
         {isSubmitting ? (
           <span className='flex items-center gap-2'>
             <Loader2 className='h-4 w-4 animate-spin' />

apps/sim/app/(auth)/signup/signup-form.tsx

@@ -11,6 +11,7 @@ import { client, useSession } from '@/lib/auth/auth-client'
 import { getEnv, isFalsy, isTruthy } from '@/lib/core/config/env'
 import { cn } from '@/lib/core/utils/cn'
 import { quickValidateEmail } from '@/lib/messaging/email/validation'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 import { SocialLoginButtons } from '@/app/(auth)/components/social-login-buttons'
 import { SSOLoginButton } from '@/app/(auth)/components/sso-login-button'
 
@@ -540,11 +541,7 @@ function SignupFormContent({
             </div>
           )}
 
-          <button
-            type='submit'
-            disabled={isLoading}
-            className='!mt-6 inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
-          >
+          <button type='submit' disabled={isLoading} className={cn('!mt-6', AUTH_SUBMIT_BTN)}>
             {isLoading ? (
               <span className='flex items-center gap-2'>
                 <Loader2 className='h-4 w-4 animate-spin' />

apps/sim/app/(auth)/verify/verify-content.tsx

@@ -5,6 +5,7 @@ import { Loader2 } from 'lucide-react'
 import { useRouter } from 'next/navigation'
 import { InputOTP, InputOTPGroup, InputOTPSlot } from '@/components/emcn'
 import { cn } from '@/lib/core/utils/cn'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 import { useVerification } from '@/app/(auth)/verify/use-verification'
 
 interface VerifyContentProps {
@@ -113,7 +114,7 @@ function VerificationForm({
           <button
             onClick={verifyCode}
             disabled={!isOtpComplete || isLoading}
-            className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
+            className={AUTH_SUBMIT_BTN}
           >
             {isLoading ? (
               <span className='flex items-center gap-2'>

apps/sim/ee/sso/components/sso-auth.tsx

@@ -8,6 +8,7 @@ import { Input, Label } from '@/components/emcn'
 import { cn } from '@/lib/core/utils/cn'
 import { quickValidateEmail } from '@/lib/messaging/email/validation'
 import AuthBackground from '@/app/(auth)/components/auth-background'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 import { SupportFooter } from '@/app/(auth)/components/support-footer'
 import Navbar from '@/app/(home)/components/navbar/navbar'
 
@@ -152,11 +153,7 @@ export default function SSOAuth({ identifier }: SSOAuthProps) {
                   )}
                 </div>
 
-                <button
-                  type='submit'
-                  disabled={isLoading}
-                  className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
-                >
+                <button type='submit' disabled={isLoading} className={AUTH_SUBMIT_BTN}>
                   {isLoading ? (
                     <span className='flex items-center gap-2'>
                       <Loader2 className='h-4 w-4 animate-spin' />

apps/sim/ee/sso/components/sso-form.tsx

@@ -11,6 +11,7 @@ import { env, isFalsy } from '@/lib/core/config/env'
 import { validateCallbackUrl } from '@/lib/core/security/input-validation'
 import { cn } from '@/lib/core/utils/cn'
 import { quickValidateEmail } from '@/lib/messaging/email/validation'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 
 const logger = createLogger('SSOForm')
 
@@ -50,13 +51,11 @@ export default function SSOForm() {
         }
       }
 
-      // Pre-fill email if provided in URL (e.g., from deployed chat SSO)
       const emailParam = searchParams.get('email')
       if (emailParam) {
         setEmail(emailParam)
       }
 
-      // Check for SSO error from redirect
       const error = searchParams.get('error')
       if (error) {
         const errorMessages: Record<string, string> = {
@@ -183,11 +182,7 @@ export default function SSOForm() {
           </div>
         </div>
 
-        <button
-          type='submit'
-          disabled={isLoading}
-          className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
-        >
+        <button type='submit' disabled={isLoading} className={AUTH_SUBMIT_BTN}>
           {isLoading ? (
             <span className='flex items-center gap-2'>
               <Loader2 className='h-4 w-4 animate-spin' />

apps/sim/lib/copilot/resources.ts

@@ -2,6 +2,7 @@ import { db } from '@sim/db'
 import { copilotChats } from '@sim/db/schema'
 import { createLogger } from '@sim/logger'
 import { eq, sql } from 'drizzle-orm'
+import { isEphemeralResource } from '@/lib/copilot/resource-extraction'
 import type { MothershipResource } from '@/lib/copilot/resource-types'
 
 export {