fix(invite-modal): migrated invite modal to use tanstack query, updated biome config for lint, removed unused vars

Author: waleedlatif1

apps/sim/app/(auth)/components/social-login-buttons.tsx

@@ -39,18 +39,8 @@ export function SocialLoginButtons({
     setIsGithubLoading(true)
     try {
       await client.signIn.social({ provider: 'github', callbackURL })
-    } catch (err: any) {
-      let errorMessage = 'Failed to sign in with GitHub'
-
-      if (err.message?.includes('account exists')) {
-        errorMessage = 'An account with this email already exists. Please sign in instead.'
-      } else if (err.message?.includes('cancelled')) {
-        errorMessage = 'GitHub sign in was cancelled. Please try again.'
-      } else if (err.message?.includes('network')) {
-        errorMessage = 'Network error. Please check your connection and try again.'
-      } else if (err.message?.includes('rate limit')) {
-        errorMessage = 'Too many attempts. Please try again later.'
-      }
+    } catch (_err: unknown) {
+      // Error handling is done silently - user will see the OAuth error page if needed
     } finally {
       setIsGithubLoading(false)
     }
@@ -62,18 +52,8 @@ export function SocialLoginButtons({
     setIsGoogleLoading(true)
     try {
       await client.signIn.social({ provider: 'google', callbackURL })
-    } catch (err: any) {
-      let errorMessage = 'Failed to sign in with Google'
-
-      if (err.message?.includes('account exists')) {
-        errorMessage = 'An account with this email already exists. Please sign in instead.'
-      } else if (err.message?.includes('cancelled')) {
-        errorMessage = 'Google sign in was cancelled. Please try again.'
-      } else if (err.message?.includes('network')) {
-        errorMessage = 'Network error. Please check your connection and try again.'
-      } else if (err.message?.includes('rate limit')) {
-        errorMessage = 'Too many attempts. Please try again later.'
-      }
+    } catch (_err: unknown) {
+      // Error handling is done silently - user will see the OAuth error page if needed
     } finally {
       setIsGoogleLoading(false)
     }

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

@@ -158,7 +158,7 @@ export default function LoginPage({
     return () => {
       window.removeEventListener('keydown', handleKeyDown)
     }
-  }, [forgotPasswordEmail, forgotPasswordOpen])
+  }, [forgotPasswordOpen])
 
   const handleEmailChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     const newEmail = e.target.value

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

@@ -3,7 +3,7 @@
 import { useEffect, useState } from 'react'
 import { createLogger } from '@sim/logger'
 import Link from 'next/link'
-import { useRouter, useSearchParams } from 'next/navigation'
+import { useSearchParams } from 'next/navigation'
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
@@ -52,7 +52,6 @@ const validateCallbackUrl = (url: string): boolean => {
 }
 
 export default function SSOForm() {
-  const router = useRouter()
   const searchParams = useSearchParams()
   const [isLoading, setIsLoading] = useState(false)
   const [email, setEmail] = useState('')

apps/sim/app/(auth)/verify/use-verification.ts

@@ -196,7 +196,7 @@ export function useVerification({
 
       return () => clearTimeout(timeoutId)
     }
-  }, [otp, email, isLoading, isVerified])
+  }, [otp, email, isLoading, isVerified, verifyCode])
 
   useEffect(() => {
     if (typeof window !== 'undefined') {
@@ -220,7 +220,7 @@ export function useVerification({
         handleRedirect()
       }
     }
-  }, [isEmailVerificationEnabled, router, isInviteFlow, redirectUrl])
+  }, [isEmailVerificationEnabled, router, isInviteFlow, redirectUrl, refetchSession])
 
   return {
     otp,

apps/sim/app/(landing)/components/hero/components/landing-canvas/dot-pattern.tsx

@@ -118,7 +118,7 @@ export function DotPattern({
           <stop offset='100%' stopColor='currentColor' stopOpacity='0' />
         </radialGradient>
       </defs>
-      {dots.map((dot, index) => (
+      {dots.map((dot, _index) => (
         <circle
           key={`${dot.x}-${dot.y}`}
           cx={dot.x}

apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-flow.tsx

@@ -106,9 +106,8 @@ export function LandingFlow({
       proOptions={{ hideAttribution: true }}
       fitView={false}
       defaultViewport={{ x: 0, y: 0, zoom: 1 }}
-      onInit={(instance) => {
+      onInit={() => {
         setRfReady(true)
-        // Expose limited viewport API for outer timeline to pan smoothly
         viewportApiRef.current = {
           panTo: (x: number, y: number, options?: { duration?: number }) => {
             setViewport({ x, y, zoom: 1 }, { duration: options?.duration ?? 0 })

apps/sim/app/(landing)/components/hero/hero.tsx

@@ -140,7 +140,7 @@ export default function Hero() {
    */
   const [rfNodes, setRfNodes] = React.useState<Node[]>([])
   const [rfEdges, setRfEdges] = React.useState<Edge[]>([])
-  const [groupBox, setGroupBox] = React.useState<LandingGroupData | null>(null)
+  const [groupBox] = React.useState<LandingGroupData | null>(null)
   const [worldWidth, setWorldWidth] = React.useState<number>(1000)
   const viewportApiRef = React.useRef<LandingViewportApi | null>(null)
 

apps/sim/app/api/a2a/serve/[agentId]/utils.ts

@@ -149,7 +149,7 @@ export function extractAgentContent(executeResult: {
   if (typeof executeResult.output === 'object' && executeResult.output !== null) {
     const keys = Object.keys(executeResult.output)
     // Skip empty objects or objects with only undefined values
-    if (keys.length > 0 && keys.some((k) => executeResult.output![k] !== undefined)) {
+    if (keys.length > 0 && keys.some((k) => executeResult.output?.[k] !== undefined)) {
       return JSON.stringify(executeResult.output)
     }
   }

apps/sim/app/api/auth/oauth/connections/route.ts

@@ -19,7 +19,7 @@ interface GoogleIdToken {
 /**
  * Get all OAuth connections for the current user
  */
-export async function GET(request: NextRequest) {
+export async function GET(_request: NextRequest) {
   const requestId = generateRequestId()
 
   try {

apps/sim/app/api/auth/oauth/token/route.test.ts

@@ -177,7 +177,6 @@ describe('OAuth Token API Routes', () => {
       const { POST } = await import('@/app/api/auth/oauth/token/route')
 
       const response = await POST(req)
-      const data = await response.json()
 
       expect(response.status).toBe(403)
     })