feat(api): add server IP display for exchange whitelist configuration (#520)

Added functionality to display server public IP address for users to configure exchange API whitelists, specifically for Binance integration.

Backend changes (api/server.go):
- Add GET /api/server-ip endpoint requiring authentication
- Implement getPublicIPFromAPI() with fallback to multiple IP services
- Implement getPublicIPFromInterface() for local network interface detection
- Add isPrivateIP() helper to filter private IP addresses
- Import net package for IP address handling

Frontend changes (web/):
- Add getServerIP() API method in api.ts
- Display server IP in ExchangeConfigModal for Binance
- Add IP copy-to-clipboard functionality
- Load and display server IP when Binance exchange is selected
- Add i18n translations (en/zh) for whitelist IP messages:
  - whitelistIP, whitelistIPDesc, serverIPAddresses
  - copyIP, ipCopied, loadingServerIP

User benefits:
- Simplifies Binance API whitelist configuration
- Shows exact server IP to add to exchange whitelist
- One-click IP copy for convenience

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-authored-by: Claude <noreply@anthropic.com>

web/src/components/AITradersPage.tsx

@@ -1582,6 +1582,12 @@ function ExchangeConfigModal({
   const [passphrase, setPassphrase] = useState('');
   const [testnet, setTestnet] = useState(false);
   const [showGuide, setShowGuide] = useState(false);
+  const [serverIP, setServerIP] = useState<{
+    public_ip: string;
+    message: string;
+  } | null>(null);
+  const [loadingIP, setLoadingIP] = useState(false);
+  const [copiedIP, setCopiedIP] = useState(false);
 
   // 币安配置指南展开状态
   const [showBinanceGuide, setShowBinanceGuide] = useState(false);
@@ -1605,6 +1611,9 @@ function ExchangeConfigModal({
       setPassphrase('') // Don't load existing passphrase for security
       setTestnet(selectedExchange.testnet || false)
 
+      // Hyperliquid 字段
+      setHyperliquidWalletAddr(selectedExchange.hyperliquidWalletAddr || '')
+
       // Aster 字段
       setAsterUser(selectedExchange.asterUser || '')
       setAsterSigner(selectedExchange.asterSigner || '')
@@ -1612,6 +1621,30 @@ function ExchangeConfigModal({
     }
   }, [editingExchangeId, selectedExchange])
 
+  // 加载服务器IP（当选择binance时）
+  useEffect(() => {
+    if (selectedExchangeId === 'binance' && !serverIP) {
+      setLoadingIP(true);
+      api.getServerIP()
+        .then(data => {
+          setServerIP(data);
+        })
+        .catch(err => {
+          console.error('Failed to load server IP:', err);
+        })
+        .finally(() => {
+          setLoadingIP(false);
+        });
+    }
+  }, [selectedExchangeId]);
+
+  const handleCopyIP = (ip: string) => {
+    navigator.clipboard.writeText(ip).then(() => {
+      setCopiedIP(true);
+      setTimeout(() => setCopiedIP(false), 2000);
+    });
+  };
+
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault()
     if (!selectedExchangeId) return
@@ -1900,8 +1933,38 @@ function ExchangeConfigModal({
                         />
                       </div>
                     )}
-                  </>
-                )}
+
+                  {/* Binance 白名单IP提示 */}
+                  {selectedExchange.id === 'binance' && (
+                    <div className="p-4 rounded" style={{ background: 'rgba(240, 185, 11, 0.1)', border: '1px solid rgba(240, 185, 11, 0.2)' }}>
+                      <div className="text-sm font-semibold mb-2" style={{ color: '#F0B90B' }}>
+                        {t('whitelistIP', language)}
+                      </div>
+                      <div className="text-xs mb-3" style={{ color: '#848E9C' }}>
+                        {t('whitelistIPDesc', language)}
+                      </div>
+
+                      {loadingIP ? (
+                        <div className="text-xs" style={{ color: '#848E9C' }}>
+                          {t('loadingServerIP', language)}
+                        </div>
+                      ) : serverIP && serverIP.public_ip ? (
+                        <div className="flex items-center gap-2 p-2 rounded" style={{ background: '#0B0E11' }}>
+                          <code className="flex-1 text-sm font-mono" style={{ color: '#F0B90B' }}>{serverIP.public_ip}</code>
+                          <button
+                            type="button"
+                            onClick={() => handleCopyIP(serverIP.public_ip)}
+                            className="px-3 py-1 rounded text-xs font-semibold transition-all hover:scale-105"
+                            style={{ background: 'rgba(240, 185, 11, 0.2)', color: '#F0B90B' }}
+                          >
+                            {copiedIP ? t('ipCopied', language) : t('copyIP', language)}
+                          </button>
+                        </div>
+                      ) : null}
+                    </div>
+                  )}
+                </>
+              )}
 
               {/* Hyperliquid 交易所的字段 */}
               {selectedExchange.id === 'hyperliquid' && (

web/src/i18n/translations.ts

@@ -291,6 +291,12 @@ export const translations = {
     viewGuide: 'View Guide',
     binanceSetupGuide: 'Binance Setup Guide',
     closeGuide: 'Close',
+    whitelistIP: 'Whitelist IP',
+    whitelistIPDesc: 'Binance requires adding server IP to API whitelist',
+    serverIPAddresses: 'Server IP Addresses',
+    copyIP: 'Copy',
+    ipCopied: 'IP Copied',
+    loadingServerIP: 'Loading server IP...',
 
     // Error Messages
     createTraderFailed: 'Failed to create trader',
@@ -758,6 +764,12 @@ export const translations = {
     viewGuide: '查看教程',
     binanceSetupGuide: '币安配置教程',
     closeGuide: '关闭',
+    whitelistIP: '白名单IP',
+    whitelistIPDesc: '币安交易所需要填写白名单IP',
+    serverIPAddresses: '服务器IP地址',
+    copyIP: '复制',
+    ipCopied: 'IP已复制',
+    loadingServerIP: '正在加载服务器IP...',
 
     // Error Messages
     createTraderFailed: '创建交易员失败',

web/src/lib/api.ts

@@ -327,4 +327,16 @@ export const api = {
     })
     if (!res.ok) throw new Error('保存用户信号源配置失败')
   },
-}
+
+  // 获取服务器IP（需要认证，用于白名单配置）
+  async getServerIP(): Promise<{
+    public_ip: string;
+    message: string;
+  }> {
+    const res = await fetch(`${API_BASE}/server-ip`, {
+      headers: getAuthHeaders(),
+    });
+    if (!res.ok) throw new Error('获取服务器IP失败');
+    return res.json();
+  },
+};