UX Redesign Demo

Demo of new components and design

Overall Status Banner

All positions healthy
Monitoring detected issues
Immediate attention required

Network & Protocol Badges

Network Badges

Protocol Badges

Status Pills

Subscription Status

ActivePausedNeeds attention

Severity Levels

InfoWarningAction needed

Notification Status

PendingSentFailed

Info Tooltips

Health Factor: 1.85Range Status: In Range

Progressive Disclosure

Subscription Details

Status: Active • Last checked: 2 minutes ago

Before vs After

❌ Before (Engineering UI)
chain_id: 42161
protocol: AAVE_V3
event_type: AAVE_HF_LOW_CRITICAL
status: ACTIVE
severity: CRITICAL
next_check_at: -294s
{ "threshold": 1.1, "cooldown_sec": 3600 }
✅ After (User-Friendly)
Health Factor Critical

Immediate action needed to avoid liquidation

ActiveAction needed
Last checked: 5 minutes ago