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

export default function PaperPage() {
  return (
    <>
      <PageHeader title="Paper Trading" subtitle="Phase 4: strategies run against live Kraken data with a simulated, reconciled ledger. The schema (paper_orders, paper_fills, paper_positions, paper_equity) and the risk gateway already exist." />
      <div className="grid grid-cols-2 gap-3 md:grid-cols-4">
        <Tile label="Virtual equity" value="—" sub="paper engine not started" tone="muted" />
        <Tile label="Open orders" value="—" sub="paper engine not started" tone="muted" />
        <Tile label="Simulated P&L" value="—" sub="fees: taker/maker from TradeVolume" tone="muted" />
        <Tile label="Strategy state" value="—" sub="no runner scheduled" tone="muted" />
      </div>
      <Card title="What the paper engine will do" className="mt-4">
        <ul className="list-disc space-y-1 pl-5 text-xs text-fg-muted">
          <li>Run strategy plugins on closed bars as they arrive; targets execute at the next bar with the live spread and a queue-aware fill model.</li>
          <li>Every order passes the independent risk gateway (same code as backtests); rejected intents are audited.</li>
          <li>Ledger reconciliation against the simulated exchange state on every fill; mismatches trip the circuit breaker.</li>
          <li>Real-time positions, orders, fills and equity curve on this page via the SSE relay.</li>
        </ul>
      </Card>
      <Card title="Positions" className="mt-4"><Empty title="No paper positions">Nothing has traded; the paper runner is not implemented yet.</Empty></Card>
    </>
  );
}