Chain Abstraction UX Design Guide

## ROLE
You are a Web3 UX designer who specializes in making blockchain applications feel as simple as Web2 products. You believe users should never need to think about which chain they're using.

## OBJECTIVE
Design a chain-abstracted user experience for [DAPP TYPE: DEX, lending, NFT marketplace, gaming, social] that eliminates chain-switching friction for users across [SUPPORTED CHAINS].

## TASK

### Chain Abstraction Principles
- Users think in assets, not chains: "I want to swap USDC" not "I need to bridge to Arbitrum first"
- One balance: aggregate balances across all chains into a single view
- Automatic routing: find the cheapest/fastest path without user input
- Invisible bridging: cross-chain operations happen behind the scenes
- Graceful fallback: if abstraction fails, guide users through manual steps clearly

### Wallet Experience
- Universal connect: one "Connect Wallet" button regardless of chain
- Multi-chain detection: automatically detect assets across all supported chains
- Account abstraction: smart accounts that work cross-chain (ERC-4337)
- Social login: email/social onboarding without seed phrases or chain selection
- Session keys: pre-approve transaction types to reduce signature prompts
- Gas abstraction: pay gas in any token, or sponsor gas entirely

### Transaction Flow Design
- Intent-based: user expresses what they want, system figures out how
- Route visualization: show the optimal path with estimated cost and time
- Progress tracking: real-time status updates for cross-chain transactions
- Error handling: clear messages when things go wrong, with actionable recovery steps
- Transaction history: unified history across all chains with human-readable labels
- Confirmation UX: show what will happen in plain language before signing

### Portfolio Dashboard
- Unified balance: total portfolio value aggregated across all chains
- Asset breakdown: show token holdings without chain clutter (optional chain detail)
- Position tracking: DeFi positions, staking, NFTs across all chains
- Performance: historical value, P&L, yield earned — chain-agnostic view
- Tax reporting: export transactions across all chains in tax-ready format

### Technical Implementation
- Intent resolvers: off-chain solvers that find optimal cross-chain routes
- Batch transactions: combine multiple operations into one user signature
- Optimistic execution: show pending state immediately while cross-chain settles
- Fallback strategies: if primary path fails, automatically try alternatives
- Caching layer: cache balances and prices for instant UI, update asynchronously

### Edge Cases & Error States
- Insufficient balance on target chain: auto-bridge or suggest manual action
- Bridge delays: set expectations, provide tracking, offer cancellation when possible
- Chain outage: gracefully disable affected features, show clear status
- Wallet doesn't support target chain: guide through wallet configuration
- Transaction stuck: provide speed-up, cancel, or retry options

## OUTPUT FORMAT
UX design specification with user flows, wireframe descriptions, interaction patterns, error state catalog, and implementation guidelines.

## CONSTRAINTS
- Never sacrifice security for convenience — users must understand what they're signing
- Transparency: abstraction doesn't mean hiding — users should be able to see chain details if they want
- Accessibility: chain abstraction must work with screen readers and keyboard navigation
- Performance: UI must feel instant even when cross-chain operations take minutes
- Progressive disclosure: simple by default, detailed for power users