feat: 钱包类型枚举与前端账号类型展示

后端：
- 新增 WalletType 枚举（MAGIC/SAFE），移除 safe/magic 字符串硬编码
- RelayClientService/BlockchainService/AccountService/OrderSigningService 使用枚举
- Builder Relayer API 类型使用常量 RELAYER_TYPE_PROXY/SAFE

前端：
- 账户列表、详情、导入 Modal 显示账号类型（Magic/Safe Tag）
- 导入账户 Modal 移除安全提示 Alert，移除 showAlert 与相关 i18n
- 移除无用 i18n key：securityTip、securityTipDesc、walletTypeMagic、walletTypeSafe、magicNotSupported
- 钱包类型 Tag 简化为仅显示 Magic 或 Safe

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/components/AccountImportForm.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react'
-import { Form, Input, Button, Radio, Space, Alert, Card, Spin, message } from 'antd'
+import { Form, Input, Button, Radio, Space, Card, Spin, message, Alert } from 'antd'
 import { CheckCircleOutlined, ExclamationCircleOutlined } from '@ant-design/icons'
 import { useTranslation } from 'react-i18next'
 import { useAccountStore } from '../store/accountStore'
@@ -22,7 +22,6 @@ interface AccountImportFormProps {
   form: any
   onSuccess?: (accountId: number) => void
   onCancel?: () => void
-  showAlert?: boolean
   showCancelButton?: boolean
 }
 
@@ -30,7 +29,6 @@ const AccountImportForm: React.FC<AccountImportFormProps> = ({
   form,
   onSuccess,
   onCancel,
-  showAlert = true,
   showCancelButton = true
 }) => {
   const { t } = useTranslation()
@@ -266,16 +264,6 @@ const AccountImportForm: React.FC<AccountImportFormProps> = ({
   
   return (
     <>
-      {showAlert && (
-        <Alert
-          message={t('accountImport.securityTip')}
-          description={t('accountImport.securityTipDesc')}
-          type="warning"
-          showIcon
-          style={{ marginBottom: '24px' }}
-        />
-      )}
-      
       <Form
         form={form}
         layout="vertical"

frontend/src/locales/en/common.json

@@ -53,6 +53,7 @@
     "accountId": "Account ID",
     "accountName": "Account Name",
     "walletAddress": "Wallet Address",
+    "walletType": "Wallet Type",
     "balance": "Account Balance",
     "refreshBalance": "Refresh Balance",
     "apiCredentials": "API Credentials Configuration",
@@ -122,6 +123,7 @@
     "importAccount": "Import Account",
     "accountName": "Account Name",
     "walletAddress": "Wallet Address",
+    "walletType": "Wallet Type",
     "proxyAddress": "Proxy Wallet Address",
     "apiCredentials": "API Credentials",
     "balance": "Balance",
@@ -178,8 +180,6 @@
   "accountImport": {
     "title": "Import Account",
     "back": "Back",
-    "securityTip": "Security Tip",
-    "securityTipDesc": "Private keys will be stored in the backend database. Please ensure database access is secure. HTTPS is recommended.",
     "importMethod": "Import Method",
     "privateKey": "Private Key",
     "mnemonic": "Mnemonic",
@@ -213,9 +213,6 @@
     "addressErrorMnemonic": "Cannot derive address from mnemonic",
     "walletType": "Wallet Type",
     "walletTypeHelp": "Web3 Wallet: Polymarket accounts connected via browser wallets like MetaMask\nMagic: Polymarket accounts logged in via email or social accounts (Google, Twitter, etc.)",
-    "walletTypeMagic": "Magic (Email/Social Login)",
-    "walletTypeSafe": "Web3 Wallet",
-    "magicNotSupported": "",
     "loadingProxyOptions": "Loading proxy addresses and asset information...",
     "selectProxyOption": "Please select a proxy address",
     "proxyOptionRequired": "Please select a proxy address",

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

@@ -121,6 +121,7 @@
     "importAccount": "导入账户",
     "accountName": "账户名称",
     "walletAddress": "钱包地址",
+    "walletType": "钱包类型",
     "proxyAddress": "代理钱包地址",
     "apiCredentials": "API 凭证",
     "balance": "余额",
@@ -178,8 +179,6 @@
   "accountImport": {
     "title": "导入账户",
     "back": "返回",
-    "securityTip": "安全提示",
-    "securityTipDesc": "私钥将存储在后端数据库中，请确保数据库访问安全。建议使用 HTTPS 连接。",
     "importMethod": "导入方式",
     "privateKey": "私钥",
     "mnemonic": "助记词",
@@ -213,9 +212,6 @@
     "addressErrorMnemonic": "无法从助记词推导地址",
     "walletType": "钱包类型",
     "walletTypeHelp": "Web3钱包：使用 MetaMask 等浏览器钱包连接的 Polymarket 账户\nMagic：通过邮箱或社交账号（如 Google、Twitter）登录的 Polymarket 账户",
-    "walletTypeMagic": "Magic（邮箱/社交账号登录）",
-    "walletTypeSafe": "Web3钱包",
-    "magicNotSupported": "",
     "loadingProxyOptions": "正在获取代理地址和资产信息...",
     "selectProxyOption": "请选择代理地址",
     "proxyOptionRequired": "请选择一个代理地址",

frontend/src/locales/zh-TW/common.json

@@ -53,6 +53,7 @@
     "accountId": "賬戶ID",
     "accountName": "賬戶名稱",
     "walletAddress": "錢包地址",
+    "walletType": "錢包類型",
     "balance": "賬戶餘額",
     "refreshBalance": "刷新餘額",
     "apiCredentials": "API 憑證配置",
@@ -122,6 +123,7 @@
     "importAccount": "導入賬戶",
     "accountName": "賬戶名稱",
     "walletAddress": "錢包地址",
+    "walletType": "錢包類型",
     "proxyAddress": "代理錢包地址",
     "apiCredentials": "API 憑證",
     "balance": "餘額",
@@ -178,8 +180,6 @@
   "accountImport": {
     "title": "導入賬戶",
     "back": "返回",
-    "securityTip": "安全提示",
-    "securityTipDesc": "私鑰將存儲在後端數據庫中，請確保數據庫訪問安全。建議使用 HTTPS 連接。",
     "importMethod": "導入方式",
     "privateKey": "私鑰",
     "mnemonic": "助記詞",
@@ -213,9 +213,6 @@
     "addressErrorMnemonic": "無法從助記詞推導地址",
     "walletType": "錢包類型",
     "walletTypeHelp": "Web3錢包：使用 MetaMask 等瀏覽器錢包連接的 Polymarket 帳戶\nMagic：透過郵箱或社群帳號（如 Google、Twitter）登入的 Polymarket 帳戶",
-    "walletTypeMagic": "Magic（郵箱/社群帳號登入）",
-    "walletTypeSafe": "Web3錢包",
-    "magicNotSupported": "",
     "loadingProxyOptions": "正在獲取代理地址和資產信息...",
     "selectProxyOption": "請選擇代理地址",
     "proxyOptionRequired": "請選擇一個代理地址",

frontend/src/pages/AccountDetail.tsx

@@ -181,6 +181,13 @@ const AccountDetail: React.FC = () => {
           <Descriptions.Item label={t('account.accountName')}>
             {account.accountName || '-'}
           </Descriptions.Item>
+          {account.walletType && (
+            <Descriptions.Item label={t('account.walletType')}>
+              <Tag color={account.walletType.toLowerCase() === 'magic' ? 'purple' : 'blue'}>
+                {account.walletType.toLowerCase() === 'magic' ? 'Magic' : 'Safe'}
+              </Tag>
+            </Descriptions.Item>
+          )}
           <Descriptions.Item label={t('account.walletAddress')} span={isMobile ? 1 : 2}>
             <span style={{ 
               fontFamily: 'monospace', 

frontend/src/pages/AccountImport.tsx

@@ -35,8 +35,6 @@ const AccountImport: React.FC = () => {
           form={form}
           onSuccess={handleSuccess}
           onCancel={() => navigate('/accounts')}
-          showAlert={true}
-          showCancelButton={true}
         />
       </Card>
     </div>

frontend/src/pages/AccountList.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react'
-import { Card, Table, Button, Space, Tag, Popconfirm, message, Typography, Spin, Modal, Descriptions, Divider, Form, Input, Alert } from 'antd'
+import { Card, Table, Button, Space, Tag, Popconfirm, message, Typography, Spin, Modal, Descriptions, Divider, Form, Input } from 'antd'
 import { PlusOutlined, ReloadOutlined, EditOutlined, CopyOutlined } from '@ant-design/icons'
 import { useTranslation } from 'react-i18next'
 import { useAccountStore } from '../store/accountStore'
@@ -303,6 +303,20 @@ const AccountList: React.FC = () => {
         )
       }
     },
+    {
+      title: t('accountList.walletType'),
+      dataIndex: 'walletType',
+      key: 'walletType',
+      render: (walletType: string) => {
+        if (!walletType) return '-'
+        const type = walletType.toLowerCase()
+        return (
+          <Tag color={type === 'magic' ? 'purple' : 'blue'}>
+            {type === 'magic' ? 'Magic' : 'Safe'}
+          </Tag>
+        )
+      }
+    },
     {
       title: t('accountList.balance'),
       dataIndex: 'balance',
@@ -392,7 +406,7 @@ const AccountList: React.FC = () => {
                   style={{ marginLeft: '4px', padding: '0 4px' }}
                 />
               </div>
-              <div>
+              <div style={{ marginBottom: '4px' }}>
                 <strong>{t('accountList.proxyAddress')}:</strong> {record.proxyAddress ? `${record.proxyAddress.slice(0, 6)}...${record.proxyAddress.slice(-4)}` : '-'}
                 <Button
                   type="text"
@@ -405,6 +419,14 @@ const AccountList: React.FC = () => {
                   style={{ marginLeft: '4px', padding: '0 4px' }}
                 />
               </div>
+              {record.walletType && (
+                <div style={{ marginBottom: '4px' }}>
+                  <strong>{t('accountList.walletType')}:</strong>{' '}
+                  <Tag color={record.walletType.toLowerCase() === 'magic' ? 'purple' : 'blue'} style={{ marginLeft: '4px' }}>
+                    {record.walletType.toLowerCase() === 'magic' ? 'Magic' : 'Safe'}
+                  </Tag>
+                </div>
+              )}
             </div>
             <div style={{
               fontSize: '14px',
@@ -654,6 +676,13 @@ const AccountList: React.FC = () => {
                   />
                 </Space>
               </Descriptions.Item>
+              {detailAccount.walletType && (
+                <Descriptions.Item label={t('accountList.walletType')}>
+                  <Tag color={detailAccount.walletType.toLowerCase() === 'magic' ? 'purple' : 'blue'}>
+                    {detailAccount.walletType.toLowerCase() === 'magic' ? 'Magic' : 'Safe'}
+                  </Tag>
+                </Descriptions.Item>
+              )}
               <Descriptions.Item label={t('accountList.totalBalance')} span={isMobile ? 1 : 2}>
                 {detailBalanceLoading ? (
                   <Spin size="small" />
@@ -868,8 +897,6 @@ const AccountList: React.FC = () => {
             setAccountImportModalVisible(false)
             accountImportForm.resetFields()
           }}
-          showAlert={true}
-          showCancelButton={true}
         />
       </Modal>
     </div>

frontend/src/pages/CopyTradingOrders/AddModal.tsx

@@ -1120,8 +1120,6 @@ const AddModal: React.FC<AddModalProps> = ({
             setAccountImportModalVisible(false)
             accountImportForm.resetFields()
           }}
-          showAlert={true}
-          showCancelButton={true}
         />
       </Modal>