Component Library & States
This file documents the 4 core states of a Dashboard Panel, plus atomic UI elements.
1. Dashboard Panels (4 States)
State 1: Nominal (With Data)
Live order book data streaming successfully. Latency: 12ms
| Bid | Ask |
|---|---|
| 4500.25 | 4500.50 |
State 2: Stale (Data Outdated)
WebSocket connection lost. Displaying cached data from 09:42:15 EST. Must look obviously inactive.
State 3: Empty (No Data / Initialized)
No positions held matching the current filter criteria.
State 4: Broken / Unknown (Critical)
SYSTEM FAULT: Margin API unresponsive. State is unknown. This is designed to be highly alarming, not just a standard warning.
2. Atomic Elements
Status Tiles: Operational API Fault
Hash Chips: d41d8cd98f
Severity Tokens: Pass (frej/fkept) | Fail (frej) | Warning (lvl-warning) | Sub-optimal (w-not_better)