Bug
WalletConnect wallet connections are blocked by Content Security Policy. Chrome console shows:
```
Connecting to 'https://explorer-api.walletconnect.com/v3/wallets?projectId=...'
violates the Content Security Policy directive: "connect-src 'self' ..."
The action has been blocked.
Fetch API cannot load https://explorer-api.walletconnect.com/...
Refused to connect because it violates the document's Content Security Policy.
```
WalletConnect can't fetch wallet metadata or establish connections.
Fix
Add WalletConnect domains to the CSP `connect-src` directive. Check `next.config.js`, `next.config.ts`, or middleware for CSP headers.
Add these domains:
Also check `img-src` — wallet icons may also be blocked.
Files to investigate
- `next.config.js` or `next.config.ts` — CSP headers
- `middleware.ts` — if CSP is set there
- `vercel.json` — if headers are configured there
Branch
`task/745-csp-walletconnect`
Self-Verification (T3)
Bug
WalletConnect wallet connections are blocked by Content Security Policy. Chrome console shows:
```
Connecting to 'https://explorer-api.walletconnect.com/v3/wallets?projectId=...'
violates the Content Security Policy directive: "connect-src 'self' ..."
The action has been blocked.
Fetch API cannot load https://explorer-api.walletconnect.com/...
Refused to connect because it violates the document's Content Security Policy.
```
WalletConnect can't fetch wallet metadata or establish connections.
Fix
Add WalletConnect domains to the CSP `connect-src` directive. Check `next.config.js`, `next.config.ts`, or middleware for CSP headers.
Add these domains:
Also check `img-src` — wallet icons may also be blocked.
Files to investigate
Branch
`task/745-csp-walletconnect`
Self-Verification (T3)