Appearance
Wallet Architecture
The ASI Wallet v2 is a browser-based React application for managing accounts and transactions.
High-Level Overview
UI Layer
The user interface consists of React components organized by feature.
| Page | Purpose |
|---|---|
| Dashboard | Balance overview, quick actions |
| Send/Receive | Token transfers |
| Accounts | Account management |
| History | Transaction history |
| IDE | Rholang code editor |
| Deploy | Smart contract deployment |
State Management
Redux store slices manage application state.
| Slice | Data Managed |
|---|---|
| walletSlice | Accounts, networks, transactions |
| walletConnectSlice | DApp sessions, pending requests |
| authSlice | Password and unlock state |
| themeSlice | UI theme preferences |
Services Layer
Services handle external communication and data management.
| Service | Responsibility |
|---|---|
| ASI Chain Service | Balance queries, deploys, transactions |
| Secure Storage | Encrypted private key storage |
| WalletConnect | DApp connection management |
Node Connections
The wallet connects to different nodes for different operations.
| Operation | Node | Port | Purpose |
|---|---|---|---|
| Send tokens | Validator 1 (34.196.119.4) | :40403 | Write |
| Check balance | Validator 1 (34.196.119.4) | :40403 | Read (observer is unstable) |
| Deploy contract | Validator 1 (34.196.119.4) | :40403 | Write |
Related Documentation
- Wallet Usage Guide - How to use the wallet
- Transaction Flow - Transaction lifecycle
- WalletConnect Integration - DApp connections