README.md

---
title: Paper Trading Viz
emoji: 📈
colorFrom: indigo
colorTo: pink
sdk: docker
app_port: 4173
pinned: false
short_description: Visualize paper-trading agents from Supabase with a Vue + Vite app.
license: apache-2.0
---

Paper Trading Viz (Vue + PrimeVue)

环境变量 (.env)

复制 `.env` 并填写 Supabase：

```
VITE_SUPABASE_URL=https://bipjjabjhvssmwyabaow.supabase.co
VITE_SUPABASE_ANON_KEY=YOUR_ANON_KEY
# 推荐仅本地/安全环境使用，前端会暴露
VITE_SUPABASE_SERVICE_ROLE_KEY=YOUR_SERVICE_ROLE_KEY
```

本地开发

```
npm i
npm run dev
```

Docker 构建与启动

```
docker compose build
docker compose up -d
# 访问 http://localhost:4173
```

页面
- 首页：筛选 + Agent 卡片
- 详情：Overview / Performance / Decisions
- 对比：Equity Comparison 曲线

注意：部分绩效/曲线为演示计算，真实回测请在后端提供指标与时间序列。

# paper-trading-viz