Design system
Component Lab
Review reusable components and all operational interface states.
Phase 2 shell
MOCK INTERFACE · Deterministic layout data only. No Dhan or backend-domain connection.Snapshot: 23 Aug 2026 · 10:42 IST
Status vocabulary
Restrained semantic colors always paired with text or an icon.
HealthyWarmingDegradedStaleDisconnectedErrorDisabled
DisabledWarming upScanningCandidateCooldownPaused dataPaused limitSession complete
Controls
Controls are 30–34 px high with clear focus treatment.
Setup quality is a rule score, never a guaranteed probability or return.
Overlays
Focus is trapped and restored by accessible Radix primitives.
No interface change confirmed.
Operational states
Every unavailable-data condition explains what happened and what remains safe.
Loading dataPreparing a deterministic interface snapshot.
No resultsNo signals match the current mock filters.
Option chain is staleLast mock update was 22 seconds ago at 10:41:56 IST.
Unable to load componentThe safe mock request could not be completed.
Data source disconnectedProvider transport is intentionally unavailable in Phase 2.
Partial dataUnderlying values are visible; contract selection remains unavailable.
Loading structure
Skeletons preserve layout without displaying fabricated zero values.
Dense table
Forty-two pixel rows, local horizontal scroll, and right-aligned numbers.
| Component | State | Data age |
|---|---|---|
| Read-only REST | Healthy | 142 ms |
| Market feed | Degraded | 2.4 sec |
| Option chain | Stale | 22 sec |