-
+
+ Average Trend Strength by Sector
+
+
+
+
+
+
+
+
+
+
+
+
+ Trend Strength by Ticker (Top 25)
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+// ---------------------------------------------------------------------------
+// Prediction Accuracy — powered by useRecommendations (PostgreSQL)
+// ---------------------------------------------------------------------------
+
+function PredictionAccuracy() {
+ const { data: recs, isLoading } = useRecommendations({ limit: 500 });
+
+ if (isLoading) return
;
+ if (!recs?.length) return
No recommendation data available
;
+
+ // Confidence distribution buckets
+ const buckets = [
+ { label: '<0.40', min: 0, max: 0.4 },
+ { label: '0.40–0.55', min: 0.4, max: 0.55 },
+ { label: '0.55–0.75', min: 0.55, max: 0.75 },
+ { label: '0.75–1.00', min: 0.75, max: 1.01 },
+ ];
+
+ const confidenceData = buckets.map((b) => ({
+ bucket: b.label,
+ count: recs.filter((r) => r.confidence >= b.min && r.confidence < b.max).length,
+ }));
+
+ // Action distribution
+ const actionCounts = new Map
();
+ for (const r of recs) {
+ actionCounts.set(r.action, (actionCounts.get(r.action) ?? 0) + 1);
+ }
+ const actionData = Array.from(actionCounts.entries())
+ .map(([action, count]) => ({ action, count }))
+ .sort((a, b) => b.count - a.count);
+
+ return (
+
+
+ Confidence Distribution
+
+
+
+
+
+
+
+
+
+
+
+
+ Action Distribution
+
+
+
+
+
+
+
+
+
+
+
+
+ Note: Showing confidence and action distributions from recommendations. Realized price move comparison will be available once outcome tracking is implemented.
+
+
Paper trading metrics will appear after the first trading day.
+
+ );
+ }
+
+ const equityCurve = (snapshots ?? [])
+ .map((s) => ({
+ date: s.snapshot_date,
+ value: s.portfolio_value,
+ dailyReturn: s.daily_return != null ? Math.round(s.daily_return * 10000) / 100 : 0,
+ }))
+ .sort((a, b) => a.date.localeCompare(b.date));
+
+ const winRate = metrics ? (metrics.win_rate * 100).toFixed(1) : '—';
+ const winCount = metrics?.win_count ?? 0;
+ const lossCount = metrics?.loss_count ?? 0;
+
+ return (
+
+ {/* Stat cards */}
+
{winRate}%
Win Rate
- {totalWins}
+ {winCount}
Wins
- {totalLosses}
+ {lossCount}
Losses
+
+ = 0 ? 'text-green-400' : 'text-red-400'}`}>
+ ${(metrics?.unrealized_pnl ?? 0).toFixed(2)}
+
+ Unrealized PnL
+
-
- Equity Curve
-
-
-
-
-
-
-
-
-
-
+ {/* More metrics */}
+ {hasMetrics && (
+
+
+ ${metrics.total_portfolio_value.toFixed(0)}
+ Portfolio Value
+
+
+ {metrics.profit_factor.toFixed(2)}
+ Profit Factor
+
+
+ {metrics.sharpe_ratio.toFixed(2)}
+ Sharpe Ratio
+
+
+ {(metrics.max_drawdown * 100).toFixed(1)}%
+ Max Drawdown
+
+
+ )}
-
- Daily PnL
-
-
-
-
-
-
-
-
-
-
+ {/* Equity curve */}
+ {hasSnapshots && (
+
+ Equity Curve
+
+
+
+
+
+
+
+
+
+
+ )}
+
+ {/* Daily returns */}
+ {hasSnapshots && equityCurve.some((d) => d.dailyReturn !== 0) && (
+
+ Daily Returns (%)
+
+
+
+
+
+
+
+
+
+
+ )}
No model metrics available
;
+ if (perfLoading || failLoading) return ;
- const chartData = data.rows.map((r) => ({
- hour: String(r[0]).slice(11, 16),
- total: Number(r[1]) || 0,
- successes: Number(r[2]) || 0,
- rate: Number(r[1]) > 0 ? ((Number(r[2]) / Number(r[1])) * 100) : 0,
- latency: Math.round(Number(r[3]) || 0),
- retries: Number(r[4]) || 0,
- }));
+ const perfData = perf as Record | undefined;
+ const failureList = (failures ?? []) as Array>;
+
+ const totalCalls = Number(perfData?.total_calls ?? 0);
+ const successCalls = Number(perfData?.successful_calls ?? 0);
+ const successRate = totalCalls > 0 ? ((successCalls / totalCalls) * 100).toFixed(1) : '—';
+ const avgLatency = Number(perfData?.avg_latency_ms ?? 0);
+ const avgRetries = Number(perfData?.avg_retries ?? 0);
+
+ const hasData = totalCalls > 0 || failureList.length > 0;
+ if (!hasData) return No model metrics available
;
return (
-
- Success Rate Over Time
-
-
-
-
-
-
-
-
-
-
+ {/* Stat cards */}
+
+
+ {totalCalls}
+ Total Calls
+
+
+ = 90 ? 'text-green-400' : Number(successRate) >= 70 ? 'text-yellow-400' : 'text-red-400'}`}>
+ {successRate}%
+
+ Success Rate
+
+
+ {Math.round(avgLatency)}ms
+ Avg Latency
+
+
+ {avgRetries.toFixed(2)}
+ Avg Retries
+
+
-
- Latency & Retries
-
-
-
-
-
-
-
-
-
-
-
-
+ {/* Recent failures table */}
+ {failureList.length > 0 && (
+
+ Recent Failures ({failureList.length})
+
+
+
+
+ | Time |
+ Model |
+ Error |
+ Retries |
+
+
+
+ {failureList.slice(0, 20).map((f, i) => (
+
+ | {String(f.recorded_at ?? f.created_at ?? '').slice(0, 19)} |
+ {String(f.model_name ?? f.model ?? '—')} |
+ {String(f.error_message ?? f.error ?? '—')} |
+ {String(f.retry_count ?? '—')} |
+
+ ))}
+
+
+
+ )}