Séptima tanda — más componentes de chrome del dashboard al lenguaje premium:
Empty state genérico (componente reutilizado)
El empty state simple usado en muchas páginas (sin trades, sin reglas, sin metas, etc.):
- Botón CTA con gradient primary + shadow + hover lift +
PlusPhosphor bold. - Texto con tracking premium y leading relajado.
Desglose de puntuación (Trader Score)
La card que muestra el desglose de tus 6 dimensiones del score:
- Header con mesh radial + hairline tonal +
GaugePhosphor duotone con halo glow primary. - Link "Ver detalle" con
ArrowUpRightque se desplaza diagonal en hover. - Aviso "muestra pequeña" con
Infoduotone ámbar glowing. - Cards "Tu fortaleza" / "Foco de mejora" con gradient + ring + shadow tonal.
Resumen IA de tu bitácora (sidebar)
El panel que muestra el análisis automático de tu trading:
- Header con gradient esmeralda + ring + glow +
BrainPhosphor duotone con drop-shadow esmeralda. - Disciplina en reglas con
TargetPhosphor duotone + glow primary y badge con border tonal. - Insights con
TrendUpduotone. - Link "Abrir bitácora completa" con
ArrowSquareOutque se desplaza diagonal en hover.
Notificaciones del Agente IA
Las notificaciones que el agente genera con observaciones de tu trading:
- 5 tipos de notificación cada uno con su color e icono Phosphor duotone + drop-shadow:
- 🔴 Rule violation →
Warningduotone rojo - 🟡 Rule reminder →
Bellduotone ámbar - 🔵 Pattern detected →
TrendUpduotone azul - 🟢 Progress update →
CheckCircleduotone esmeralda - 🟣 Insight →
Lightbulbduotone púrpura - Header con
LightbulbPhosphor duotone glow primary. - Loading con
CircleNotchglow primary (no spinner CSS). - Empty state con
Bellduotone muted.
Total acumulado
26 componentes premium unificados.