chore: widget update logic (#1073)

* fix: enso enabled related errors

* chore: parity

* fix: fallback to token list token

* fix: chain switch

Author: w84april

api/server.ts

@@ -2,6 +2,11 @@ import { serve } from 'bun'
 
 const ENSO_API_BASE = 'https://api.enso.finance'
 
+function handleEnsoStatus(): Response {
+  const apiKey = process.env.ENSO_API_KEY
+  return Response.json({ configured: !!apiKey })
+}
+
 async function handleEnsoRoute(req: Request): Promise<Response> {
   const url = new URL(req.url)
   const fromAddress = url.searchParams.get('fromAddress')
@@ -116,6 +121,10 @@ serve({
   async fetch(req) {
     const url = new URL(req.url)
 
+    if (url.pathname === '/api/enso/status') {
+      return handleEnsoStatus()
+    }
+
     if (url.pathname === '/api/enso/balances') {
       return handleEnsoBalances(req)
     }

src/components/pages/vaults/components/widget/deposit/types.ts

@@ -1,4 +1,4 @@
-export type DepositRouteType = 'DIRECT_DEPOSIT' | 'DIRECT_STAKE' | 'ENSO'
+export type DepositRouteType = 'DIRECT_DEPOSIT' | 'DIRECT_STAKE' | 'ENSO' | 'NO_ROUTE'
 
 export interface DepositWidgetProps {
   vaultAddress: `0x${string}`

src/components/pages/vaults/components/widget/deposit/useDepositRoute.ts

@@ -28,11 +28,6 @@ export const useDepositRoute = ({
   const ensoEnabled = useEnsoEnabled()
 
   return useMemo(() => {
-    // When Enso disabled, always use direct deposit
-    if (!ensoEnabled) {
-      return 'DIRECT_DEPOSIT'
-    }
-
     // Case 1: Direct vault deposit (asset → vault)
     if (
       toAddress(depositToken) === toAddress(assetAddress) &&
@@ -51,6 +46,9 @@ export const useDepositRoute = ({
     }
 
     // Case 3: All other cases use Enso
-    return 'ENSO'
+    if (ensoEnabled) {
+      return 'ENSO'
+    }
+    return 'NO_ROUTE'
   }, [ensoEnabled, depositToken, assetAddress, destinationToken, vaultAddress, stakingAddress])
 }

src/components/pages/vaults/hooks/solvers/useSolverEnso.ts

@@ -1,4 +1,3 @@
-import { useEnsoStatus } from '@pages/vaults/contexts/useEnsoStatus'
 import type { TNormalizedBN } from '@shared/types'
 import { isZeroAddress, toNormalizedBN } from '@shared/utils'
 import { useCallback, useState } from 'react'
@@ -88,7 +87,6 @@ export const useSolverEnso = ({
   decimalsOut = 18,
   enabled = true
 }: UseSolverEnsoProps): UseSolverEnsoReturn => {
-  const { setEnsoFailed } = useEnsoStatus()
   const [route, setRoute] = useState<EnsoRouteResponse | undefined>()
   const [error, setError] = useState<EnsoError | undefined>()
   const [isLoadingRoute, setIsLoadingRoute] = useState(false)
@@ -142,21 +140,12 @@ export const useSolverEnso = ({
           requestId: data.requestId
         })
         setError(data)
-        // Only trigger fallback for server errors (5xx) or auth issues (401/403)
-        // Normal errors like "no route found" (4xx) should not disable Enso
-        const statusCode = data.statusCode || response.status
-        if (statusCode >= 500 || statusCode === 401 || statusCode === 403) {
-          setEnsoFailed(true)
-        }
+
         throw new Error(`Enso API error: ${data.message}`)
       }
       setError(undefined)
       setRoute(data)
     } catch (err) {
-      // Network errors (fetch failed) indicate API is unreachable
-      if (err instanceof TypeError && err.message.includes('fetch')) {
-        setEnsoFailed(true)
-      }
       console.error('Failed to get Enso route:', err, {
         chainId,
         destinationChainId,
@@ -167,19 +156,7 @@ export const useSolverEnso = ({
     } finally {
       setIsLoadingRoute(false)
     }
-  }, [
-    tokenIn,
-    tokenOut,
-    amountIn,
-    fromAddress,
-    receiver,
-    chainId,
-    destinationChainId,
-    slippage,
-    enabled,
-    isCrossChain,
-    setEnsoFailed
-  ])
+  }, [tokenIn, tokenOut, amountIn, fromAddress, receiver, chainId, destinationChainId, slippage, enabled, isCrossChain])
 
   const getEnsoTransaction = useCallback((): EnsoRouteResponse['tx'] | undefined => {
     return route?.tx

src/components/pages/vaults/hooks/useEnsoOrder.ts

@@ -2,6 +2,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react'
 import type { Address, Hash, Hex } from 'viem'
 import type { UseSimulateContractReturnType } from 'wagmi'
 import { usePublicClient, useWaitForTransactionReceipt, useWalletClient } from 'wagmi'
+import { supportedChains } from '@/config/supportedChains'
 
 interface EnsoTransaction {
   to: Address
@@ -51,19 +52,16 @@ export const useEnsoOrder = ({
       if (!walletClient) throw new Error('No wallet client available')
       if (!publicClient) throw new Error('No public client available')
 
-      // Verify wallet is on the correct chain (use chainId prop, not ensoTx.chainId which may be undefined)
-      if (walletClient.chain?.id !== chainId) {
-        throw new Error(
-          `Chain mismatch: wallet on ${walletClient.chain?.id}, transaction requires ${chainId}. Please try again.`
-        )
-      }
+      // Note: Chain switching is handled by TransactionOverlay before calling executeOrder
+      // We use the target chain from props, not walletClient.chain which may be stale
+      const targetChain = supportedChains.find((c) => c.id === chainId)
 
       // Send the transaction
       const hash = await walletClient.sendTransaction({
         to: ensoTx.to,
         data: ensoTx.data,
         value: BigInt(ensoTx.value || 0),
-        chain: walletClient.chain
+        chain: targetChain ?? walletClient.chain
       })
 
       // Store hash for receipt monitoring

src/components/shared/contexts/WithTokenList.tsx

@@ -5,6 +5,7 @@ import { isAddressEqual } from 'viem'
 import { useAsyncTrigger } from '../hooks/useAsyncTrigger'
 import type { TAddress } from '../types/address'
 import type { TDict, TNDict, TToken, TTokenList } from '../types/mixed'
+import { DEFAULT_ERC20 } from '../utils'
 import { zeroNormalizedBN } from '../utils/format'
 import { toAddress } from '../utils/tools.address'
 import { useWeb3 } from './useWeb3'
@@ -321,7 +322,7 @@ export const WithTokenList = ({
       if (fromTokenList) {
         return fromTokenList
       }
-      return {} as TToken
+      return DEFAULT_ERC20
     },
     [aggregatedTokenList]
   )

src/components/shared/contexts/useWallet.tsx

@@ -10,6 +10,7 @@ import { DEFAULT_ERC20, isZeroAddress, toAddress, zeroNormalizedBN } from '../ut
 import { useWeb3 } from './useWeb3'
 import { useYearn } from './useYearn'
 import { useYearnTokens } from './useYearn.helper'
+import { useTokenList } from './WithTokenList'
 
 const USE_ENSO_BALANCES = import.meta.env.VITE_BALANCE_SOURCE !== 'multicall'
 
@@ -55,6 +56,9 @@ export const WalletContextApp = memo(function WalletContextApp(props: {
     isLoadingVaultList,
     isEnabled: Boolean(userAddress)
   })
+
+  const { getToken: getTokenListToken } = useTokenList()
+
   const useBalancesHook = USE_ENSO_BALANCES ? useBalancesCombined : useBalancesWithQuery
   const {
     data: tokensRaw, // Expected to be TDict<TNormalizedBN | undefined>
@@ -106,7 +110,7 @@ export const WalletContextApp = memo(function WalletContextApp(props: {
         return token
       }
       // If balances is empty (during refetch), return cached token if available
-      return tokenCache.current[cacheKey] || DEFAULT_ERC20
+      return tokenCache.current[cacheKey] || getTokenListToken({ address, chainID })
     },
     [balances, userAddress]
   )