mirror of
https://github.com/laoxong/nofx.git
synced 2026-06-07 11:17:56 +08:00
0xYYBB | ZYY | Bobo
70a6218704
* fix(ui): remove duplicate Aster exchange form rendering 修復 Aster 交易所配置表單重複渲染問題。 Issue: - Aster 表單代碼在 AITradersPage.tsx 中出現兩次（lines 2334 和 2559） - 導致用戶界面顯示 6 個輸入欄位（應該是 3 個） - 用戶體驗混亂 Fix: - 刪除重複的 Aster 表單代碼塊（lines 2559-2710，共 153 行） - 保留第一個表單塊（lines 2334-2419） - 修復 prettier 格式問題 Result: - Aster 配置現在正確顯示 3 個欄位：user, signer, private key - Lint 檢查通過 - Hyperliquid Agent Wallet 翻譯已存在無需修改 Technical: - 刪除了完全重複的 JSX 條件渲染塊 - 移除空白行以符合 prettier 規範 Co-Authored-By: tinkle-community <tinklefund@gmail.com> * fix(ui): remove legacy Hyperliquid single private key field 修復 Hyperliquid 配置頁面顯示舊版私鑰欄位的問題。 Issue: - Hyperliquid 配置同時顯示舊版和新版欄位 - 舊版：單一「私钥」欄位（不安全，已廢棄） - 新版：「代理私钥」+「主钱包地址」（Agent Wallet 安全模式） - 用戶看到重複的欄位配置，造成混淆 Root Cause: - AITradersPage.tsx 存在兩個 Hyperliquid 條件渲染塊 - Lines 2302-2332: 舊版單私鑰模式（應刪除） - Lines 2424-2557: 新版 Agent Wallet 模式（正確） Fix: - 刪除舊版 Hyperliquid 單私鑰欄位代碼塊（lines 2302-2332，共 32 行） - 保留新版 Agent Wallet 配置（代理私鑰 + 主錢包地址） - 移除 `t('privateKey')` 和 `t('hyperliquidPrivateKeyDesc')` 舊版翻譯引用 Result: - Hyperliquid 配置現在只顯示正確的 Agent Wallet 欄位 - 安全提示 banner 正確顯示 - 用戶體驗改善，不再混淆 Technical Details: - 新版使用 `apiKey` 儲存 Agent Private Key - 新版使用 `hyperliquidWalletAddr` 儲存 Main Wallet Address - 符合 Hyperliquid Agent Wallet 最佳安全實踐 Related: - 之前已修復 Aster 重複渲染問題（commit 5462eba0） - Hyperliquid 翻譯 key 已存在於 translations.ts (lines 206-216, 1017-1027) Co-Authored-By: tinkle-community <tinklefund@gmail.com> * fix(i18n): add missing Hyperliquid Agent Wallet translation keys 補充 Hyperliquid 代理錢包配置的翻譯文本，修復前端顯示 key 名稱的問題。 Changes: - 新增 8 個英文翻譯 key (Agent Wallet 配置說明) - 新增 8 個中文翻譯 key (代理錢包配置說明) - 修正 Hyperliquid 配置頁面顯示問題（從顯示 key 名稱改為顯示翻譯文本） Technical Details: - hyperliquidAgentWalletTitle: Banner 標題 - hyperliquidAgentWalletDesc: 安全說明文字 - hyperliquidAgentPrivateKey: 代理私鑰欄位標籤 - hyperliquidMainWalletAddress: 主錢包地址欄位標籤 - 相應的 placeholder 和 description 文本 Related Issue: 用戶反饋前端顯示 key 名稱而非翻譯文本 Co-Authored-By: tinkle-community <tinklefund@gmail.com> --------- Co-authored-by: the-dev-z <the-dev-z@users.noreply.github.com> Co-authored-by: tinkle-community <tinklefund@gmail.com>
NOFX Web Dashboard
基于 Vite + React + TypeScript 的AI自动交易监控面板
技术栈
- React 18 - UI框架
- TypeScript - 类型安全
- Vite - 构建工具
- Tailwind CSS - 样式框架
- SWR - 数据获取和缓存
- Zustand - 状态管理
- Recharts - 图表库
安装依赖
npm install
运行开发服务器
npm run dev
构建生产版本
npm run build
功能特性
实时监控
- 系统状态 - 运行状态、AI提供商、周期数
- 账户信息 - 净值、可用余额、总盈亏、保证金使用率
- 持仓列表 - 实时价格、盈亏、杠杆、强平价
- 决策日志 - 完整的AI思维链（可展开）、决策动作、执行结果
AI思维链分析
每个决策记录都包含完整的AI思考过程：
- 第一步：现有持仓分析（技术指标、盈亏评估）
- 第二步：账户风险评估（保证金使用率、可用余额）
- 第三步：新机会评估（候选币种筛选、技术形态分析）
- 第四步：最终决策总结（平仓/开仓/持有决策）
点击 "💭 AI思维链分析" 即可展开查看完整分析过程！
自动刷新
- 系统状态、账户、持仓：每5秒刷新
- 决策日志、统计：每10秒刷新
API集成
前端通过Vite代理访问后端API（http://localhost:8080）
API端点：
GET /api/status- 系统状态GET /api/account- 账户信息GET /api/positions- 持仓列表GET /api/decisions- 决策日志（最近30条）GET /api/decisions/latest- 最新决策（最近5条）GET /api/statistics- 统计信息
项目结构
web/
├── src/
│ ├── components/ # React组件（待扩展）
│ ├── lib/
│ │ └── api.ts # API调用函数
│ ├── store/ # Zustand状态管理（待扩展）
│ ├── types/
│ │ └── index.ts # TypeScript类型定义
│ ├── App.tsx # 主应用组件
│ ├── main.tsx # 入口文件
│ └── index.css # 全局样式
├── index.html # HTML模板
├── vite.config.ts # Vite配置
├── tailwind.config.js # Tailwind配置
├── tsconfig.json # TypeScript配置
└── package.json # 依赖配置
注意事项
- 确保后端API服务已启动（默认端口8080）
- Node.js版本要求：>= 18.0.0
- 网络连接：需要访问Binance API
开发计划
- 添加图表展示（账户净值走势、盈亏曲线）
- 添加决策详情页面（完整的CoT分析）
- 添加手动交易控制
- 添加参数配置页面
- 添加通知和告警系统