gavindiaz/XauBot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add 5 dashboard features — dark mode, trade history, backtests, model insights, alerts

Browse Source 
- Dark mode: class-based theme toggle with localStorage persistence and flash prevention
- Trade History (/trades): paginated table, stats cards, equity curve chart with DB API endpoints
- Backtest Viewer (/backtests): log parser for 35 backtest results, sidebar + detail + comparison tabs
- Model Insights: dashboard card + dialog showing feature importance, regime distribution, training history
- Alert/Signal Log (/alerts): signal stats, filterable table with execution tracking
- API: 8 new endpoints with psycopg2 DB connection pool
- Dark mode sweep across books page, about dialog, and all dashboard components
- Architecture docs rewritten with Mermaid diagrams (23 docs)
- README and FEATURES.md rewritten bilingual (Indonesian + English)
- main_live.py: write model_metrics.json on startup and retrain

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
GifariKemal
2026-02-09 05:46:54 +07:00
co-authored by Claude Opus 4.6
parent b2dc2dacd7
commit e8355b3f62
230 changed files with 69573 additions and 5673 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web-dashboard/src/components/dashboard/log-card.tsx
+11 -13
View File
@@ -11,10 +11,10 @@ interface LogCardProps {
export function LogCard({ logs }: LogCardProps) {
const getLevelColor = (level: string) => {
switch (level) {
case "error": return "text-danger";
case "warn": return "text-warning";
case "trade": return "text-info";
default: return "text-success";
case "error": return "text-apple-red";
case "warn": return "text-apple-orange";
case "trade": return "text-apple-blue";
default: return "text-apple-green";
}
};
@@ -28,25 +28,23 @@ export function LogCard({ logs }: LogCardProps) {
};
return (
<Card className="glass h-full flex flex-col">
<Card className="glass h-full overflow-hidden flex flex-col accent-top-purple">
<CardHeader>
<CardTitle className="text-[11px] font-medium text-muted-foreground flex items-center gap-1.5 uppercase tracking-wider">
<Terminal className="h-3.5 w-3.5" />
<CardTitle className="text-sm font-medium text-apple-purple flex items-center gap-1.5 uppercase tracking-wider">
<Terminal className="h-4 w-4" />
Activity
</CardTitle>
</CardHeader>
<CardContent className="flex-1 min-h-0">
<div className="h-full overflow-auto rounded-md bg-background/60 p-2 font-mono text-[10px] leading-relaxed">
<div className="h-full overflow-auto rounded-md bg-white/40 backdrop-blur-sm p-2 font-mono text-sm leading-relaxed border border-apple-purple/10">
{logs.length === 0 ? (
<p className="text-muted-foreground/60">Waiting for activity...</p>
) : (
<div className="space-y-0.5">
{logs.map((log, i) => (
<div key={i} className="flex gap-1.5">
<span className="text-muted-foreground/60 shrink-0">{log.time}</span>
<span className={`font-semibold shrink-0 ${getLevelColor(log.level)}`}>
{getLevelBadge(log.level)}
</span>
<div key={i} className="flex gap-1.5 rounded px-1 -mx-1 row-hover">
<span className="text-muted-foreground/50 shrink-0">{log.time}</span>
<span className={`font-semibold shrink-0 ${getLevelColor(log.level)}`}>{getLevelBadge(log.level)}</span>
<span className="text-foreground/70 truncate">{log.message}</span>
</div>
))}