import { Card, Empty, PageHeader } from "@/components/ui";

export default function PortfolioPage() {
  return (
    <>
      <PageHeader title="Portfolio Optimizer" subtitle="Ships in Phase 3. The research engine and data layer it builds on are already in place." />
      <div className="grid gap-4 md:grid-cols-2">
        <Card title="Planned scope">
          <ul className="list-disc space-y-1 pl-5 text-xs text-fg-muted">
            <li>Covariance estimation on stored bars: sample, Ledoit–Wolf shrinkage, EWMA.</li>
            <li>Allocators: volatility targeting, inverse-volatility, hierarchical risk parity, mean–variance with shrinkage, CVaR minimisation (cvxpy).</li>
            <li>Constraints: long-only (spot), per-asset caps, minimum notional per leg, turnover penalty, cash buffer.</li>
            <li>Rebalance simulation through the same event-driven backtester and cost model as single-strategy runs.</li>
            <li>Stress scenarios: correlated drawdowns, liquidity collapse, spread widening.</li>
          </ul>
        </Card>
        <Card title="Inputs it will take">
          <Empty title="No optimizer runs yet">Universe (symbols from the ingestion universe), interval, estimation window, allocator, constraints, rebalance frequency, cost model.</Empty>
        </Card>
      </div>
    </>
  );
}