diff --git a/web/public/images/guide.png b/web/public/images/guide.png
new file mode 100644
index 00000000..cd1abd2e
Binary files /dev/null and b/web/public/images/guide.png differ
diff --git a/web/src/components/AITradersPage.tsx b/web/src/components/AITradersPage.tsx
index 41b3cdc2..c38ea5cb 100644
--- a/web/src/components/AITradersPage.tsx
+++ b/web/src/components/AITradersPage.tsx
@@ -8,7 +8,7 @@ import { useAuth } from '../contexts/AuthContext';
import { getExchangeIcon } from './ExchangeIcons';
import { getModelIcon } from './ModelIcons';
import { TraderConfigModal } from './TraderConfigModal';
-import { Bot, Brain, Landmark, BarChart3, Trash2, Plus, Users, AlertTriangle } from 'lucide-react';
+import { Bot, Brain, Landmark, BarChart3, Trash2, Plus, Users, AlertTriangle, BookOpen } from 'lucide-react';
// 获取友好的AI模型名称
function getModelDisplayName(modelId: string): string {
@@ -1162,10 +1162,11 @@ function ExchangeConfigModal({
const [secretKey, setSecretKey] = useState('');
const [passphrase, setPassphrase] = useState('');
const [testnet, setTestnet] = useState(false);
-
+ const [showGuide, setShowGuide] = useState(false);
+
// Hyperliquid 特定字段
const [hyperliquidWalletAddr, setHyperliquidWalletAddr] = useState('');
-
+
// Aster 特定字段
const [asterUser, setAsterUser] = useState('');
const [asterSigner, setAsterSigner] = useState('');
@@ -1226,21 +1227,34 @@ function ExchangeConfigModal({
{editingExchangeId ? t('editExchange', language) : t('addExchange', language)}
- {editingExchangeId && (
-
- )}
+
+ {selectedExchange?.id === 'binance' && (
+
+ )}
+ {editingExchangeId && (
+
+ )}
+
+
+ {/* Binance Setup Guide Modal */}
+ {showGuide && (
+ setShowGuide(false)}>
+
e.stopPropagation()}>
+
+
+
+ {t('binanceSetupGuide', language)}
+
+
+
+
+

+
+
+
+ )}
);
}
diff --git a/web/src/i18n/translations.ts b/web/src/i18n/translations.ts
index 99a11cac..f69ca1f1 100644
--- a/web/src/i18n/translations.ts
+++ b/web/src/i18n/translations.ts
@@ -257,6 +257,9 @@ export const translations = {
exchangeConfigWarning2: '• Do not grant withdrawal permissions to ensure fund security',
exchangeConfigWarning3: '• After deleting configuration, related traders will not be able to trade',
edit: 'Edit',
+ viewGuide: 'View Guide',
+ binanceSetupGuide: 'Binance Setup Guide',
+ closeGuide: 'Close',
// Error Messages
createTraderFailed: 'Failed to create trader',
@@ -671,6 +674,9 @@ export const translations = {
exchangeConfigWarning2: '• 不要授予提现权限,确保资金安全',
exchangeConfigWarning3: '• 删除配置后,相关交易员将无法正常交易',
edit: '编辑',
+ viewGuide: '查看教程',
+ binanceSetupGuide: '币安配置教程',
+ closeGuide: '关闭',
// Error Messages
createTraderFailed: '创建交易员失败',