SAT Web Application - Interface Guide
SAT Web Application Interface Guide
Section titled “SAT Web Application Interface Guide”This guide provides a detailed walkthrough of the SAT web application interface, helping you navigate and use all available features efficiently.
Main Layout
Section titled “Main Layout”Application Structure
Section titled “Application Structure”┌─────────────────────────────────────────────────────────┐│ Top Navigation Bar │├──────────────┬──────────────────────────────────────────┤│ │ ││ Sidebar │ Main Content Area ││ (Left) │ ││ │ ││ │ │└──────────────┴──────────────────────────────────────────┘Top Navigation Bar
Section titled “Top Navigation Bar”Left Section:
- 🏠 MICHAMP SAT Logo - Click to return to dashboard
- 🔍 Global Search Bar - Quick wallet/transaction lookup
Center Section:
- Current page title
- Breadcrumb navigation
Right Section:
- 📊 Usage Indicator - Shows plan usage (hover for details)
- 🔔 Notifications - System alerts and updates
- ⚙️ Settings - Quick settings menu
- 👤 User Menu - Account options and logout
Sidebar Navigation
Section titled “Sidebar Navigation”Main Menu Items:
📊 Dashboard
- Overview and statistics
- Recent activity
- Quick actions
💼 Wallets
- My Monitored Wallets
- Saved Analyses
- Recent Searches
🔍 Analysis
- New Analysis
- Bulk Analysis
- Comparisons
📈 Reports
- Generate Reports
- Scheduled Reports
- Report History
⚠️ Alerts
- Active Alerts
- Alert History
- Configure Alerts
🔑 API
- API Keys
- API Usage
- Documentation
Sidebar Controls:
- Collapse/expand toggle
- Search menu items
- Pinned items (customize)
Dashboard Screen
Section titled “Dashboard Screen”Quick Stats Section
Section titled “Quick Stats Section”Four key metric cards at the top:
1. Analyses Today
┌──────────────────┐│ Analyses Today ││ ││ 47 ││ ────── ││ Unlimited ││ ││ 🟢 All systems ││ operational │└──────────────────┘2. Active Monitors
┌──────────────────┐│ Active Monitors ││ ││ 3 / 10 ││ [███░░░░░░░] ││ 30% used ││ ││ ➕ Add Monitor │└──────────────────┘3. API Usage
┌──────────────────┐│ API Usage ││ ││ 2.3K / 10K ││ [███░░░░░░░] ││ 23% used ││ ││ 📊 View Details │└──────────────────┘4. Account Status
┌──────────────────┐│ Account Status ││ ││ Pro Plan ││ Active ✓ ││ ││ 27 days left ││ ⬆️ Upgrade │└──────────────────┘Recent Activity Widget
Section titled “Recent Activity Widget”Shows your last 10 wallet analyses:
Recent Analyses┌──────────────────────────────────────────────────┐│ 7xKXt...9aFGD │ 2 hours ago │ Risk: 23 🟢 ││ 9aFGD...xKXt │ 5 hours ago │ Risk: 67 🟡 ││ pQc8k...GTm2 │ Yesterday │ Risk: 12 🟢 ││ ... │└──────────────────────────────────────────────────┘[View All →]Click any row to open that analysis.
Quick Actions Panel
Section titled “Quick Actions Panel”┌─────────────────────────────────────────┐│ Quick Actions ││ ││ [🔍 New Analysis] [📊 Generate Report]││ [⬆️ Bulk Upload] [⚙️ Configure Alerts]││ [📚 View Docs] [🎫 Get Support] │└─────────────────────────────────────────┘Wallet Analysis Screen
Section titled “Wallet Analysis Screen”Analysis Header
Section titled “Analysis Header”┌──────────────────────────────────────────────────────┐│ 7xKXtg2CW87d97TXJSDpbD5jBkheTqA83TZRuJosgAsU ││ [Copy] [Share] [Bookmark] [Monitor] [Export] ││ ││ Balance: 125.43 SOL │ Risk: 23 🟢 │ Age: 8 mo │└──────────────────────────────────────────────────────┘Tab Navigation
Section titled “Tab Navigation”Horizontal tabs for different analysis views:
[Overview] [Transactions] [Tokens] [NFTs] [Risk] [Graph]───────────────────────────────────────────────────────Tab Descriptions:
- Overview - Summary metrics and balance chart
- Transactions - Full transaction history
- Tokens - SPL token holdings
- NFTs - NFT collections and items
- Risk - Risk scoring and compliance
- Graph - Relationship visualization
Overview Tab Layout
Section titled “Overview Tab Layout”Top Section - Key Metrics:
┌──────────────┬──────────────┬──────────────┬──────────────┐│ SOL Balance │ Token Value │ NFT Count │ Total Txs ││ │ │ │ ││ 125.43 SOL │ $12,543 │ 47 │ 1,234 ││ +2.3% 🔼 │ -1.2% 🔽 │ +5 🔼 │ +12 🔼 │└──────────────┴──────────────┴──────────────┴──────────────┘Middle Section - Balance Chart:
┌──────────────────────────────────────────────────────┐│ SOL Balance Over Time [30 Days ▼] ││ ││ 150 ┤ ╭─ ││ 130 ┤ ╭───────╯ ││ 110 ┤ ╭────────╯ ││ 90 ┤ ╭────────╯ ││ 70 ┤ ────────╯ ││ └───────────────────────────────────────── ││ Jan 15 Jan 30 Feb 14 ││ ││ [Download PNG] [Download CSV] │└──────────────────────────────────────────────────────┘Bottom Section - Activity Summary:
Recent Activity (Last 7 Days)┌──────────────────────────────────────────────┐│ Incoming: 12 transactions │ +45.2 SOL ││ Outgoing: 8 transactions │ -32.1 SOL ││ Net Change: │ +13.1 SOL 🔼 ││ Largest Transaction: │ +25.0 SOL │└──────────────────────────────────────────────┘Transactions Tab Layout
Section titled “Transactions Tab Layout”Filter Bar:
┌──────────────────────────────────────────────────────┐│ Filters: ││ Date: [Last 30 days ▼] Type: [All ▼] ││ Min: [____] SOL Max: [____] SOL [Apply] │└──────────────────────────────────────────────────────┘Transaction List:
┌──────┬──────────────┬──────────┬──────────┬─────────┐│ Type │ Date/Time │ Amount │ To/From │ Status │├──────┼──────────────┼──────────┼──────────┼─────────┤│ OUT │ Feb 15 14:32 │ -5.2 SOL │ 9aFGD... │ ✓ ││ IN │ Feb 15 10:15 │ +10 SOL │ pQc8k... │ ✓ ││ SWAP │ Feb 14 18:45 │ 2.5 SOL │ Jupiter │ ✓ ││ ... │ ... │ ... │ ... │ ... │└──────┴──────────────┴──────────┴──────────┴─────────┘[← Prev] Page 1 of 42 [Next →]Click any row to see full transaction details.
Transaction Detail Modal
Section titled “Transaction Detail Modal”When you click a transaction:
┌────────────────────────────────────────────────┐│ Transaction Details [✕] │├────────────────────────────────────────────────┤│ Signature: ││ 3GTm2qQ7xKpQc8k... ││ [Copy] [View on Explorer] ││ ││ Type: Transfer (SOL) ││ Status: Confirmed ✓ ││ Date: Feb 15, 2026 - 14:32:15 UTC ││ Block: 235,123,456 ││ ││ From: 7xKXt...9aFGD (This wallet) ││ To: 9aFGD...xKXt ││ ││ Amount: 5.2 SOL ││ Fee: 0.000005 SOL ││ Total: 5.200005 SOL ││ ││ Memo: Payment for services ││ ││ [View Full Logs] [Analyze Counterparty] │└────────────────────────────────────────────────┘Tokens Tab Layout
Section titled “Tokens Tab Layout”Summary Cards:
┌──────────────────┬──────────────────┬──────────────────┐│ Total Tokens │ Total Value │ 24h Change ││ 23 │ $15,234 │ +2.3% 🔼 │└──────────────────┴──────────────────┴──────────────────┘Token List:
Sort by: [Value (USD) ▼]
┌────────┬──────────┬────────────┬────────────┬──────────┐│ Token │ Symbol │ Amount │ Value USD │ 24h │├────────┼──────────┼────────────┼────────────┼──────────┤│ USDC │ USDC │ 1,250.00 │ $1,250.00 │ +0.02% ││ Solana │ SOL │ 125.43 │ $12,543.00 │ +2.34% ││ BONK │ BONK │ 5,000,000 │ $45.00 │ -1.20% ││ ... │ ... │ ... │ ... │ ... │└────────┴──────────┴────────────┴────────────┴──────────┘Click any token for detailed information.
NFTs Tab Layout
Section titled “NFTs Tab Layout”Collection View:
┌──────────────────────────────────────────────────────┐│ [Grid View] [List View] [Filter ▼] ││ ││ ┌──────────┐ ┌──────────┐ ┌──────────┐ ││ │ [IMG] │ │ [IMG] │ │ [IMG] │ ││ │ │ │ │ │ │ ││ │Collection│ │Collection│ │Collection│ ││ │ #1 │ │ #2 │ │ #3 │ ││ │ 5 items │ │ 12 items │ │ 3 items │ ││ │Floor: 2◎ │ │Floor: 5◎ │ │Floor: 1◎ │ ││ └──────────┘ └──────────┘ └──────────┘ │└──────────────────────────────────────────────────────┘Click a collection to see individual NFTs.
Risk Tab Layout
Section titled “Risk Tab Layout”Risk Score Display:
┌──────────────────────────────────────────────────────┐│ Overall Risk Score ││ ││ 23 / 100 ││ Low Risk 🟢 ││ ││ [████████████████░░░░░░░░░░░░░░░░░░░░] ││ │└──────────────────────────────────────────────────────┘Risk Factor Breakdown:
Risk Factors:┌──────────────────────────┬────────┬──────────────┐│ Factor │ Score │ Contribution │├──────────────────────────┼────────┼──────────────┤│ Transaction Patterns │ 8/25 │ [███░░░░░░] ││ Counterparty Risk │ 5/25 │ [██░░░░░░░] ││ Exposure to Risk │ 3/25 │ [█░░░░░░░░] ││ Behavioral Indicators │ 7/25 │ [███░░░░░░] │└──────────────────────────┴────────┴──────────────┘Compliance Results:
Compliance Checks:┌────────────────────────────────┬──────────┐│ Check │ Result │├────────────────────────────────┼──────────┤│ OFAC Sanctions Screening │ ✓ Pass ││ Known Scam Address Check │ ✓ Pass ││ Mixer Service Detection │ ✓ Pass ││ High Risk Jurisdiction │ ⚠️ Review││ PEP Screening │ ✓ Pass │└────────────────────────────────┴──────────┘Detailed Findings:
⚠️ Findings Requiring Attention:
1. High Transaction Volume - 1,234 transactions in last 30 days - 95th percentile for wallet age - Recommendation: Review transaction patterns
[View Full Report] [Download PDF]Graph Tab Layout
Section titled “Graph Tab Layout”Relationship Visualization:
┌──────────────────────────────────────────────────────┐│ Wallet Relationships [Settings ⚙️] ││ ││ ●──────● ││ ╱ ╲ ││ ● ●● ● ││ ╲ ╱ ││ ●──────● ││ ││ Legend: ││ ● This wallet ○ Connected wallet ││ ─ Direct txn ┄ Indirect connection ││ ││ Controls: ││ Depth: [2 ▼] Min Amount: [0.1 SOL] ││ [Reset View] [Export Graph] │└──────────────────────────────────────────────────────┘Graph Controls:
- Zoom in/out
- Pan view
- Filter connections
- Highlight paths
- Export as image
Search Interface
Section titled “Search Interface”Global Search Bar
Section titled “Global Search Bar”Located in the top navigation:
┌────────────────────────────────────────────────────┐│ 🔍 Search wallet, transaction, or token... [⌘K] │└────────────────────────────────────────────────────┘Search Features:
- Auto-complete suggestions
- Recent searches
- Search history
- Quick actions
Search Types:
- Wallet addresses (32-44 characters)
- Transaction signatures
- Token contract addresses
- ENS-like domains
Advanced Search
Section titled “Advanced Search”Access via Ctrl+Shift+F:
┌────────────────────────────────────────────────────┐│ Advanced Search ││ ││ Search Type: [Wallet ▼] ││ ││ Filters: ││ ☐ Min Balance: [____] SOL ││ ☐ Active in last: [30 ▼] days ││ ☐ Risk score: [0] to [100] ││ ☐ Has NFTs ││ ☐ DeFi participant ││ ││ [Clear] [Search] │└────────────────────────────────────────────────────┘Bulk Analysis Interface
Section titled “Bulk Analysis Interface”Upload Screen
Section titled “Upload Screen”┌────────────────────────────────────────────────────┐│ Bulk Wallet Analysis ││ ││ ┌──────────────────────────────────────────────┐ ││ │ │ ││ │ Drag & drop CSV file here │ ││ │ or │ ││ │ [Choose File] │ ││ │ │ ││ └──────────────────────────────────────────────┘ ││ ││ Format: One wallet address per line ││ Max: 1,000 wallets per batch (Pro) ││ ││ [Download Sample CSV] │└────────────────────────────────────────────────────┘Processing Screen
Section titled “Processing Screen”┌────────────────────────────────────────────────────┐│ Analyzing 247 wallets... ││ ││ Progress: 142 / 247 (57%) ││ [████████████████████░░░░░░░░░░░░░░░░] ││ ││ Completed: 142 ││ In Progress: 5 ││ Queued: 100 ││ Failed: 0 ││ ││ Estimated time remaining: 3 minutes ││ ││ ✉️ We'll email you when complete ││ [View Progress] [Cancel] │└────────────────────────────────────────────────────┘Results Screen
Section titled “Results Screen”┌────────────────────────────────────────────────────┐│ Bulk Analysis Complete! ✓ ││ ││ Summary: ││ Total Analyzed: 247 ││ High Risk: 12 (🔴) ││ Medium Risk: 45 (🟡) ││ Low Risk: 190 (🟢) ││ ││ [View Results] [Export CSV] [Export PDF] ││ [Start New Analysis] │└────────────────────────────────────────────────────┘Keyboard Shortcuts
Section titled “Keyboard Shortcuts”Global Shortcuts
Section titled “Global Shortcuts”| Shortcut | Action |
|---|---|
Ctrl+K / Cmd+K | Open quick search |
Ctrl+B / Cmd+B | Bookmark current page |
Ctrl+E / Cmd+E | Export current view |
Ctrl+/ / Cmd+/ | Show shortcuts help |
Esc | Close modal/menu |
Navigation Shortcuts
Section titled “Navigation Shortcuts”| Shortcut | Action |
|---|---|
Alt+1 | Dashboard |
Alt+2 | Wallets |
Alt+3 | Analysis |
Alt+4 | Reports |
Alt+5 | Alerts |
Alt+0 | Settings |
Analysis View Shortcuts
Section titled “Analysis View Shortcuts”| Shortcut | Action |
|---|---|
Tab | Next tab |
Shift+Tab | Previous tab |
Ctrl+M / Cmd+M | Monitor wallet |
Ctrl+C | Copy wallet address |
Ctrl+S / Cmd+S | Save/bookmark analysis |
Settings Menu
Section titled “Settings Menu”Access via ⚙️ icon in top navigation:
┌────────────────────────────────────┐│ Settings [✕] │├────────────────────────────────────┤│ 👤 Account ││ 🎨 Appearance ││ 🔔 Notifications ││ 🔐 Privacy & Security ││ 🔑 API Access ││ 📊 Data Preferences ││ ⌨️ Keyboard Shortcuts ││ 📚 Help & Support │└────────────────────────────────────┘Appearance Settings
Section titled “Appearance Settings”Theme: (•) Dark ( ) LightCompact Mode: [ ] EnableChart Style: [Modern ▼]Date Format: [MM/DD/YYYY ▼]Time Format: (•) 24-hour ( ) 12-hourCurrency: [USD ▼]Notification Settings
Section titled “Notification Settings”Email Notifications:☑ Balance alerts☑ Transaction alerts☐ Risk score changes☑ System updates☐ Weekly summary
In-App Notifications:☑ Real-time alerts☑ Activity updates☑ System messages
[Save Settings]Responsive Design
Section titled “Responsive Design”Desktop View (1200px+)
Section titled “Desktop View (1200px+)”- Full sidebar visible
- Multi-column layouts
- All charts and graphs
- Expanded details
Tablet View (768px - 1199px)
Section titled “Tablet View (768px - 1199px)”- Collapsible sidebar
- Two-column layouts
- Simplified charts
- Condensed tables
Mobile View (< 768px)
Section titled “Mobile View (< 768px)”- Hamburger menu
- Single column
- Stacked layouts
- Touch-optimized
Accessibility Features
Section titled “Accessibility Features”Keyboard Navigation:
- Full tab navigation
- Skip to content link
- Focus indicators
- ARIA labels
Screen Readers:
- Semantic HTML
- Alt text for images
- ARIA live regions
- Descriptive labels
Visual:
- High contrast mode
- Adjustable font sizes
- Color-blind friendly palettes
- Reduced motion option
Performance Indicators
Section titled “Performance Indicators”Loading States
Section titled “Loading States”Skeleton Screens:
┌────────────────────────────────┐│ ████░░░░░░░░░░░░░░░░░░░░ ││ ██░░░░░░░░░░░░░░░░░░░░░░░ ││ ████████░░░░░░░░░░░░░░░░ │└────────────────────────────────┘Loading...Progress Indicators:
- Spinning loaders
- Progress bars
- Percentage complete
- Estimated time remaining
Error States:
- Clear error messages
- Suggested actions
- Retry buttons
- Support links
Next Steps
Section titled “Next Steps”Now that you understand the interface:
→ Features Guide - Learn about all available features
→ Getting Started - Quick start guide
→ Troubleshooting - Fix common problems