feat(frontend): add backtest report library

Signed-off-by: Kenny Zhou <l.w.r.f.42@icloud.com>

Author: LemonCANDY42

frontend/src/components/layout/Layout.tsx

@@ -1,7 +1,7 @@
 import { useTranslation } from "react-i18next";
 import { useEffect, useState } from "react";
 import { Link, Outlet, useLocation, useSearchParams } from "react-router-dom";
-import { Activity, BarChart3, Bot, Languages, Moon, Sun, Plus, Trash2, Pencil, MessageSquare, ChevronsLeft, ChevronsRight, Settings, Layers, Loader2 } from "lucide-react";
+import { Activity, BarChart3, Bot, FileText, Languages, Moon, Sun, Plus, Trash2, Pencil, MessageSquare, ChevronsLeft, ChevronsRight, Settings, Layers, Loader2 } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { useDarkMode } from "@/hooks/useDarkMode";
 import { api, type SessionItem } from "@/lib/api";
@@ -18,6 +18,7 @@ export function Layout() {
     { to: "/", icon: BarChart3, label: t('layout.home') },
     { to: "/agent", icon: Bot, label: t('layout.agent') },
     { to: "/runtime", icon: Activity, label: t('layout.runtime') },
+    { to: "/reports", icon: FileText, label: t('layout.reports') },
     { to: "/alpha-zoo", icon: Layers, label: t('layout.alphaZoo') },
     { to: "/settings", icon: Settings, label: t('layout.settings') },
     { to: "/correlation", icon: BarChart3, label: t('layout.correlation') },

frontend/src/i18n/locales/en.json

@@ -6,6 +6,7 @@
     "home": "Home",
     "agent": "Agent",
     "runtime": "Runtime",
+    "reports": "Reports",
     "alphaZoo": "Alpha Zoo",
     "settings": "Settings",
     "correlation": "Correlation Matrix",
@@ -78,6 +79,34 @@
     "never": "never",
     "ago": "ago"
   },
+  "reports": {
+    "badge": "Reports",
+    "title": "Backtest Report Library",
+    "subtitle": "Browse historical backtest reports, metrics, and run details from one place.",
+    "refresh": "Refresh",
+    "searchPlaceholder": "Search run id, prompt, symbol, status...",
+    "allStatuses": "All statuses",
+    "startDate": "Start date",
+    "endDate": "End date",
+    "sort": "Sort",
+    "sortNewest": "Newest first",
+    "sortOldest": "Oldest first",
+    "sortReturn": "Return high to low",
+    "sortSharpe": "Sharpe high to low",
+    "count": "{{shown}} of {{total}} reports",
+    "unavailable": "Report library unavailable",
+    "loadError": "Unable to load reports.",
+    "emptyTitle": "No reports yet",
+    "emptyBody": "Create a backtest from Agent, then return here to review it.",
+    "noMatchesTitle": "No matching reports",
+    "noMatchesBody": "Adjust your search query, status filter, or date range.",
+    "noPrompt": "No prompt recorded.",
+    "to": "to",
+    "return": "Return",
+    "sharpe": "Sharpe",
+    "fullReport": "Full Report",
+    "compare": "Compare"
+  },
   "connection": {
     "reconnecting": "Connection lost, reconnecting (attempt {{attempt}})…",
     "disconnected": "Connection lost"

frontend/src/i18n/locales/zh-CN.json

@@ -6,6 +6,7 @@
     "home": "首页",
     "agent": "智能体",
     "runtime": "运行时",
+    "reports": "报告",
     "alphaZoo": "Alpha 动物园",
     "settings": "设置",
     "correlation": "相关性矩阵",
@@ -78,6 +79,34 @@
     "never": "从未",
     "ago": "前"
   },
+  "reports": {
+    "badge": "报告",
+    "title": "回测报告库",
+    "subtitle": "集中浏览历史回测报告、指标和运行详情。",
+    "refresh": "刷新",
+    "searchPlaceholder": "搜索运行 ID、提示词、标的、状态...",
+    "allStatuses": "全部状态",
+    "startDate": "开始日期",
+    "endDate": "结束日期",
+    "sort": "排序",
+    "sortNewest": "最新优先",
+    "sortOldest": "最早优先",
+    "sortReturn": "收益率从高到低",
+    "sortSharpe": "夏普从高到低",
+    "count": "{{shown}} / {{total}} 份报告",
+    "unavailable": "报告库不可用",
+    "loadError": "无法加载报告。",
+    "emptyTitle": "暂无报告",
+    "emptyBody": "先在智能体中创建一次回测，然后回到这里查看。",
+    "noMatchesTitle": "没有匹配的报告",
+    "noMatchesBody": "请调整搜索词、状态筛选或日期范围。",
+    "noPrompt": "未记录提示词。",
+    "to": "至",
+    "return": "收益率",
+    "sharpe": "夏普",
+    "fullReport": "完整报告",
+    "compare": "对比"
+  },
   "connection": {
     "reconnecting": "连接已断开，正在重连（第 {{attempt}} 次）…",
     "disconnected": "连接已断开"

frontend/src/lib/api.ts

@@ -73,7 +73,7 @@ function appendQueryParam(url: string, key: string, value: string): string {
 
 export const api = {
   uploadFile,
-  listRuns: () => request<RunListItem[]>("/runs"),
+  listRuns: (limit?: number) => request<RunListItem[]>(`/runs${limit ? `?limit=${encodeURIComponent(String(limit))}` : ""}`),
   getRun: (id: string, params: RunDetailParams = {}) => {
     const q = new URLSearchParams();
     if (params.chart_payload) q.set("chart_payload", params.chart_payload);