Add live alerts and classifier hits panels

Show live alerts and classifier hits in the UI, wire WS streams, and add pill styling plus confidence/explanation formatting.
This commit is contained in:
dirtydishes 2025-12-29 16:05:39 -05:00
parent 58485b4d97
commit 58f326877b
2 changed files with 237 additions and 12 deletions

View file

@ -315,6 +315,59 @@ h1 {
color: #5b4c34;
}
.pill {
padding: 2px 8px;
border-radius: 999px;
font-size: 0.7rem;
letter-spacing: 0.08em;
text-transform: uppercase;
border: 1px solid rgba(111, 91, 57, 0.35);
color: #6f5b39;
background: rgba(111, 91, 57, 0.12);
}
.severity-high {
border-color: rgba(136, 58, 17, 0.6);
color: #8c3a11;
background: rgba(196, 111, 42, 0.2);
}
.severity-medium {
border-color: rgba(31, 74, 123, 0.35);
color: #1f4a7b;
background: rgba(31, 74, 123, 0.12);
}
.severity-low {
border-color: rgba(47, 109, 79, 0.35);
color: #2f6d4f;
background: rgba(47, 109, 79, 0.12);
}
.direction-bullish {
border-color: rgba(47, 109, 79, 0.35);
color: #2f6d4f;
background: rgba(47, 109, 79, 0.12);
}
.direction-bearish {
border-color: rgba(136, 58, 17, 0.6);
color: #8c3a11;
background: rgba(196, 111, 42, 0.2);
}
.direction-neutral {
border-color: rgba(111, 91, 57, 0.35);
color: #6f5b39;
background: rgba(111, 91, 57, 0.12);
}
.note {
margin-top: 8px;
font-size: 0.78rem;
color: #5b4c34;
}
.flow-meta span {
display: inline-flex;
align-items: center;