GifariKemalandClaude Opus 4.6
e8355b3f62
- 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>
58 lines
2.0 KiB
TypeScript
58 lines
2.0 KiB
TypeScript
"use client";
|
|
|
|
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
|
|
import { Terminal } from "lucide-react";
|
|
import type { LogEntry } from "@/types/trading";
|
|
|
|
interface LogCardProps {
|
|
logs: LogEntry[];
|
|
}
|
|
|
|
export function LogCard({ logs }: LogCardProps) {
|
|
const getLevelColor = (level: string) => {
|
|
switch (level) {
|
|
case "error": return "text-apple-red";
|
|
case "warn": return "text-apple-orange";
|
|
case "trade": return "text-apple-blue";
|
|
default: return "text-apple-green";
|
|
}
|
|
};
|
|
|
|
const getLevelBadge = (level: string) => {
|
|
switch (level) {
|
|
case "error": return "ERR";
|
|
case "warn": return "WRN";
|
|
case "trade": return "TRD";
|
|
default: return "INF";
|
|
}
|
|
};
|
|
|
|
return (
|
|
<Card className="glass h-full overflow-hidden flex flex-col accent-top-purple">
|
|
<CardHeader>
|
|
<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-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 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>
|
|
))}
|
|
</div>
|
|
)}
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
);
|
|
}
|