feat(balances): track delegations for Solana

apps/cowswap-frontend/src/legacy/components/Tokens/SplDelegationCell.tsx

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react'
+
+import { isFractionFalsy } from '@cowprotocol/common-utils'
+import { CurrencyAmount, Token } from '@cowprotocol/currency'
+import { TokenAmount } from '@cowprotocol/ui'
+
+import { Trans } from '@lingui/react/macro'
+
+import { ApproveLabel, NotDelegatedLabel } from './styled'
+
+type SplDelegationCellProps = {
+  balance: CurrencyAmount<Token> | undefined
+  allowance: CurrencyAmount<Token> | undefined
+}
+
+/**
+ * Read-only "Actions" cell for Solana rows. Solana has no manual approve flow: the SPL delegation to the
+ * CoW settlement authority is fetched read-only (persisted as an allowance), so this mirrors the EVM row's
+ * labels without any action button.
+ */
+export function SplDelegationCell({ balance, allowance }: SplDelegationCellProps): ReactNode {
+  // No delegation to the CoW settlement authority — neutral placeholder, not a green "approved" state.
+  if (isFractionFalsy(allowance)) {
+    return <NotDelegatedLabel>—</NotDelegatedLabel>
+  }
+
+  // Delegation covers the whole balance → surface it as fully approved, like the EVM row does.
+  const fullyDelegated = !!balance && !!allowance && !balance.greaterThan(allowance)
+
+  if (fullyDelegated) {
+    return (
+      <ApproveLabel>
+        <Trans>Approved</Trans> ✓
+      </ApproveLabel>
+    )
+  }
+
+  return (
+    <ApproveLabel>
+      <Trans>Approved</Trans>:{' '}
+      <strong>
+        <TokenAmount amount={allowance} />
+      </strong>
+    </ApproveLabel>
+  )
+}

apps/cowswap-frontend/src/legacy/components/Tokens/TokensTableRow.tsx

@@ -9,7 +9,7 @@ import {
   isFractionFalsy,
   COW_PROTOCOL_VAULT_RELAYER_ADDRESS,
 } from '@cowprotocol/common-utils'
-import { MAX_UINT256, getAddressKey } from '@cowprotocol/cow-sdk'
+import { MAX_UINT256, getAddressKey, isSolanaChain } from '@cowprotocol/cow-sdk'
 import { CurrencyAmount, Token } from '@cowprotocol/currency'
 import { useAreThereTokensWithSameSymbol } from '@cowprotocol/tokens'
 import { Command } from '@cowprotocol/types'
@@ -34,6 +34,7 @@ import { CardsSpinner, ExtLink } from 'pages/Account/styled'
 import BalanceCell from './BalanceCell'
 import FavoriteTokenButton from './FavoriteTokenButton'
 import { FiatBalanceCell } from './FiatBalanceCell'
+import { SplDelegationCell } from './SplDelegationCell'
 import {
   ApproveLabel,
   BalanceValue,
@@ -67,6 +68,7 @@ export const TokensTableRow = ({
   toggleWalletModal,
 }: DataRowParams): ReactNode => {
   const { account, chainId } = useWalletInfo()
+  const isSolana = isSolanaChain(chainId)
   const areThereTokensWithSameSymbol = useAreThereTokensWithSameSymbol()
 
   const theme = useTheme()
@@ -199,6 +201,14 @@ export const TokensTableRow = ({
     return <CardsSpinner />
   }, [account, isNativeToken, allowance, handleApprove, approvalState, balanceLessThanAllowance])
 
+  const explorerLink = (
+    <ExtLink href={getBlockExplorerUrl(chainId, 'token', tokenData.address)}>
+      <TableButton>
+        <SVG src={iconEtherscanSrc} title={t`View token contract`} description={t`View token contract`} />
+      </TableButton>
+    </ExtLink>
+  )
+
   return (
     <>
       <Cell>
@@ -229,16 +239,22 @@ export const TokensTableRow = ({
       <Cell>{fiatValue}</Cell>
 
       <Cell>
-        {displayApproveContent && (
-          <>
-            <ExtLink href={getBlockExplorerUrl(chainId, 'token', tokenData.address)}>
-              <TableButton>
-                <SVG src={iconEtherscanSrc} title={t`View token contract`} description={t`View token contract`} />
-              </TableButton>
-            </ExtLink>
-            {displayApproveContent}
-          </>
-        )}
+        {/* This EVM/Solana split is temporary. Once a Solana approve (delegation) flow exists,
+            unify both branches into a single allowance cell instead of branching on chain here. */}
+        {isSolana
+          ? !isNativeToken && (
+              <>
+                {explorerLink}
+                {/* Delegation status is only meaningful for a connected wallet; hide it otherwise. */}
+                {account && <SplDelegationCell balance={balance} allowance={allowance} />}
+              </>
+            )
+          : displayApproveContent && (
+              <>
+                {explorerLink}
+                {displayApproveContent}
+              </>
+            )}
       </Cell>
     </>
   )

apps/cowswap-frontend/src/legacy/components/Tokens/styled.ts

@@ -371,6 +371,14 @@ export const ApproveLabel = styled.span`
   font-weight: 500;
 `
 
+// Neutral (muted) label for the Solana "not delegated" placeholder — deliberately not the green
+// `ApproveLabel`, since a dash is an empty state rather than an approval.
+export const NotDelegatedLabel = styled.span`
+  color: inherit;
+  opacity: 0.5;
+  font-weight: 500;
+`
+
 export const CustomLimit = styled.div`
   > span:last-child {
     cursor: default;

apps/cowswap-frontend/src/locales/en-US.po

@@ -1291,6 +1291,8 @@ msgid "is on {chainName} network"
 msgstr "is on {chainName} network"
 
 #: apps/cowswap-frontend/src/common/pure/PermitModal/index.tsx
+#: apps/cowswap-frontend/src/legacy/components/Tokens/SplDelegationCell.tsx
+#: apps/cowswap-frontend/src/legacy/components/Tokens/SplDelegationCell.tsx
 #: apps/cowswap-frontend/src/legacy/components/Tokens/TokensTableRow.tsx
 #: apps/cowswap-frontend/src/legacy/components/Tokens/TokensTableRow.tsx
 msgid "Approved"

libs/balances-and-allowances/src/const/solanaSettlement.ts

@@ -0,0 +1,26 @@
+import { isBarnBackendEnv } from '@cowprotocol/common-utils'
+
+import { PublicKey } from '@solana/web3.js'
+
+// CoW Protocol settlement program on Solana — https://github.com/cowprotocol/solana-programs
+// Prod vs staging is picked by environment, mirroring how EVM contract addresses are handled
+// (see `COW_PROTOCOL_VAULT_RELAYER_ADDRESS`). Also mirrors the order-flow constant in
+// cowswap-frontend's solanaOrderFlow; consolidate to one source once both land.
+const SOLANA_SETTLEMENT_PROGRAM_ID_PROD = new PublicKey('moosEjJg5mbGRPRU7Vg4AaHZLvbbgknevWR9J1bNgME')
+// TODO: swap in the dedicated staging program id once deployed — same as prod until then.
+const SOLANA_SETTLEMENT_PROGRAM_ID_STAGING = SOLANA_SETTLEMENT_PROGRAM_ID_PROD
+
+export const SOLANA_SETTLEMENT_PROGRAM_ID = isBarnBackendEnv
+  ? SOLANA_SETTLEMENT_PROGRAM_ID_STAGING
+  : SOLANA_SETTLEMENT_PROGRAM_ID_PROD
+
+const SETTLEMENT_SEED = new TextEncoder().encode('settlement')
+
+/**
+ * Settlement state PDA — the SPL delegate a sell-token account is approved to. A token's delegation
+ * counts as a CoW approval only when its on-account `delegate` equals this PDA (the program pulls the
+ * sell funds through it at execution time). This is the Solana analogue of the EVM vault relayer spender.
+ */
+export function findSolanaSettlementStatePda(): PublicKey {
+  return PublicKey.findProgramAddressSync([SETTLEMENT_SEED], SOLANA_SETTLEMENT_PROGRAM_ID)[0]
+}

libs/balances-and-allowances/src/hooks/usePersistBalancesViaWebCalls.test.tsx

@@ -19,8 +19,8 @@ jest.mock('wagmi', () => ({
 
 // The Solana path has its own dedicated test; stub it here so this suite stays focused on
 // EVM wagmi gating and avoids pulling in the reown/web3/react-query runtime.
-jest.mock('./usePersistSolanaBalancesViaWebCalls', () => ({
-  usePersistSolanaBalancesViaWebCalls: jest.fn(),
+jest.mock('./usePersistSplViaMulticall', () => ({
+  usePersistSplViaMulticall: jest.fn(),
 }))
 
 const mockBalancesUpdate: PersistentStateByChain<Record<string, number | undefined>> = mapSupportedNetworks({})

libs/balances-and-allowances/src/hooks/usePersistBalancesViaWebCalls.ts

@@ -9,7 +9,7 @@ import { getIsNativeToken } from '@cowprotocol/common-utils'
 import { isEvmChain, SupportedChainId } from '@cowprotocol/cow-sdk'
 
 import { useIsBlockNumberRelevant } from './useIsBlockNumberRelevant'
-import { usePersistSolanaBalancesViaWebCalls } from './usePersistSolanaBalancesViaWebCalls'
+import { usePersistSplViaMulticall } from './usePersistSplViaMulticall'
 
 import { balancesAtom, BalancesState, balancesUpdateAtom } from '../state/balancesAtom'
 import { REPORT_THROTTLE_MS, reportBalancesError } from '../utils/reportBalancesError'
@@ -52,8 +52,8 @@ export function usePersistBalancesViaWebCalls(params: PersistBalancesAndAllowanc
   // wagmi + viem only support evm chains
   const isEvm = isEvmChain(chainId)
 
-  // Non-EVM chains (e.g. Solana) load balances via their own web calls
-  usePersistSolanaBalancesViaWebCalls(params)
+  // Non-EVM chains (e.g. Solana) load balances and delegations via their own web calls
+  usePersistSplViaMulticall(params)
 
   const {
     data: balances,

libs/balances-and-allowances/src/hooks/usePersistSolanaBalancesViaWebCalls.test.tsx → libs/balances-and-allowances/src/hooks/usePersistSplViaMulticall.test.tsx

@@ -12,7 +12,7 @@ import { PublicKey } from '@solana/web3.js'
 import { renderHook, waitFor } from '@testing-library/react'
 
 import { PersistBalancesAndAllowancesParams } from './usePersistBalancesViaWebCalls'
-import { usePersistSolanaBalancesViaWebCalls } from './usePersistSolanaBalancesViaWebCalls'
+import { usePersistSplViaMulticall } from './usePersistSplViaMulticall'
 
 import { balancesAtom, BalancesState, balancesUpdateAtom } from '../state/balancesAtom'
 
@@ -58,6 +58,12 @@ jest.mock('@solana/spl-token', () => ({
   unpackAccount: (ata: { toBase58(): string }) => ({ amount: mockAmountByAta[ata.toBase58()] }),
 }))
 
+// The settlement PDA derivation relies on ed25519 curve math that this env can't run; the delegate
+// matching itself is covered in fetchSolanaTokenAccounts.test — here we only assert balances.
+jest.mock('../const/solanaSettlement', () => ({
+  findSolanaSettlementStatePda: () => ({ equals: () => false }),
+}))
+
 interface MockConnection {
   rpcEndpoint: string
   getMultipleAccountsInfo: jest.Mock
@@ -92,7 +98,7 @@ function makeParams(overrides: Partial<PersistBalancesAndAllowancesParams> = {})
 function renderWithBalances(params: PersistBalancesAndAllowancesParams): { result: { current: BalancesState } } {
   return renderHook(
     () => {
-      usePersistSolanaBalancesViaWebCalls(params)
+      usePersistSplViaMulticall(params)
       return useAtomValue(balancesAtom)
     },
     { wrapper },
@@ -129,7 +135,7 @@ function wrapper({ children }: { children: ReactNode }): ReactNode {
   )
 }
 
-describe('usePersistSolanaBalancesViaWebCalls', () => {
+describe('usePersistSplViaMulticall', () => {
   beforeEach(() => {
     mockTokensByAddress = {}
     mockAmountByAta = { [ataKey(MINT_A)]: 100n, [ataKey(MINT_B)]: 250n }
@@ -203,7 +209,7 @@ describe('usePersistSolanaBalancesViaWebCalls', () => {
   it('keys the update timestamp by the case-sensitive Solana account, not a lowercased alias', async () => {
     const { result } = renderHook(
       () => {
-        usePersistSolanaBalancesViaWebCalls(makeParams())
+        usePersistSplViaMulticall(makeParams())
         return useAtomValue(balancesUpdateAtom)
       },
       { wrapper },