diff --git a/web/src/components/ChartTabs.tsx b/web/src/components/ChartTabs.tsx
index bdefb69771..f4c46455c8 100644
--- a/web/src/components/ChartTabs.tsx
+++ b/web/src/components/ChartTabs.tsx
@@ -3,27 +3,29 @@ import { EquityChart } from './EquityChart'
 import { AdvancedChart } from './AdvancedChart'
 import { useLanguage } from '../contexts/LanguageContext'
 import { t } from '../i18n/translations'
+import { chartTabs } from '../i18n/strategy-translations'
 import { BarChart3, CandlestickChart, ChevronDown, Search } from 'lucide-react'
 import { motion, AnimatePresence } from 'framer-motion'
 
+const tTabs = (key: keyof typeof chartTabs, language: string): string => {
+  const entry = chartTabs[key]
+  if (!entry) return key
+  return entry[language as keyof typeof entry] || entry.en || key
+}
+
 interface ChartTabsProps {
   traderId: string
-  selectedSymbol?: string // 从外部选择的币种
-  updateKey?: number // 强制更新的 key
-  exchangeId?: string // 交易所ID
+  selectedSymbol?: string
+  updateKey?: number
+  exchangeId?: string
 }
 
 type ChartTab = 'equity' | 'kline'
 type Interval = '1m' | '5m' | '15m' | '30m' | '1h' | '4h' | '1d'
 type MarketType = 'hyperliquid' | 'crypto' | 'stocks' | 'forex' | 'metals'
 
-interface SymbolInfo {
-  symbol: string
-  name: string
-  category: string
-}
+interface SymbolInfo { symbol: string; name: string; category: string }
 
-// 市场类型配置
 const MARKET_CONFIG = {
   hyperliquid: { exchange: 'hyperliquid', defaultSymbol: 'BTC', icon: '🔷', label: { zh: 'HL', en: 'HL' }, color: 'cyan', hasDropdown: true },
   crypto: { exchange: 'binance', defaultSymbol: 'BTCUSDT', icon: '₿', label: { zh: '加密', en: 'Crypto' }, color: 'yellow', hasDropdown: false },
@@ -33,21 +35,14 @@ const MARKET_CONFIG = {
 }
 
 const INTERVALS: { value: Interval; label: string }[] = [
-  { value: '1m', label: '1m' },
-  { value: '5m', label: '5m' },
-  { value: '15m', label: '15m' },
-  { value: '30m', label: '30m' },
-  { value: '1h', label: '1h' },
-  { value: '4h', label: '4h' },
-  { value: '1d', label: '1d' },
+  { value: '1m', label: '1m' }, { value: '5m', label: '5m' }, { value: '15m', label: '15m' },
+  { value: '30m', label: '30m' }, { value: '1h', label: '1h' }, { value: '4h', label: '4h' }, { value: '1d', label: '1d' },
 ]
 
-// 根据交易所ID推断市场类型
 function getMarketTypeFromExchange(exchangeId: string | undefined): MarketType {
   if (!exchangeId) return 'hyperliquid'
   const lower = exchangeId.toLowerCase()
   if (lower.includes('hyperliquid')) return 'hyperliquid'
-  // 其他交易所默认使用 crypto 类型
   return 'crypto'
 }
 
@@ -63,25 +58,17 @@ export function ChartTabs({ traderId, selectedSymbol, updateKey, exchangeId }: C
   const [searchFilter, setSearchFilter] = useState('')
   const dropdownRef = useRef<HTMLDivElement>(null)
 
-  // 当交易所ID变化时，自动切换市场类型
-  useEffect(() => {
-    const newMarketType = getMarketTypeFromExchange(exchangeId)
-    setMarketType(newMarketType)
-  }, [exchangeId])
+  useEffect(() => { setMarketType(getMarketTypeFromExchange(exchangeId)) }, [exchangeId])
 
-  // 根据市场类型确定交易所
   const marketConfig = MARKET_CONFIG[marketType]
-  // 优先使用传入的 exchangeId（非 hyperliquid 时）
   const currentExchange = marketType === 'hyperliquid' ? 'hyperliquid' : (exchangeId || marketConfig.exchange)
 
-  // 获取可用币种列表
   useEffect(() => {
     if (marketConfig.hasDropdown) {
       fetch(`/api/symbols?exchange=${marketConfig.exchange}`)
         .then(res => res.json())
         .then(data => {
           if (data.symbols) {
-            // 按类别排序: crypto > stock > forex > commodity > index
             const categoryOrder: Record<string, number> = { crypto: 0, stock: 1, forex: 2, commodity: 3, index: 4 }
             const sorted = [...data.symbols].sort((a: SymbolInfo, b: SymbolInfo) => {
               const orderA = categoryOrder[a.category] ?? 5
@@ -96,7 +83,6 @@ export function ChartTabs({ traderId, selectedSymbol, updateKey, exchangeId }: C
     }
   }, [marketType, marketConfig.exchange, marketConfig.hasDropdown])
 
-  // 点击外部关闭下拉
   useEffect(() => {
     const handleClickOutside = (event: MouseEvent) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {
@@ -107,96 +93,50 @@ export function ChartTabs({ traderId, selectedSymbol, updateKey, exchangeId }: C
     return () => document.removeEventListener('mousedown', handleClickOutside)
   }, [])
 
-  // 切换市场类型时更新默认符号
   const handleMarketTypeChange = (type: MarketType) => {
     setMarketType(type)
     setChartSymbol(MARKET_CONFIG[type].defaultSymbol)
     setShowDropdown(false)
   }
 
-  // 过滤后的币种列表
-  const filteredSymbols = availableSymbols.filter(s =>
-    s.symbol.toLowerCase().includes(searchFilter.toLowerCase())
-  )
+  const filteredSymbols = availableSymbols.filter(s => s.symbol.toLowerCase().includes(searchFilter.toLowerCase()))
 
-  // 当从外部选择币种时，自动切换到K线图
   useEffect(() => {
     if (selectedSymbol) {
-      console.log('[ChartTabs] 收到币种选择:', selectedSymbol, 'updateKey:', updateKey)
       setChartSymbol(selectedSymbol)
       setActiveTab('kline')
     }
   }, [selectedSymbol, updateKey])
 
-  // 处理手动输入符号
   const handleSymbolSubmit = (e: React.FormEvent) => {
     e.preventDefault()
     if (symbolInput.trim()) {
       let symbol = symbolInput.trim().toUpperCase()
-      // 加密货币自动加 USDT 后缀
-      if (marketType === 'crypto' && !symbol.endsWith('USDT')) {
-        symbol = symbol + 'USDT'
-      }
+      if (marketType === 'crypto' && !symbol.endsWith('USDT')) { symbol = symbol + 'USDT' }
       setChartSymbol(symbol)
       setSymbolInput('')
     }
   }
 
-  console.log('[ChartTabs] rendering, activeTab:', activeTab)
-
   return (
-    <div className={`nofx-glass rounded-lg border border-white/5 relative z-10 w-full flex flex-col transition-all duration-300 ${typeof window !== 'undefined' && window.innerWidth < 768 ? 'h-[500px]' : 'h-[600px]'
-      }`}>
-      {/* 
-        Premium Professional Toolbar 
-        Mobile: Single row, horizontal scroll with gradient mask
-        Desktop: Standard flex-wrap/nowrap
-      */}
-      <div
-        className="relative z-20 flex flex-wrap md:flex-nowrap items-center justify-between gap-y-2 px-3 py-2 shrink-0 backdrop-blur-md bg-[#0B0E11]/80 rounded-t-lg"
-        style={{ borderBottom: '1px solid rgba(255, 255, 255, 0.05)' }}
-      >
-        {/* Left: Tab Switcher */}
+    <div className={`nofx-glass rounded-lg border border-white/5 relative z-10 w-full flex flex-col transition-all duration-300 ${typeof window !== 'undefined' && window.innerWidth < 768 ? 'h-[500px]' : 'h-[600px]'}`}>
+      <div className="relative z-20 flex flex-wrap md:flex-nowrap items-center justify-between gap-y-2 px-3 py-2 shrink-0 backdrop-blur-md bg-[#0B0E11]/80 rounded-t-lg" style={{ borderBottom: '1px solid rgba(255, 255, 255, 0.05)' }}>
         <div className="flex flex-wrap items-center gap-1">
-          <button
-            onClick={() => setActiveTab('equity')}
-            className={`flex items-center gap-1.5 px-3 py-1.5 rounded-md text-[11px] font-medium transition-all ${activeTab === 'equity'
-              ? 'bg-nofx-gold/10 text-nofx-gold border border-nofx-gold/20 shadow-[0_0_10px_rgba(240,185,11,0.1)]'
-              : 'text-nofx-text-muted hover:text-nofx-text-main hover:bg-white/5'
-              }`}
-          >
+          <button onClick={() => setActiveTab('equity')} className={`flex items-center gap-1.5 px-3 py-1.5 rounded-md text-[11px] font-medium transition-all ${activeTab === 'equity' ? 'bg-nofx-gold/10 text-nofx-gold border border-nofx-gold/20 shadow-[0_0_10px_rgba(240,185,11,0.1)]' : 'text-nofx-text-muted hover:text-nofx-text-main hover:bg-white/5'}`}>
             <BarChart3 className="w-3.5 h-3.5" />
-            <span className="hidden md:inline">{t('accountEquityCurve', language)}</span>
-            <span className="md:hidden">Eq</span>
+            <span className="hidden md:inline">{t('accountEquityCurve', language)}</span><span className="md:hidden">Eq</span>
           </button>
-
-          <button
-            onClick={() => setActiveTab('kline')}
-            className={`flex items-center gap-1.5 px-3 py-1.5 rounded-md text-[11px] font-medium transition-all ${activeTab === 'kline'
-              ? 'bg-nofx-gold/10 text-nofx-gold border border-nofx-gold/20 shadow-[0_0_10px_rgba(240,185,11,0.1)]'
-              : 'text-nofx-text-muted hover:text-nofx-text-main hover:bg-white/5'
-              }`}
-          >
+          <button onClick={() => setActiveTab('kline')} className={`flex items-center gap-1.5 px-3 py-1.5 rounded-md text-[11px] font-medium transition-all ${activeTab === 'kline' ? 'bg-nofx-gold/10 text-nofx-gold border border-nofx-gold/20 shadow-[0_0_10px_rgba(240,185,11,0.1)]' : 'text-nofx-text-muted hover:text-nofx-text-main hover:bg-white/5'}`}>
             <CandlestickChart className="w-3.5 h-3.5" />
-            <span className="hidden md:inline">{t('marketChart', language)}</span>
-            <span className="md:hidden">Kline</span>
+            <span className="hidden md:inline">{t('marketChart', language)}</span><span className="md:hidden">Kline</span>
           </button>
-
-          {/* Market Type Pills - Only when kline active, HIDDEN on mobile to save space */}
           {activeTab === 'kline' && (
             <div className="hidden md:flex items-center gap-1 ml-2 border-l border-white/10 pl-2">
               {(Object.keys(MARKET_CONFIG) as MarketType[]).map((type) => {
                 const config = MARKET_CONFIG[type]
                 const isActive = marketType === type
                 return (
-                  <button
-                    key={type}
-                    onClick={() => handleMarketTypeChange(type)}
-                    className={`px-2.5 py-1 text-[10px] font-medium rounded transition-all border ${isActive
-                      ? 'bg-white/10 text-white border-white/20'
-                      : 'text-nofx-text-muted border-transparent hover:text-nofx-text-main hover:bg-white/5'
-                      }`}
-                  >
+                  <button key={type} onClick={() => handleMarketTypeChange(type)} className={`px-2.5 py-1 text-[10px] font-medium rounded transition-all border ${isActive ? 'bg-white/10 text-white border-white/20' : 'text-nofx-text-muted border-transparent hover:text-nofx-text-main hover:bg-white/5'}`}>
                     <span className="mr-1 opacity-70">{config.icon}</span>
                     {language === 'zh' ? config.label.zh : config.label.en}
                   </button>
@@ -205,18 +145,12 @@ export function ChartTabs({ traderId, selectedSymbol, updateKey, exchangeId }: C
             </div>
           )}
         </div>
-
-        {/* Right: Symbol + Interval */}
         {activeTab === 'kline' && (
           <div className="flex items-center gap-2 md:gap-3 w-full md:w-auto min-w-0">
-            {/* Symbol Dropdown */}
             <div className="shrink-0 relative" ref={dropdownRef}>
               {marketConfig.hasDropdown ? (
                 <>
-                  <button
-                    onClick={() => setShowDropdown(!showDropdown)}
-                    className="flex items-center gap-1.5 px-2.5 py-1 bg-black/40 border border-white/10 rounded text-[11px] font-bold text-nofx-text-main hover:border-nofx-gold/30 hover:text-nofx-gold transition-all"
-                  >
+                  <button onClick={() => setShowDropdown(!showDropdown)} className="flex items-center gap-1.5 px-2.5 py-1 bg-black/40 border border-white/10 rounded text-[11px] font-bold text-nofx-text-main hover:border-nofx-gold/30 hover:text-nofx-gold transition-all">
                     <span>{chartSymbol}</span>
                     <ChevronDown className={`w-3 h-3 text-nofx-text-muted transition-transform ${showDropdown ? 'rotate-180' : ''}`} />
                   </button>
@@ -225,14 +159,7 @@ export function ChartTabs({ traderId, selectedSymbol, updateKey, exchangeId }: C
                       <div className="p-2 border-b border-white/5">
                         <div className="flex items-center gap-2 px-2 py-1.5 bg-black/40 rounded border border-white/10 focus-within:border-nofx-gold/50 transition-colors">
                           <Search className="w-3.5 h-3.5 text-nofx-text-muted" />
-                          <input
-                            type="text"
-                            value={searchFilter}
-                            onChange={(e) => setSearchFilter(e.target.value)}
-                            placeholder="Search symbol..."
-                            className="flex-1 bg-transparent text-[11px] text-white placeholder-gray-600 focus:outline-none font-mono"
-                            autoFocus
-                          />
+                          <input type="text" value={searchFilter} onChange={(e) => setSearchFilter(e.target.value)} placeholder="Search symbol..." className="flex-1 bg-transparent text-[11px] text-white placeholder-gray-600 focus:outline-none font-mono" autoFocus />
                         </div>
                       </div>
                       <div className="overflow-y-auto max-h-60 custom-scrollbar">
@@ -244,11 +171,7 @@ export function ChartTabs({ traderId, selectedSymbol, updateKey, exchangeId }: C
                             <div key={category}>
                               <div className="px-3 py-1.5 text-[9px] font-bold text-nofx-text-muted/60 bg-white/5 uppercase tracking-wider">{labels[category]}</div>
                               {categorySymbols.map(s => (
-                                <button
-                                  key={s.symbol}
-                                  onClick={() => { setChartSymbol(s.symbol); setShowDropdown(false); setSearchFilter('') }}
-                                  className={`w-full px-3 py-2 text-left text-[11px] font-mono hover:bg-white/5 transition-all flex items-center justify-between ${chartSymbol === s.symbol ? 'bg-nofx-gold/10 text-nofx-gold' : 'text-nofx-text-muted'}`}
-                                >
+                                <button key={s.symbol} onClick={() => { setChartSymbol(s.symbol); setShowDropdown(false); setSearchFilter('') }} className={`w-full px-3 py-2 text-left text-[11px] font-mono hover:bg-white/5 transition-all flex items-center justify-between ${chartSymbol === s.symbol ? 'bg-nofx-gold/10 text-nofx-gold' : 'text-nofx-text-muted'}`}>
                                   <span>{s.symbol}</span>
                                   <span className="text-[9px] opacity-40">{s.name}</span>
                                 </button>
@@ -264,71 +187,27 @@ export function ChartTabs({ traderId, selectedSymbol, updateKey, exchangeId }: C
                 <span className="px-2.5 py-1 bg-black/40 border border-white/10 rounded text-[11px] font-bold text-nofx-text-main font-mono">{chartSymbol}</span>
               )}
             </div>
-
-            {/* Interval Selector - Allow scrolling if needed */}
             <div className="flex items-center bg-black/40 rounded border border-white/10 overflow-x-auto no-scrollbar max-w-[200px] md:max-w-none">
               {INTERVALS.map((int) => (
-                <button
-                  key={int.value}
-                  onClick={() => setInterval(int.value)}
-                  className={`px-2 py-1 text-[10px] font-medium transition-all ${interval === int.value
-                    ? 'bg-nofx-gold/20 text-nofx-gold'
-                    : 'text-nofx-text-muted hover:text-white hover:bg-white/5'
-                    }`}
-                >
-                  {int.label}
-                </button>
+                <button key={int.value} onClick={() => setInterval(int.value)} className={`px-2 py-1 text-[10px] font-medium transition-all ${interval === int.value ? 'bg-nofx-gold/20 text-nofx-gold' : 'text-nofx-text-muted hover:text-white hover:bg-white/5'}`}>{int.label}</button>
               ))}
             </div>
-
-            {/* Quick Input - Hidden on mobile, dropdown search is enough */}
             <form onSubmit={handleSymbolSubmit} className="hidden md:flex items-center shrink-0">
-              <input
-                type="text"
-                value={symbolInput}
-                onChange={(e) => setSymbolInput(e.target.value)}
-                placeholder="Sym"
-                className="w-16 px-2 py-1 bg-black/40 border border-white/10 rounded-l text-[10px] text-white placeholder-gray-600 focus:outline-none focus:border-nofx-gold/50 font-mono transition-colors"
-              />
-              <button type="submit" className="px-2 py-1 bg-white/5 border border-white/10 border-l-0 rounded-r text-[10px] text-nofx-text-muted hover:text-white hover:bg-white/10 transition-all">
-                Go
-              </button>
+              <input type="text" value={symbolInput} onChange={(e) => setSymbolInput(e.target.value)} placeholder="Sym" className="w-16 px-2 py-1 bg-black/40 border border-white/10 rounded-l text-[10px] text-white placeholder-gray-600 focus:outline-none focus:border-nofx-gold/50 font-mono transition-colors" />
+              <button type="submit" className="px-2 py-1 bg-white/5 border border-white/10 border-l-0 rounded-r text-[10px] text-nofx-text-muted hover:text-white hover:bg-white/10 transition-all">Go</button>
             </form>
           </div>
         )}
       </div>
-
-      {/* Tab Content - Chart autosizes to this container */}
       <div className="relative flex-1 bg-[#0B0E11]/50 rounded-b-lg overflow-hidden h-full min-h-0">
         <AnimatePresence mode="wait">
           {activeTab === 'equity' ? (
-            <motion.div
-              key="equity"
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-              exit={{ opacity: 0 }}
-              transition={{ duration: 0.2 }}
-              className="h-full w-full absolute inset-0"
-            >
+            <motion.div key="equity" initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }} transition={{ duration: 0.2 }} className="h-full w-full absolute inset-0">
               <EquityChart traderId={traderId} embedded />
             </motion.div>
           ) : (
-            <motion.div
-              key={`kline-${chartSymbol}-${interval}-${currentExchange}`}
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-              exit={{ opacity: 0 }}
-              transition={{ duration: 0.2 }}
-              className="h-full w-full absolute inset-0"
-            >
-              <AdvancedChart
-                symbol={chartSymbol}
-                interval={interval}
-                traderID={traderId}
-                // Dynamic auto-sizing via ResizeObserver
-                exchange={currentExchange}
-                onSymbolChange={setChartSymbol}
-              />
+            <motion.div key={`kline-${chartSymbol}-${interval}-${currentExchange}`} initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }} transition={{ duration: 0.2 }} className="h-full w-full absolute inset-0">
+              <AdvancedChart symbol={chartSymbol} interval={interval} traderID={traderId} exchange={currentExchange} onSymbolChange={setChartSymbol} />
             </motion.div>
           )}
         </AnimatePresence>
diff --git a/web/src/components/TraderConfigModal.tsx b/web/src/components/TraderConfigModal.tsx
index 328bf3ca1f..e2bdf8d685 100644
--- a/web/src/components/TraderConfigModal.tsx
+++ b/web/src/components/TraderConfigModal.tsx
@@ -125,7 +125,7 @@ export function TraderConfigModal({
 
   const handleFetchCurrentBalance = async () => {
     if (!isEditMode || !traderData?.trader_id) {
-      setBalanceFetchError('只有在编辑模式下才能获取当前余额')
+       setBalanceFetchError(t('fetchBalanceEditModeOnly', language))
       return
     }
 
@@ -142,13 +142,13 @@ export function TraderConfigModal({
         const currentBalance =
           result.data.total_equity || result.data.balance || 0
         setFormData((prev) => ({ ...prev, initial_balance: currentBalance }))
-        toast.success('已获取当前余额')
+        toast.success(t('balanceFetched', language))
       } else {
-        throw new Error(result.message || '获取余额失败')
+        throw new Error(result.message || t('balanceFetchFailed', language))
       }
     } catch (error) {
-      console.error('获取余额失败:', error)
-      setBalanceFetchError('获取余额失败，请检查网络连接')
+      console.error(t('balanceFetchFailed', language) + ':', error)
+       setBalanceFetchError(t('balanceFetchNetworkError', language))
     } finally {
       setIsFetchingBalance(false)
     }
@@ -175,13 +175,13 @@ export function TraderConfigModal({
       }
 
       await toast.promise(onSave(saveData), {
-        loading: '正在保存…',
-        success: '保存成功',
-        error: '保存失败',
+        loading: t('saving', language),
+        success: t('saveSuccess', language),
+        error: t('saveFailed', language),
       })
       onClose()
     } catch (error) {
-      console.error('保存失败:', error)
+       console.error(t('saveFailed', language) + ':', error)
     } finally {
       setIsSaving(false)
     }
@@ -208,10 +208,10 @@ export function TraderConfigModal({
             </div>
             <div>
               <h2 className="text-xl font-bold text-[#EAECEF]">
-                {isEditMode ? '修改交易员' : '创建交易员'}
+                {isEditMode ? t('editTrader', language) : t('createTrader', language)}
               </h2>
               <p className="text-sm text-[#848E9C] mt-1">
-                {isEditMode ? '修改交易员配置' : '选择策略并配置基础参数'}
+                {isEditMode ? t('editTraderConfig', language) : t('selectStrategyAndConfigParams', language)}
               </p>
             </div>
           </div>
@@ -231,12 +231,12 @@ export function TraderConfigModal({
           {/* Basic Info */}
           <div className="bg-[#0B0E11] border border-[#2B3139] rounded-lg p-5">
             <h3 className="text-lg font-semibold text-[#EAECEF] mb-5 flex items-center gap-2">
-              <span className="text-[#F0B90B]">1</span> 基础配置
+              <span className="text-[#F0B90B]">1</span> {t('basicConfig', language)}
             </h3>
             <div className="space-y-4">
               <div>
                 <label className="text-sm text-[#EAECEF] block mb-2">
-                  交易员名称 <span className="text-red-500">*</span>
+                  {t('traderNameRequired', language)}
                 </label>
                 <input
                   type="text"
@@ -245,13 +245,13 @@ export function TraderConfigModal({
                     handleInputChange('trader_name', e.target.value)
                   }
                   className="w-full px-3 py-2 bg-[#0B0E11] border border-[#2B3139] rounded text-[#EAECEF] focus:border-[#F0B90B] focus:outline-none"
-                  placeholder="请输入交易员名称"
+                   placeholder={t('enterTraderNamePlaceholder', language)}
                 />
               </div>
               <div className="grid grid-cols-2 gap-4">
                 <div>
                   <label className="text-sm text-[#EAECEF] block mb-2">
-                    AI模型 <span className="text-red-500">*</span>
+                  {t('aiModelRequired', language)}
                   </label>
                   <select
                     value={formData.ai_model}
@@ -269,7 +269,7 @@ export function TraderConfigModal({
                 </div>
                 <div>
                   <label className="text-sm text-[#EAECEF] block mb-2">
-                    交易所 <span className="text-red-500">*</span>
+                  {t('exchangeRequired', language)}
                   </label>
                   <select
                     value={formData.exchange_id}
@@ -300,10 +300,10 @@ export function TraderConfigModal({
                         className="mt-2 inline-flex items-center gap-1.5 text-xs text-[#848E9C] hover:text-[#F0B90B] transition-colors"
                       >
                         <UserPlus className="w-3.5 h-3.5" />
-                        <span>还没有交易所账号？点击注册</span>
+                        <span>{t('noExchangeAccount', language)}</span>
                         {regLink.hasReferral && (
                           <span className="px-1.5 py-0.5 bg-[#F0B90B]/10 text-[#F0B90B] rounded text-[10px]">
-                            折扣优惠
+                            {t('discount', language)}
                           </span>
                         )}
                         <ExternalLink className="w-3 h-3" />
@@ -318,13 +318,13 @@ export function TraderConfigModal({
           {/* Strategy Selection */}
           <div className="bg-[#0B0E11] border border-[#2B3139] rounded-lg p-5">
             <h3 className="text-lg font-semibold text-[#EAECEF] mb-5 flex items-center gap-2">
-              <span className="text-[#F0B90B]">2</span> 选择交易策略
+              <span className="text-[#F0B90B]">2</span> {t('selectTradingStrategy', language)}
               <Sparkles className="w-4 h-4 text-[#F0B90B]" />
             </h3>
             <div className="space-y-4">
               <div>
                 <label className="text-sm text-[#EAECEF] block mb-2">
-                  使用策略
+                  {t('useStrategy', language)}
                 </label>
                 <select
                   value={formData.strategy_id}
@@ -333,18 +333,18 @@ export function TraderConfigModal({
                   }
                   className="w-full px-3 py-2 bg-[#0B0E11] border border-[#2B3139] rounded text-[#EAECEF] focus:border-[#F0B90B] focus:outline-none"
                 >
-                  <option value="">-- 不使用策略（手动配置）--</option>
+                  <option value="">{t('noStrategyManual', language)}</option>
                   {strategies.map((strategy) => (
                     <option key={strategy.id} value={strategy.id}>
-                      {strategy.name}
-                      {strategy.is_active ? ' (当前激活)' : ''}
-                      {strategy.is_default ? ' [默认]' : ''}
+                      {selectedStrategy.name}
+                      {selectedStrategy.is_active ? t('active', language) : ''}
+                      {selectedStrategy.is_default ? t('default', language) : ''}
                     </option>
                   ))}
                 </select>
                 {strategies.length === 0 && (
-                  <p className="text-xs text-[#848E9C] mt-2">
-                    暂无策略，请先在策略工作室创建策略
+                    <p className="text-xs text-[#848E9C] mt-2">
+                      {t('noStrategyHint', language)}
                   </p>
                 )}
               </div>
@@ -354,25 +354,25 @@ export function TraderConfigModal({
                 <div className="mt-3 p-4 bg-[#1E2329] border border-[#2B3139] rounded-lg">
                   <div className="flex items-center gap-2 mb-2">
                     <span className="text-[#F0B90B] text-sm font-medium">
-                      策略详情
+                      {t('strategyDetails', language)}
                     </span>
                     {selectedStrategy.is_active && (
                       <span className="px-2 py-0.5 bg-green-500/20 text-green-400 text-xs rounded">
-                        激活中
+                        {t('activating', language)}
                       </span>
                     )}
                   </div>
                   <p className="text-sm text-[#848E9C] mb-2">
-                    {selectedStrategy.description || '无描述'}
+                    {selectedStrategy.description || (language === 'zh' ? '无描述' : 'No description')}
                   </p>
                   <div className="grid grid-cols-2 gap-2 text-xs text-[#848E9C]">
                     <div>
-                      币种来源: {selectedStrategy.config.coin_source.source_type === 'static' ? '固定币种' :
+                      {t('coinSource', language)}: {selectedStrategy.config.coin_source.source_type === 'static' ? '固定币种' :
                         selectedStrategy.config.coin_source.source_type === 'ai500' ? 'AI500' :
                         selectedStrategy.config.coin_source.source_type === 'oi_top' ? 'OI Top' : '混合'}
                     </div>
                     <div>
-                      保证金上限: {((selectedStrategy.config.risk_control?.max_margin_usage || 0.9) * 100).toFixed(0)}%
+                      {t('marginLimit', language)}: {((selectedStrategy.config.risk_control?.max_margin_usage || 0.9) * 100).toFixed(0)}%
                     </div>
                   </div>
                 </div>
@@ -383,13 +383,13 @@ export function TraderConfigModal({
           {/* Trading Parameters */}
           <div className="bg-[#0B0E11] border border-[#2B3139] rounded-lg p-5">
             <h3 className="text-lg font-semibold text-[#EAECEF] mb-5 flex items-center gap-2">
-              <span className="text-[#F0B90B]">3</span> 交易参数
+              <span className="text-[#F0B90B]">3</span> {t('tradingParams', language)}
             </h3>
             <div className="space-y-4">
               <div className="grid grid-cols-2 gap-4">
                 <div>
                   <label className="text-sm text-[#EAECEF] block mb-2">
-                    保证金模式
+                    {t('marginMode', language)}
                   </label>
                   <div className="flex gap-2">
                     <button
@@ -401,7 +401,7 @@ export function TraderConfigModal({
                           : 'bg-[#0B0E11] text-[#848E9C] border border-[#2B3139]'
                       }`}
                     >
-                      全仓
+                      {t('crossMargin', language)}
                     </button>
                     <button
                       type="button"
@@ -414,7 +414,7 @@ export function TraderConfigModal({
                           : 'bg-[#0B0E11] text-[#848E9C] border border-[#2B3139]'
                       }`}
                     >
-                      逐仓
+                      {t('isolatedMargin', language)}
                     </button>
                   </div>
                 </div>
@@ -446,7 +446,7 @@ export function TraderConfigModal({
               {/* Competition visibility */}
               <div>
                 <label className="text-sm text-[#EAECEF] block mb-2">
-                  竞技场显示
+                  {t('competitionDisplay', language)}
                 </label>
                 <div className="flex gap-2">
                   <button
@@ -458,7 +458,7 @@ export function TraderConfigModal({
                         : 'bg-[#0B0E11] text-[#848E9C] border border-[#2B3139]'
                     }`}
                   >
-                    显示
+                    {t('show', language)}
                   </button>
                   <button
                     type="button"
@@ -469,11 +469,11 @@ export function TraderConfigModal({
                         : 'bg-[#0B0E11] text-[#848E9C] border border-[#2B3139]'
                     }`}
                   >
-                    隐藏
+                    {t('hide', language)}
                   </button>
                 </div>
-                <p className="text-xs text-[#848E9C] mt-1">
-                  隐藏后将不在竞技场页面显示此交易员
+                  <p className="text-xs text-[#848E9C] mt-1">
+                    {t('hiddenInCompetition', language)}
                 </p>
               </div>
 
@@ -482,7 +482,7 @@ export function TraderConfigModal({
                 <div>
                   <div className="flex items-center justify-between mb-2">
                     <label className="text-sm text-[#EAECEF]">
-                      初始余额 ($)
+                      {t('initialBalanceLabel', language)}
                     </label>
                     <button
                       type="button"
@@ -490,7 +490,7 @@ export function TraderConfigModal({
                       disabled={isFetchingBalance}
                       className="px-3 py-1 text-xs bg-[#F0B90B] text-black rounded hover:bg-[#E1A706] transition-colors disabled:bg-[#848E9C] disabled:cursor-not-allowed"
                     >
-                      {isFetchingBalance ? '获取中...' : '获取当前余额'}
+                      {isFetchingBalance ? t('fetching', language) : t('fetchCurrentBalance', language)}
                     </button>
                   </div>
                   <input
@@ -506,8 +506,8 @@ export function TraderConfigModal({
                     min="100"
                     step="0.01"
                   />
-                  <p className="text-xs text-[#848E9C] mt-1">
-                    用于手动更新初始余额基准（例如充值/提现后）
+                    <p className="text-xs text-[#848E9C] mt-1">
+                      {t('balanceUpdateHint', language)}
                   </p>
                   {balanceFetchError && (
                     <p className="text-xs text-red-500 mt-1">
@@ -535,7 +535,7 @@ export function TraderConfigModal({
                     <line x1="12" x2="12.01" y1="16" y2="16" />
                   </svg>
                   <span className="text-sm text-[#848E9C]">
-                    系统将自动获取您的账户净值作为初始余额
+                    {t('autoFetchBalanceInfo', language)}
                   </span>
                 </div>
               )}
@@ -550,7 +550,7 @@ export function TraderConfigModal({
             onClick={onClose}
             className="px-6 py-3 bg-[#2B3139] text-[#EAECEF] rounded-lg hover:bg-[#404750] transition-all duration-200 border border-[#404750]"
           >
-            取消
+            {t('cancel', language)}
           </button>
           {onSave && (
             <button
@@ -563,7 +563,7 @@ export function TraderConfigModal({
               }
               className="px-8 py-3 bg-gradient-to-r from-[#F0B90B] to-[#E1A706] text-black rounded-lg hover:from-[#E1A706] hover:to-[#D4951E] transition-all duration-200 disabled:bg-[#848E9C] disabled:cursor-not-allowed font-medium shadow-lg"
             >
-              {isSaving ? '保存中...' : isEditMode ? '保存修改' : '创建交易员'}
+              {isSaving ? t('saving', language) : isEditMode ? t('editTrader', language) : t('createTraderButton', language)}
             </button>
           )}
         </div>
diff --git a/web/src/components/strategy/CoinSourceEditor.tsx b/web/src/components/strategy/CoinSourceEditor.tsx
index 68d48d2b71..2a6fcb8a10 100644
--- a/web/src/components/strategy/CoinSourceEditor.tsx
+++ b/web/src/components/strategy/CoinSourceEditor.tsx
@@ -1,6 +1,7 @@
 import { useState } from 'react'
 import { Plus, X, Database, TrendingUp, TrendingDown, List, Ban, Zap, Shuffle } from 'lucide-react'
 import type { CoinSourceConfig } from '../../types'
+import { coinSource } from '../../i18n/strategy-translations'
 
 interface CoinSourceEditorProps {
   config: CoinSourceConfig
@@ -9,6 +10,13 @@ interface CoinSourceEditorProps {
   language: string
 }
 
+// Helper function to get translation from centralized file
+const t = (key: keyof typeof coinSource, language: string): string => {
+  const entry = coinSource[key]
+  if (!entry) return key
+  return entry[language as keyof typeof entry] || entry.en || key
+}
+
 export function CoinSourceEditor({
   config,
   onChange,
@@ -18,52 +26,6 @@ export function CoinSourceEditor({
   const [newCoin, setNewCoin] = useState('')
   const [newExcludedCoin, setNewExcludedCoin] = useState('')
 
-  const t = (key: string) => {
-    const translations: Record<string, Record<string, string>> = {
-      sourceType: { zh: '数据来源类型', en: 'Source Type' },
-      static: { zh: '静态列表', en: 'Static List' },
-      ai500: { zh: 'AI500 数据源', en: 'AI500 Data Provider' },
-      oi_top: { zh: 'OI 持仓增加', en: 'OI Increase' },
-      oi_low: { zh: 'OI 持仓减少', en: 'OI Decrease' },
-      mixed: { zh: '混合模式', en: 'Mixed Mode' },
-      staticCoins: { zh: '自定义币种', en: 'Custom Coins' },
-      addCoin: { zh: '添加币种', en: 'Add Coin' },
-      useAI500: { zh: '启用 AI500 数据源', en: 'Enable AI500 Data Provider' },
-      ai500Limit: { zh: '数量上限', en: 'Limit' },
-      useOITop: { zh: '启用 OI 持仓增加榜', en: 'Enable OI Increase' },
-      oiTopLimit: { zh: '数量上限', en: 'Limit' },
-      useOILow: { zh: '启用 OI 持仓减少榜', en: 'Enable OI Decrease' },
-      oiLowLimit: { zh: '数量上限', en: 'Limit' },
-      staticDesc: { zh: '手动指定交易币种列表', en: 'Manually specify trading coins' },
-      ai500Desc: {
-        zh: '使用 AI500 智能筛选的热门币种',
-        en: 'Use AI500 smart-filtered popular coins',
-      },
-      oiTopDesc: {
-        zh: '持仓增加榜，适合做多',
-        en: 'OI increase ranking, for long',
-      },
-      oi_lowDesc: {
-        zh: '持仓减少榜，适合做空',
-        en: 'OI decrease ranking, for short',
-      },
-      mixedDesc: {
-        zh: '组合多种数据源',
-        en: 'Combine multiple sources',
-      },
-      mixedConfig: { zh: '组合数据源配置', en: 'Combined Sources Configuration' },
-      mixedSummary: { zh: '已选组合', en: 'Selected Sources' },
-      maxCoins: { zh: '最多', en: 'Up to' },
-      coins: { zh: '个币种', en: 'coins' },
-      dataSourceConfig: { zh: '数据源配置', en: 'Data Source Configuration' },
-      excludedCoins: { zh: '排除币种', en: 'Excluded Coins' },
-      excludedCoinsDesc: { zh: '这些币种将从所有数据源中排除，不会被交易', en: 'These coins will be excluded from all sources and will not be traded' },
-      addExcludedCoin: { zh: '添加排除', en: 'Add Excluded' },
-      nofxosNote: { zh: '使用 NofxOS API Key（在指标配置中设置）', en: 'Uses NofxOS API Key (set in Indicators config)' },
-    }
-    return translations[key]?.[language] || key
-  }
-
   const sourceTypes = [
     { value: 'static', icon: List, color: '#848E9C' },
     { value: 'ai500', icon: Database, color: '#F0B90B' },
@@ -97,18 +59,11 @@ export function CoinSourceEditor({
     return { sources, totalLimit }
   }
 
-  // xyz dex assets (stocks, forex, commodities) - should NOT get USDT suffix
+  // xyz dex assets
   const xyzDexAssets = new Set([
-    // Stocks
     'TSLA', 'NVDA', 'AAPL', 'MSFT', 'META', 'AMZN', 'GOOGL', 'AMD', 'COIN', 'NFLX',
     'PLTR', 'HOOD', 'INTC', 'MSTR', 'TSM', 'ORCL', 'MU', 'RIVN', 'COST', 'LLY',
-    'CRCL', 'SKHX', 'SNDK',
-    // Forex
-    'EUR', 'JPY',
-    // Commodities
-    'GOLD', 'SILVER',
-    // Index
-    'XYZ100',
+    'CRCL', 'SKHX', 'SNDK', 'EUR', 'JPY', 'GOLD', 'SILVER', 'XYZ100',
   ])
 
   const isXyzDexAsset = (symbol: string): boolean => {
@@ -119,11 +74,8 @@ export function CoinSourceEditor({
   const handleAddCoin = () => {
     if (!newCoin.trim()) return
     const symbol = newCoin.toUpperCase().trim()
-
-    // For xyz dex assets (stocks, forex, commodities), use xyz: prefix without USDT
     let formattedSymbol: string
     if (isXyzDexAsset(symbol)) {
-      // Remove xyz: prefix (case-insensitive) and any USD suffixes
       const base = symbol.replace(/^xyz:/i, '').replace(/USDT$|USD$|-USDC$/i, '')
       formattedSymbol = `xyz:${base}`
     } else {
@@ -132,26 +84,18 @@ export function CoinSourceEditor({
 
     const currentCoins = config.static_coins || []
     if (!currentCoins.includes(formattedSymbol)) {
-      onChange({
-        ...config,
-        static_coins: [...currentCoins, formattedSymbol],
-      })
+      onChange({ ...config, static_coins: [...currentCoins, formattedSymbol] })
     }
     setNewCoin('')
   }
 
   const handleRemoveCoin = (coin: string) => {
-    onChange({
-      ...config,
-      static_coins: (config.static_coins || []).filter((c) => c !== coin),
-    })
+    onChange({ ...config, static_coins: (config.static_coins || []).filter((c) => c !== coin) })
   }
 
   const handleAddExcludedCoin = () => {
     if (!newExcludedCoin.trim()) return
     const symbol = newExcludedCoin.toUpperCase().trim()
-
-    // For xyz dex assets, use xyz: prefix without USDT
     let formattedSymbol: string
     if (isXyzDexAsset(symbol)) {
       const base = symbol.replace(/^xyz:/i, '').replace(/USDT$|USD$|-USDC$/i, '')
@@ -162,45 +106,32 @@ export function CoinSourceEditor({
 
     const currentExcluded = config.excluded_coins || []
     if (!currentExcluded.includes(formattedSymbol)) {
-      onChange({
-        ...config,
-        excluded_coins: [...currentExcluded, formattedSymbol],
-      })
+      onChange({ ...config, excluded_coins: [...currentExcluded, formattedSymbol] })
     }
     setNewExcludedCoin('')
   }
 
   const handleRemoveExcludedCoin = (coin: string) => {
-    onChange({
-      ...config,
-      excluded_coins: (config.excluded_coins || []).filter((c) => c !== coin),
-    })
+    onChange({ ...config, excluded_coins: (config.excluded_coins || []).filter((c) => c !== coin) })
   }
 
-  // NofxOS badge component
   const NofxOSBadge = () => (
-    <span
-      className="text-[9px] px-1.5 py-0.5 rounded font-medium bg-purple-500/20 text-purple-400 border border-purple-500/30"
-    >
+    <span className="text-[9px] px-1.5 py-0.5 rounded font-medium bg-purple-500/20 text-purple-400 border border-purple-500/30">
       NofxOS
     </span>
   )
 
   return (
     <div className="space-y-6">
-      {/* Source Type Selector */}
       <div>
         <label className="block text-sm font-medium mb-3 text-nofx-text">
-          {t('sourceType')}
+          {t('sourceType', language)}
         </label>
         <div className="grid grid-cols-5 gap-2">
           {sourceTypes.map(({ value, icon: Icon, color }) => (
             <button
               key={value}
-              onClick={() =>
-                !disabled &&
-                onChange({ ...config, source_type: value as CoinSourceConfig['source_type'] })
-              }
+              onClick={() => !disabled && onChange({ ...config, source_type: value as CoinSourceConfig['source_type'] })}
               disabled={disabled}
               className={`p-4 rounded-lg border transition-all ${config.source_type === value
                 ? 'ring-2 ring-nofx-gold bg-nofx-gold/10'
@@ -209,34 +140,24 @@ export function CoinSourceEditor({
             >
               <Icon className="w-6 h-6 mx-auto mb-2" style={{ color }} />
               <div className="text-sm font-medium text-nofx-text">
-                {t(value)}
-              </div>
-              <div className="text-xs mt-1 text-nofx-text-muted">
-                {t(`${value}Desc`)}
+                {t(value as keyof typeof coinSource, language)}
               </div>
             </button>
           ))}
         </div>
       </div>
 
-      {/* Static Coins - only for static mode */}
       {config.source_type === 'static' && (
         <div>
           <label className="block text-sm font-medium mb-3 text-nofx-text">
-            {t('staticCoins')}
+            {t('staticCoins', language)}
           </label>
           <div className="flex flex-wrap gap-2 mb-3">
             {(config.static_coins || []).map((coin) => (
-              <span
-                key={coin}
-                className="flex items-center gap-1 px-3 py-1.5 rounded-full text-sm bg-nofx-bg-lighter text-nofx-text"
-              >
+              <span key={coin} className="flex items-center gap-1 px-3 py-1.5 rounded-full text-sm bg-nofx-bg-lighter text-nofx-text">
                 {coin}
                 {!disabled && (
-                  <button
-                    onClick={() => handleRemoveCoin(coin)}
-                    className="ml-1 hover:text-red-400 transition-colors"
-                  >
+                  <button onClick={() => handleRemoveCoin(coin)} className="ml-1 hover:text-red-400 transition-colors">
                     <X className="w-3 h-3" />
                   </button>
                 )}
@@ -258,45 +179,32 @@ export function CoinSourceEditor({
                 className="px-4 py-2 rounded-lg flex items-center gap-2 transition-colors bg-nofx-gold text-black hover:bg-yellow-500"
               >
                 <Plus className="w-4 h-4" />
-                {t('addCoin')}
+                {t('addCoin', language)}
               </button>
             </div>
           )}
         </div>
       )}
 
-      {/* Excluded Coins */}
       <div>
         <div className="flex items-center gap-2 mb-3">
           <Ban className="w-4 h-4 text-nofx-danger" />
-          <label className="text-sm font-medium text-nofx-text">
-            {t('excludedCoins')}
-          </label>
+          <label className="text-sm font-medium text-nofx-text">{t('excludedCoins', language)}</label>
         </div>
-        <p className="text-xs mb-3 text-nofx-text-muted">
-          {t('excludedCoinsDesc')}
-        </p>
+        <p className="text-xs mb-3 text-nofx-text-muted">{t('excludedCoinsDesc', language)}</p>
         <div className="flex flex-wrap gap-2 mb-3">
           {(config.excluded_coins || []).map((coin) => (
-            <span
-              key={coin}
-              className="flex items-center gap-1 px-3 py-1.5 rounded-full text-sm bg-nofx-danger/15 text-nofx-danger"
-            >
+            <span key={coin} className="flex items-center gap-1 px-3 py-1.5 rounded-full text-sm bg-nofx-danger/15 text-nofx-danger">
               {coin}
               {!disabled && (
-                <button
-                  onClick={() => handleRemoveExcludedCoin(coin)}
-                  className="ml-1 hover:text-white transition-colors"
-                >
+                <button onClick={() => handleRemoveExcludedCoin(coin)} className="ml-1 hover:text-white transition-colors">
                   <X className="w-3 h-3" />
                 </button>
               )}
             </span>
           ))}
           {(config.excluded_coins || []).length === 0 && (
-            <span className="text-xs italic text-nofx-text-muted">
-              {language === 'zh' ? '无' : 'None'}
-            </span>
+            <span className="text-xs italic text-nofx-text-muted">{language === 'zh' ? '无' : 'None'}</span>
           )}
         </div>
         {!disabled && (
@@ -314,420 +222,177 @@ export function CoinSourceEditor({
               className="px-4 py-2 rounded-lg flex items-center gap-2 transition-colors text-sm bg-nofx-danger text-white hover:bg-red-600"
             >
               <Ban className="w-4 h-4" />
-              {t('addExcludedCoin')}
+              {t('addExcludedCoin', language)}
             </button>
           </div>
         )}
       </div>
 
-      {/* AI500 Options - only for ai500 mode */}
       {config.source_type === 'ai500' && (
-        <div
-          className="p-4 rounded-lg bg-nofx-gold/5 border border-nofx-gold/20"
-        >
+        <div className="p-4 rounded-lg bg-nofx-gold/5 border border-nofx-gold/20">
           <div className="flex items-center justify-between mb-3">
             <div className="flex items-center gap-2">
               <Zap className="w-4 h-4 text-nofx-gold" />
-              <span className="text-sm font-medium text-nofx-text">
-                AI500 {t('dataSourceConfig')}
-              </span>
+              <span className="text-sm font-medium text-nofx-text">AI500 {t('dataSourceConfig', language)}</span>
               <NofxOSBadge />
             </div>
           </div>
-
           <div className="space-y-3">
             <label className="flex items-center gap-3 cursor-pointer">
               <input
                 type="checkbox"
                 checked={config.use_ai500}
-                onChange={(e) =>
-                  !disabled && onChange({ ...config, use_ai500: e.target.checked })
-                }
+                onChange={(e) => !disabled && onChange({ ...config, use_ai500: e.target.checked })}
                 disabled={disabled}
                 className="w-5 h-5 rounded accent-nofx-gold"
               />
-              <span className="text-nofx-text">{t('useAI500')}</span>
+              <span className="text-nofx-text">{t('useAI500', language)}</span>
             </label>
-
             {config.use_ai500 && (
               <div className="flex items-center gap-3 pl-8">
-                <span className="text-sm text-nofx-text-muted">
-                  {t('ai500Limit')}:
-                </span>
+                <span className="text-sm text-nofx-text-muted">{t('ai500Limit', language)}:</span>
                 <select
                   value={config.ai500_limit || 10}
-                  onChange={(e) =>
-                    !disabled &&
-                    onChange({ ...config, ai500_limit: parseInt(e.target.value) || 10 })
-                  }
+                  onChange={(e) => !disabled && onChange({ ...config, ai500_limit: parseInt(e.target.value) || 10 })}
                   disabled={disabled}
                   className="px-3 py-1.5 rounded bg-nofx-bg border border-nofx-gold/20 text-nofx-text"
                 >
-                  {[5, 10, 15, 20, 30, 50].map(n => (
-                    <option key={n} value={n}>{n}</option>
-                  ))}
+                  {[5, 10, 15, 20, 30, 50].map(n => <option key={n} value={n}>{n}</option>)}
                 </select>
               </div>
             )}
-
-            <p className="text-xs pl-8 text-nofx-text-muted">
-              {t('nofxosNote')}
-            </p>
+            <p className="text-xs pl-8 text-nofx-text-muted">{t('nofxosNote', language)}</p>
           </div>
         </div>
       )}
 
-      {/* OI Top Options - only for oi_top mode */}
       {config.source_type === 'oi_top' && (
-        <div
-          className="p-4 rounded-lg bg-nofx-success/5 border border-nofx-success/20"
-        >
+        <div className="p-4 rounded-lg bg-nofx-success/5 border border-nofx-success/20">
           <div className="flex items-center justify-between mb-3">
             <div className="flex items-center gap-2">
               <TrendingUp className="w-4 h-4 text-nofx-success" />
               <span className="text-sm font-medium text-nofx-text">
-                OI {language === 'zh' ? '持仓增加榜' : 'Increase'} {t('dataSourceConfig')}
+                OI {language === 'zh' ? '持仓增加榜' : 'Increase'} {t('dataSourceConfig', language)}
               </span>
               <NofxOSBadge />
             </div>
           </div>
-
           <div className="space-y-3">
             <label className="flex items-center gap-3 cursor-pointer">
               <input
                 type="checkbox"
                 checked={config.use_oi_top}
-                onChange={(e) =>
-                  !disabled && onChange({ ...config, use_oi_top: e.target.checked })
-                }
+                onChange={(e) => !disabled && onChange({ ...config, use_oi_top: e.target.checked })}
                 disabled={disabled}
                 className="w-5 h-5 rounded accent-nofx-success"
               />
-              <span className="text-nofx-text">{t('useOITop')}</span>
+              <span className="text-nofx-text">{t('useOITop', language)}</span>
             </label>
-
             {config.use_oi_top && (
               <div className="flex items-center gap-3 pl-8">
-                <span className="text-sm text-nofx-text-muted">
-                  {t('oiTopLimit')}:
-                </span>
+                <span className="text-sm text-nofx-text-muted">{t('oiTopLimit', language)}:</span>
                 <select
                   value={config.oi_top_limit || 10}
-                  onChange={(e) =>
-                    !disabled &&
-                    onChange({ ...config, oi_top_limit: parseInt(e.target.value) || 10 })
-                  }
+                  onChange={(e) => !disabled && onChange({ ...config, oi_top_limit: parseInt(e.target.value) || 10 })}
                   disabled={disabled}
                   className="px-3 py-1.5 rounded bg-nofx-bg border border-nofx-gold/20 text-nofx-text"
                 >
-                  {[5, 10, 15, 20, 30, 50].map(n => (
-                    <option key={n} value={n}>{n}</option>
-                  ))}
+                  {[5, 10, 15, 20, 30, 50].map(n => <option key={n} value={n}>{n}</option>)}
                 </select>
               </div>
             )}
-
-            <p className="text-xs pl-8 text-nofx-text-muted">
-              {t('nofxosNote')}
-            </p>
+            <p className="text-xs pl-8 text-nofx-text-muted">{t('nofxosNote', language)}</p>
           </div>
         </div>
       )}
 
-      {/* OI Low Options - only for oi_low mode */}
       {config.source_type === 'oi_low' && (
-        <div
-          className="p-4 rounded-lg bg-nofx-danger/5 border border-nofx-danger/20"
-        >
+        <div className="p-4 rounded-lg bg-nofx-danger/5 border border-nofx-danger/20">
           <div className="flex items-center justify-between mb-3">
             <div className="flex items-center gap-2">
               <TrendingDown className="w-4 h-4 text-nofx-danger" />
               <span className="text-sm font-medium text-nofx-text">
-                OI {language === 'zh' ? '持仓减少榜' : 'Decrease'} {t('dataSourceConfig')}
+                OI {language === 'zh' ? '持仓减少榜' : 'Decrease'} {t('dataSourceConfig', language)}
               </span>
               <NofxOSBadge />
             </div>
           </div>
-
           <div className="space-y-3">
             <label className="flex items-center gap-3 cursor-pointer">
               <input
                 type="checkbox"
                 checked={config.use_oi_low}
-                onChange={(e) =>
-                  !disabled && onChange({ ...config, use_oi_low: e.target.checked })
-                }
+                onChange={(e) => !disabled && onChange({ ...config, use_oi_low: e.target.checked })}
                 disabled={disabled}
                 className="w-5 h-5 rounded accent-red-500"
               />
-              <span className="text-nofx-text">{t('useOILow')}</span>
+              <span className="text-nofx-text">{t('useOILow', language)}</span>
             </label>
-
             {config.use_oi_low && (
               <div className="flex items-center gap-3 pl-8">
-                <span className="text-sm text-nofx-text-muted">
-                  {t('oiLowLimit')}:
-                </span>
+                <span className="text-sm text-nofx-text-muted">{t('oiLowLimit', language)}:</span>
                 <select
                   value={config.oi_low_limit || 10}
-                  onChange={(e) =>
-                    !disabled &&
-                    onChange({ ...config, oi_low_limit: parseInt(e.target.value) || 10 })
-                  }
+                  onChange={(e) => !disabled && onChange({ ...config, oi_low_limit: parseInt(e.target.value) || 10 })}
                   disabled={disabled}
                   className="px-3 py-1.5 rounded bg-nofx-bg border border-nofx-gold/20 text-nofx-text"
                 >
-                  {[5, 10, 15, 20, 30, 50].map(n => (
-                    <option key={n} value={n}>{n}</option>
-                  ))}
+                  {[5, 10, 15, 20, 30, 50].map(n => <option key={n} value={n}>{n}</option>)}
                 </select>
               </div>
             )}
-
-            <p className="text-xs pl-8 text-nofx-text-muted">
-              {t('nofxosNote')}
-            </p>
+            <p className="text-xs pl-8 text-nofx-text-muted">{t('nofxosNote', language)}</p>
           </div>
         </div>
       )}
 
-      {/* Mixed Mode - Unified Card Selector */}
       {config.source_type === 'mixed' && (
         <div className="p-4 rounded-lg bg-blue-500/5 border border-blue-500/20">
           <div className="flex items-center gap-2 mb-4">
             <Shuffle className="w-4 h-4 text-blue-400" />
-            <span className="text-sm font-medium text-nofx-text">
-              {t('mixedConfig')}
-            </span>
+            <span className="text-sm font-medium text-nofx-text">{t('mixedConfig', language)}</span>
           </div>
-
-          {/* 4 Source Cards in 2x2 Grid */}
           <div className="grid grid-cols-2 gap-3 mb-4">
-            {/* AI500 Card */}
-            <div
-              className={`p-3 rounded-lg border transition-all cursor-pointer ${
-                config.use_ai500
-                  ? 'bg-nofx-gold/10 border-nofx-gold/50'
-                  : 'bg-nofx-bg border-nofx-border hover:border-nofx-gold/30'
-              }`}
-              onClick={() => !disabled && onChange({ ...config, use_ai500: !config.use_ai500 })}
-            >
+            <div className={`p-3 rounded-lg border transition-all cursor-pointer ${config.use_ai500 ? 'bg-nofx-gold/10 border-nofx-gold/50' : 'bg-nofx-bg border-nofx-border hover:border-nofx-gold/30'}`} onClick={() => !disabled && onChange({ ...config, use_ai500: !config.use_ai500 })}>
               <div className="flex items-center gap-2 mb-2">
-                <input
-                  type="checkbox"
-                  checked={config.use_ai500}
-                  onChange={(e) => !disabled && onChange({ ...config, use_ai500: e.target.checked })}
-                  disabled={disabled}
-                  className="w-4 h-4 rounded accent-nofx-gold"
-                  onClick={(e) => e.stopPropagation()}
-                />
+                <input type="checkbox" checked={config.use_ai500} onChange={(e) => { e.stopPropagation(); !disabled && onChange({ ...config, use_ai500: e.target.checked }) }} disabled={disabled} className="w-4 h-4 rounded accent-nofx-gold" onClick={(e) => e.stopPropagation()} />
                 <Database className="w-4 h-4 text-nofx-gold" />
                 <span className="text-sm font-medium text-nofx-text">AI500</span>
                 <NofxOSBadge />
               </div>
-              {config.use_ai500 && (
-                <div className="flex items-center gap-2 mt-2 pl-6">
-                  <span className="text-xs text-nofx-text-muted">Limit:</span>
-                  <select
-                    value={config.ai500_limit || 10}
-                    onChange={(e) => {
-                      e.stopPropagation()
-                      !disabled && onChange({ ...config, ai500_limit: parseInt(e.target.value) || 10 })
-                    }}
-                    disabled={disabled}
-                    className="px-2 py-1 rounded text-xs bg-nofx-bg border border-nofx-gold/20 text-nofx-text"
-                    onClick={(e) => e.stopPropagation()}
-                  >
-                    {[5, 10, 15, 20, 30, 50].map(n => (
-                      <option key={n} value={n}>{n}</option>
-                    ))}
-                  </select>
-                </div>
-              )}
             </div>
-
-            {/* OI Top Card */}
-            <div
-              className={`p-3 rounded-lg border transition-all cursor-pointer ${
-                config.use_oi_top
-                  ? 'bg-nofx-success/10 border-nofx-success/50'
-                  : 'bg-nofx-bg border-nofx-border hover:border-nofx-success/30'
-              }`}
-              onClick={() => !disabled && onChange({ ...config, use_oi_top: !config.use_oi_top })}
-            >
+            <div className={`p-3 rounded-lg border transition-all cursor-pointer ${config.use_oi_top ? 'bg-nofx-success/10 border-nofx-success/50' : 'bg-nofx-bg border-nofx-border hover:border-nofx-success/30'}`} onClick={() => !disabled && onChange({ ...config, use_oi_top: !config.use_oi_top })}>
               <div className="flex items-center gap-2 mb-2">
-                <input
-                  type="checkbox"
-                  checked={config.use_oi_top}
-                  onChange={(e) => !disabled && onChange({ ...config, use_oi_top: e.target.checked })}
-                  disabled={disabled}
-                  className="w-4 h-4 rounded accent-nofx-success"
-                  onClick={(e) => e.stopPropagation()}
-                />
+                <input type="checkbox" checked={config.use_oi_top} onChange={(e) => { e.stopPropagation(); !disabled && onChange({ ...config, use_oi_top: e.target.checked }) }} disabled={disabled} className="w-4 h-4 rounded accent-nofx-success" onClick={(e) => e.stopPropagation()} />
                 <TrendingUp className="w-4 h-4 text-nofx-success" />
-                <span className="text-sm font-medium text-nofx-text">
-                  {language === 'zh' ? 'OI 增加' : 'OI Increase'}
-                </span>
+                <span className="text-sm font-medium text-nofx-text">{language === 'zh' ? 'OI 增加' : 'OI Increase'}</span>
               </div>
-              <p className="text-xs text-nofx-text-muted pl-6 mb-1">
-                {language === 'zh' ? '适合做多' : 'For long'}
-              </p>
-              {config.use_oi_top && (
-                <div className="flex items-center gap-2 mt-2 pl-6">
-                  <span className="text-xs text-nofx-text-muted">Limit:</span>
-                  <select
-                    value={config.oi_top_limit || 10}
-                    onChange={(e) => {
-                      e.stopPropagation()
-                      !disabled && onChange({ ...config, oi_top_limit: parseInt(e.target.value) || 10 })
-                    }}
-                    disabled={disabled}
-                    className="px-2 py-1 rounded text-xs bg-nofx-bg border border-nofx-gold/20 text-nofx-text"
-                    onClick={(e) => e.stopPropagation()}
-                  >
-                    {[5, 10, 15, 20, 30, 50].map(n => (
-                      <option key={n} value={n}>{n}</option>
-                    ))}
-                  </select>
-                </div>
-              )}
             </div>
-
-            {/* OI Low Card */}
-            <div
-              className={`p-3 rounded-lg border transition-all cursor-pointer ${
-                config.use_oi_low
-                  ? 'bg-nofx-danger/10 border-nofx-danger/50'
-                  : 'bg-nofx-bg border-nofx-border hover:border-nofx-danger/30'
-              }`}
-              onClick={() => !disabled && onChange({ ...config, use_oi_low: !config.use_oi_low })}
-            >
+            <div className={`p-3 rounded-lg border transition-all cursor-pointer ${config.use_oi_low ? 'bg-nofx-danger/10 border-nofx-danger/50' : 'bg-nofx-bg border-nofx-border hover:border-nofx-danger/30'}`} onClick={() => !disabled && onChange({ ...config, use_oi_low: !config.use_oi_low })}>
               <div className="flex items-center gap-2 mb-2">
-                <input
-                  type="checkbox"
-                  checked={config.use_oi_low}
-                  onChange={(e) => !disabled && onChange({ ...config, use_oi_low: e.target.checked })}
-                  disabled={disabled}
-                  className="w-4 h-4 rounded accent-red-500"
-                  onClick={(e) => e.stopPropagation()}
-                />
+                <input type="checkbox" checked={config.use_oi_low} onChange={(e) => { e.stopPropagation(); !disabled && onChange({ ...config, use_oi_low: e.target.checked }) }} disabled={disabled} className="w-4 h-4 rounded accent-red-500" onClick={(e) => e.stopPropagation()} />
                 <TrendingDown className="w-4 h-4 text-nofx-danger" />
-                <span className="text-sm font-medium text-nofx-text">
-                  {language === 'zh' ? 'OI 减少' : 'OI Decrease'}
-                </span>
+                <span className="text-sm font-medium text-nofx-text">{language === 'zh' ? 'OI 减少' : 'OI Decrease'}</span>
               </div>
-              <p className="text-xs text-nofx-text-muted pl-6 mb-1">
-                {language === 'zh' ? '适合做空' : 'For short'}
-              </p>
-              {config.use_oi_low && (
-                <div className="flex items-center gap-2 mt-2 pl-6">
-                  <span className="text-xs text-nofx-text-muted">Limit:</span>
-                  <select
-                    value={config.oi_low_limit || 10}
-                    onChange={(e) => {
-                      e.stopPropagation()
-                      !disabled && onChange({ ...config, oi_low_limit: parseInt(e.target.value) || 10 })
-                    }}
-                    disabled={disabled}
-                    className="px-2 py-1 rounded text-xs bg-nofx-bg border border-nofx-gold/20 text-nofx-text"
-                    onClick={(e) => e.stopPropagation()}
-                  >
-                    {[5, 10, 15, 20, 30, 50].map(n => (
-                      <option key={n} value={n}>{n}</option>
-                    ))}
-                  </select>
-                </div>
-              )}
             </div>
-
-            {/* Static/Custom Card */}
-            <div
-              className={`p-3 rounded-lg border transition-all cursor-pointer ${
-                (config.static_coins || []).length > 0
-                  ? 'bg-gray-500/10 border-gray-500/50'
-                  : 'bg-nofx-bg border-nofx-border hover:border-gray-500/30'
-              }`}
-            >
+            <div className={`p-3 rounded-lg border ${(config.static_coins || []).length > 0 ? 'bg-gray-500/10 border-gray-500/50' : 'bg-nofx-bg border-nofx-border'}`}>
               <div className="flex items-center gap-2 mb-2">
                 <List className="w-4 h-4 text-gray-400" />
-                <span className="text-sm font-medium text-nofx-text">
-                  {language === 'zh' ? '自定义' : 'Custom'}
-                </span>
-                {(config.static_coins || []).length > 0 && (
-                  <span className="text-xs px-1.5 py-0.5 rounded bg-gray-500/20 text-gray-400">
-                    {config.static_coins?.length}
-                  </span>
-                )}
-              </div>
-              <div className="flex flex-wrap gap-1 mt-2">
-                {(config.static_coins || []).slice(0, 3).map((coin) => (
-                  <span
-                    key={coin}
-                    className="flex items-center gap-1 px-2 py-0.5 rounded text-xs bg-nofx-bg-lighter text-nofx-text"
-                  >
-                    {coin}
-                    {!disabled && (
-                      <button
-                        onClick={(e) => {
-                          e.stopPropagation()
-                          handleRemoveCoin(coin)
-                        }}
-                        className="hover:text-red-400 transition-colors"
-                      >
-                        <X className="w-2.5 h-2.5" />
-                      </button>
-                    )}
-                  </span>
-                ))}
-                {(config.static_coins || []).length > 3 && (
-                  <span className="text-xs text-nofx-text-muted">
-                    +{(config.static_coins?.length || 0) - 3}
-                  </span>
-                )}
+                <span className="text-sm font-medium text-nofx-text">{language === 'zh' ? '自定义' : 'Custom'}</span>
+                {(config.static_coins || []).length > 0 && <span className="text-xs px-1.5 py-0.5 rounded bg-gray-500/20 text-gray-400">{config.static_coins?.length}</span>}
               </div>
-              {!disabled && (
-                <div className="flex gap-1 mt-2">
-                  <input
-                    type="text"
-                    value={newCoin}
-                    onChange={(e) => setNewCoin(e.target.value)}
-                    onKeyDown={(e) => {
-                      e.stopPropagation()
-                      if (e.key === 'Enter') handleAddCoin()
-                    }}
-                    onClick={(e) => e.stopPropagation()}
-                    placeholder="BTC, ETH..."
-                    className="flex-1 px-2 py-1 rounded text-xs bg-nofx-bg border border-nofx-gold/20 text-nofx-text"
-                  />
-                  <button
-                    onClick={(e) => {
-                      e.stopPropagation()
-                      handleAddCoin()
-                    }}
-                    className="px-2 py-1 rounded text-xs bg-nofx-gold text-black hover:bg-yellow-500"
-                  >
-                    <Plus className="w-3 h-3" />
-                  </button>
-                </div>
-              )}
             </div>
           </div>
-
-          {/* Summary */}
           {(() => {
             const { sources, totalLimit } = getMixedSummary()
             if (sources.length === 0) return null
             return (
               <div className="p-2 rounded bg-nofx-bg border border-nofx-border">
                 <div className="flex items-center justify-between text-xs">
-                  <span className="text-nofx-text-muted">{t('mixedSummary')}:</span>
-                  <span className="text-nofx-text font-medium">
-                    {sources.join(' + ')}
-                  </span>
-                </div>
-                <div className="text-xs text-nofx-text-muted mt-1">
-                  {t('maxCoins')} {totalLimit} {t('coins')}
+                  <span className="text-nofx-text-muted">{t('mixedSummary', language)}:</span>
+                  <span className="text-nofx-text font-medium">{sources.join(' + ')}</span>
                 </div>
+                <div className="text-xs text-nofx-text-muted mt-1">{t('maxCoins', language)} {totalLimit} {t('coins', language)}</div>
               </div>
             )
           })()}
diff --git a/web/src/components/strategy/GridConfigEditor.tsx b/web/src/components/strategy/GridConfigEditor.tsx
index 5c7dd73693..a791ade044 100644
--- a/web/src/components/strategy/GridConfigEditor.tsx
+++ b/web/src/components/strategy/GridConfigEditor.tsx
@@ -1,530 +1,191 @@
 import { Grid, DollarSign, TrendingUp, Shield, Compass } from 'lucide-react'
 import type { GridStrategyConfig } from '../../types'
+import { gridConfig } from '../../i18n/strategy-translations'
 
-interface GridConfigEditorProps {
-  config: GridStrategyConfig
-  onChange: (config: GridStrategyConfig) => void
-  disabled?: boolean
-  language: string
+const defaultGridConfig: GridStrategyConfig = {
+  symbol: 'BTCUSDT', grid_count: 10, total_investment: 1000, leverage: 5,
+  upper_price: 0, lower_price: 0, use_atr_bounds: true, atr_multiplier: 2.0,
+  distribution: 'gaussian', max_drawdown_pct: 15, stop_loss_pct: 5,
+  daily_loss_limit_pct: 10, use_maker_only: true, enable_direction_adjust: false, direction_bias_ratio: 0.7,
 }
 
-// Default grid config
-export const defaultGridConfig: GridStrategyConfig = {
-  symbol: 'BTCUSDT',
-  grid_count: 10,
-  total_investment: 1000,
-  leverage: 5,
-  upper_price: 0,
-  lower_price: 0,
-  use_atr_bounds: true,
-  atr_multiplier: 2.0,
-  distribution: 'gaussian',
-  max_drawdown_pct: 15,
-  stop_loss_pct: 5,
-  daily_loss_limit_pct: 10,
-  use_maker_only: true,
-  enable_direction_adjust: false,
-  direction_bias_ratio: 0.7,
+const t = (key: keyof typeof gridConfig, language: string): string => {
+  const entry = gridConfig[key]
+  if (!entry) return key
+  return entry[language as keyof typeof entry] || entry.en || key
 }
 
-export function GridConfigEditor({
-  config,
-  onChange,
-  disabled,
-  language,
-}: GridConfigEditorProps) {
-  const t = (key: string) => {
-    const translations: Record<string, Record<string, string>> = {
-      // Section titles
-      tradingPair: { zh: '交易设置', en: 'Trading Setup' },
-      gridParameters: { zh: '网格参数', en: 'Grid Parameters' },
-      priceBounds: { zh: '价格边界', en: 'Price Bounds' },
-      riskControl: { zh: '风险控制', en: 'Risk Control' },
-
-      // Trading pair
-      symbol: { zh: '交易对', en: 'Trading Pair' },
-      symbolDesc: { zh: '选择要进行网格交易的交易对', en: 'Select trading pair for grid trading' },
-
-      // Investment
-      totalInvestment: { zh: '投资金额 (USDT)', en: 'Investment (USDT)' },
-      totalInvestmentDesc: { zh: '网格策略的总投资金额', en: 'Total investment for grid strategy' },
-      leverage: { zh: '杠杆倍数', en: 'Leverage' },
-      leverageDesc: { zh: '交易使用的杠杆倍数 (1-5)', en: 'Leverage for trading (1-5)' },
-
-      // Grid parameters
-      gridCount: { zh: '网格数量', en: 'Grid Count' },
-      gridCountDesc: { zh: '网格层级数量 (5-50)', en: 'Number of grid levels (5-50)' },
-      distribution: { zh: '资金分配方式', en: 'Distribution' },
-      distributionDesc: { zh: '网格层级的资金分配方式', en: 'Fund allocation across grid levels' },
-      uniform: { zh: '均匀分配', en: 'Uniform' },
-      gaussian: { zh: '高斯分配 (推荐)', en: 'Gaussian (Recommended)' },
-      pyramid: { zh: '金字塔分配', en: 'Pyramid' },
-
-      // Price bounds
-      useAtrBounds: { zh: '自动计算边界 (ATR)', en: 'Auto-calculate Bounds (ATR)' },
-      useAtrBoundsDesc: { zh: '基于 ATR 自动计算网格上下边界', en: 'Auto-calculate bounds based on ATR' },
-      atrMultiplier: { zh: 'ATR 倍数', en: 'ATR Multiplier' },
-      atrMultiplierDesc: { zh: '边界距离当前价格的 ATR 倍数', en: 'ATR multiplier for bounds distance' },
-      upperPrice: { zh: '上边界价格', en: 'Upper Price' },
-      upperPriceDesc: { zh: '网格上边界价格 (0=自动计算)', en: 'Grid upper bound (0=auto)' },
-      lowerPrice: { zh: '下边界价格', en: 'Lower Price' },
-      lowerPriceDesc: { zh: '网格下边界价格 (0=自动计算)', en: 'Grid lower bound (0=auto)' },
-
-      // Risk control
-      maxDrawdown: { zh: '最大回撤 (%)', en: 'Max Drawdown (%)' },
-      maxDrawdownDesc: { zh: '触发紧急退出的最大回撤百分比', en: 'Max drawdown before emergency exit' },
-      stopLoss: { zh: '止损 (%)', en: 'Stop Loss (%)' },
-      stopLossDesc: { zh: '单仓位止损百分比', en: 'Stop loss per position' },
-      dailyLossLimit: { zh: '日损失限制 (%)', en: 'Daily Loss Limit (%)' },
-      dailyLossLimitDesc: { zh: '每日最大亏损百分比', en: 'Maximum daily loss percentage' },
-      useMakerOnly: { zh: '仅使用 Maker 订单', en: 'Maker Only Orders' },
-      useMakerOnlyDesc: { zh: '使用限价单以降低手续费', en: 'Use limit orders for lower fees' },
-
-      // Direction adjustment
-      directionAdjust: { zh: '方向自动调整', en: 'Direction Auto-Adjust' },
-      enableDirectionAdjust: { zh: '启用方向调整', en: 'Enable Direction Adjust' },
-      enableDirectionAdjustDesc: { zh: '根据箱体突破自动调整网格方向', en: 'Auto-adjust grid direction based on box breakouts' },
-      directionBiasRatio: { zh: '偏向强度', en: 'Bias Strength' },
-      directionBiasRatioDesc: { zh: '偏多/偏空模式的强度', en: 'Strength for long_bias/short_bias modes' },
-      directionBiasExplain: { zh: '偏多模式：X%买 + (100-X)%卖 | 偏空模式：(100-X)%买 + X%卖', en: 'Long bias: X% buy + (100-X)% sell | Short bias: (100-X)% buy + X% sell' },
-      directionExplain: { zh: '短期箱体突破 → 偏向，中期箱体突破 → 全仓，价格回归 → 逐步恢复中性', en: 'Short box breakout → bias, Mid box breakout → full, Price return → gradually recover to neutral' },
-      directionModes: { zh: '方向模式说明', en: 'Direction Modes' },
-      modeNeutral: { zh: '中性：50%买 + 50%卖（默认）', en: 'Neutral: 50% buy + 50% sell (default)' },
-      modeLongBias: { zh: '偏多：X%买 + (100-X)%卖', en: 'Long Bias: X% buy + (100-X)% sell' },
-      modeLong: { zh: '全多：100%买 + 0%卖', en: 'Long: 100% buy + 0% sell' },
-      modeShortBias: { zh: '偏空：(100-X)%买 + X%卖', en: 'Short Bias: (100-X)% buy + X% sell' },
-      modeShort: { zh: '全空：0%买 + 100%卖', en: 'Short: 0% buy + 100% sell' },
-    }
-    return translations[key]?.[language] || key
-  }
-
-  const updateField = <K extends keyof GridStrategyConfig>(
-    key: K,
-    value: GridStrategyConfig[K]
-  ) => {
-    if (!disabled) {
-      onChange({ ...config, [key]: value })
-    }
-  }
-
-  const inputStyle = {
-    background: '#1E2329',
-    border: '1px solid #2B3139',
-    color: '#EAECEF',
+export function GridConfigEditor({ config, onChange, disabled, language }: {
+  config: GridStrategyConfig
+  onChange: (config: GridStrategyConfig) => void
+  disabled?: boolean
+  language: string
+}) {
+  const updateField = <K extends keyof GridStrategyConfig>(key: K, value: GridStrategyConfig[K]) => {
+    if (!disabled) onChange({ ...config, [key]: value })
   }
 
-  const sectionStyle = {
-    background: '#0B0E11',
-    border: '1px solid #2B3139',
-  }
+  const inputStyle = { background: '#1E2329', border: '1px solid #2B3139', color: '#EAECEF' }
+  const sectionStyle = { background: '#0B0E11', border: '1px solid #2B3139' }
 
   return (
     <div className="space-y-6">
-      {/* Trading Setup */}
       <div>
         <div className="flex items-center gap-2 mb-4">
           <DollarSign className="w-5 h-5" style={{ color: '#F0B90B' }} />
-          <h3 className="font-medium" style={{ color: '#EAECEF' }}>
-            {t('tradingPair')}
-          </h3>
+          <h3 className="font-medium" style={{ color: '#EAECEF' }}>{t('tradingPair', language)}</h3>
         </div>
-
         <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-          {/* Symbol */}
           <div className="p-4 rounded-lg" style={sectionStyle}>
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('symbol')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('symbolDesc')}
-            </p>
-            <select
-              value={config.symbol}
-              onChange={(e) => updateField('symbol', e.target.value)}
-              disabled={disabled}
-              className="w-full px-3 py-2 rounded"
-              style={inputStyle}
-            >
-              <option value="BTCUSDT">BTC/USDT</option>
-              <option value="ETHUSDT">ETH/USDT</option>
-              <option value="SOLUSDT">SOL/USDT</option>
-              <option value="BNBUSDT">BNB/USDT</option>
-              <option value="XRPUSDT">XRP/USDT</option>
-              <option value="DOGEUSDT">DOGE/USDT</option>
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('symbol', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('symbolDesc', language)}</p>
+            <select value={config.symbol} onChange={(e) => updateField('symbol', e.target.value)} disabled={disabled} className="w-full px-3 py-2 rounded" style={inputStyle}>
+              <option value="BTCUSDT">BTC/USDT</option><option value="ETHUSDT">ETH/USDT</option><option value="SOLUSDT">SOL/USDT</option>
+              <option value="BNBUSDT">BNB/USDT</option><option value="XRPUSDT">XRP/USDT</option><option value="DOGEUSDT">DOGE/USDT</option>
             </select>
           </div>
-
-          {/* Investment */}
           <div className="p-4 rounded-lg" style={sectionStyle}>
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('totalInvestment')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('totalInvestmentDesc')}
-            </p>
-            <input
-              type="number"
-              value={config.total_investment}
-              onChange={(e) => updateField('total_investment', parseFloat(e.target.value) || 1000)}
-              disabled={disabled}
-              min={100}
-              step={100}
-              className="w-full px-3 py-2 rounded"
-              style={inputStyle}
-            />
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('totalInvestment', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('totalInvestmentDesc', language)}</p>
+            <input type="number" value={config.total_investment} onChange={(e) => updateField('total_investment', parseFloat(e.target.value) || 1000)} disabled={disabled} min={100} step={100} className="w-full px-3 py-2 rounded" style={inputStyle} />
           </div>
-
-          {/* Leverage */}
           <div className="p-4 rounded-lg" style={sectionStyle}>
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('leverage')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('leverageDesc')}
-            </p>
-            <input
-              type="number"
-              value={config.leverage}
-              onChange={(e) => updateField('leverage', parseInt(e.target.value) || 5)}
-              disabled={disabled}
-              min={1}
-              max={5}
-              className="w-full px-3 py-2 rounded"
-              style={inputStyle}
-            />
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('leverage', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('leverageDesc', language)}</p>
+            <input type="number" value={config.leverage} onChange={(e) => updateField('leverage', parseInt(e.target.value) || 5)} disabled={disabled} min={1} max={5} className="w-full px-3 py-2 rounded" style={inputStyle} />
           </div>
         </div>
       </div>
-
-      {/* Grid Parameters */}
       <div>
         <div className="flex items-center gap-2 mb-4">
           <Grid className="w-5 h-5" style={{ color: '#F0B90B' }} />
-          <h3 className="font-medium" style={{ color: '#EAECEF' }}>
-            {t('gridParameters')}
-          </h3>
+          <h3 className="font-medium" style={{ color: '#EAECEF' }}>{t('gridParameters', language)}</h3>
         </div>
-
         <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-          {/* Grid Count */}
           <div className="p-4 rounded-lg" style={sectionStyle}>
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('gridCount')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('gridCountDesc')}
-            </p>
-            <input
-              type="number"
-              value={config.grid_count}
-              onChange={(e) => updateField('grid_count', parseInt(e.target.value) || 10)}
-              disabled={disabled}
-              min={5}
-              max={50}
-              className="w-full px-3 py-2 rounded"
-              style={inputStyle}
-            />
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('gridCount', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('gridCountDesc', language)}</p>
+            <input type="number" value={config.grid_count} onChange={(e) => updateField('grid_count', parseInt(e.target.value) || 10)} disabled={disabled} min={5} max={50} className="w-full px-3 py-2 rounded" style={inputStyle} />
           </div>
-
-          {/* Distribution */}
           <div className="p-4 rounded-lg" style={sectionStyle}>
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('distribution')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('distributionDesc')}
-            </p>
-            <select
-              value={config.distribution}
-              onChange={(e) => updateField('distribution', e.target.value as 'uniform' | 'gaussian' | 'pyramid')}
-              disabled={disabled}
-              className="w-full px-3 py-2 rounded"
-              style={inputStyle}
-            >
-              <option value="uniform">{t('uniform')}</option>
-              <option value="gaussian">{t('gaussian')}</option>
-              <option value="pyramid">{t('pyramid')}</option>
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('distribution', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('distributionDesc', language)}</p>
+            <select value={config.distribution} onChange={(e) => updateField('distribution', e.target.value as 'uniform' | 'gaussian' | 'pyramid')} disabled={disabled} className="w-full px-3 py-2 rounded" style={inputStyle}>
+              <option value="uniform">{t('uniform', language)}</option><option value="gaussian">{t('gaussian', language)}</option><option value="pyramid">{t('pyramid', language)}</option>
             </select>
           </div>
         </div>
       </div>
-
-      {/* Price Bounds */}
       <div>
         <div className="flex items-center gap-2 mb-4">
           <TrendingUp className="w-5 h-5" style={{ color: '#F0B90B' }} />
-          <h3 className="font-medium" style={{ color: '#EAECEF' }}>
-            {t('priceBounds')}
-          </h3>
+          <h3 className="font-medium" style={{ color: '#EAECEF' }}>{t('priceBounds', language)}</h3>
         </div>
-
-        {/* ATR Toggle */}
         <div className="p-4 rounded-lg mb-4" style={sectionStyle}>
           <div className="flex items-center justify-between">
             <div>
-              <label className="block text-sm" style={{ color: '#EAECEF' }}>
-                {t('useAtrBounds')}
-              </label>
-              <p className="text-xs" style={{ color: '#848E9C' }}>
-                {t('useAtrBoundsDesc')}
-              </p>
+              <label className="block text-sm" style={{ color: '#EAECEF' }}>{t('useAtrBounds', language)}</label>
+              <p className="text-xs" style={{ color: '#848E9C' }}>{t('useAtrBoundsDesc', language)}</p>
             </div>
             <label className="relative inline-flex items-center cursor-pointer">
-              <input
-                type="checkbox"
-                checked={config.use_atr_bounds}
-                onChange={(e) => updateField('use_atr_bounds', e.target.checked)}
-                disabled={disabled}
-                className="sr-only peer"
-              />
+              <input type="checkbox" checked={config.use_atr_bounds} onChange={(e) => updateField('use_atr_bounds', e.target.checked)} disabled={disabled} className="sr-only peer" />
               <div className="w-11 h-6 bg-gray-600 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-[#F0B90B]"></div>
             </label>
           </div>
         </div>
-
         {config.use_atr_bounds ? (
           <div className="p-4 rounded-lg" style={sectionStyle}>
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('atrMultiplier')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('atrMultiplierDesc')}
-            </p>
-            <input
-              type="number"
-              value={config.atr_multiplier}
-              onChange={(e) => updateField('atr_multiplier', parseFloat(e.target.value) || 2.0)}
-              disabled={disabled}
-              min={1}
-              max={5}
-              step={0.5}
-              className="w-32 px-3 py-2 rounded"
-              style={inputStyle}
-            />
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('atrMultiplier', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('atrMultiplierDesc', language)}</p>
+            <input type="number" value={config.atr_multiplier} onChange={(e) => updateField('atr_multiplier', parseFloat(e.target.value) || 2.0)} disabled={disabled} min={1} max={5} step={0.5} className="w-32 px-3 py-2 rounded" style={inputStyle} />
           </div>
         ) : (
           <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
             <div className="p-4 rounded-lg" style={sectionStyle}>
-              <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-                {t('upperPrice')}
-              </label>
-              <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-                {t('upperPriceDesc')}
-              </p>
-              <input
-                type="number"
-                value={config.upper_price}
-                onChange={(e) => updateField('upper_price', parseFloat(e.target.value) || 0)}
-                disabled={disabled}
-                min={0}
-                step={0.01}
-                className="w-full px-3 py-2 rounded"
-                style={inputStyle}
-              />
+              <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('upperPrice', language)}</label>
+              <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('upperPriceDesc', language)}</p>
+              <input type="number" value={config.upper_price} onChange={(e) => updateField('upper_price', parseFloat(e.target.value) || 0)} disabled={disabled} min={0} step={0.01} className="w-full px-3 py-2 rounded" style={inputStyle} />
             </div>
             <div className="p-4 rounded-lg" style={sectionStyle}>
-              <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-                {t('lowerPrice')}
-              </label>
-              <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-                {t('lowerPriceDesc')}
-              </p>
-              <input
-                type="number"
-                value={config.lower_price}
-                onChange={(e) => updateField('lower_price', parseFloat(e.target.value) || 0)}
-                disabled={disabled}
-                min={0}
-                step={0.01}
-                className="w-full px-3 py-2 rounded"
-                style={inputStyle}
-              />
+              <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('lowerPrice', language)}</label>
+              <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('lowerPriceDesc', language)}</p>
+              <input type="number" value={config.lower_price} onChange={(e) => updateField('lower_price', parseFloat(e.target.value) || 0)} disabled={disabled} min={0} step={0.01} className="w-full px-3 py-2 rounded" style={inputStyle} />
             </div>
           </div>
         )}
       </div>
-
-      {/* Risk Control */}
       <div>
         <div className="flex items-center gap-2 mb-4">
           <Shield className="w-5 h-5" style={{ color: '#F0B90B' }} />
-          <h3 className="font-medium" style={{ color: '#EAECEF' }}>
-            {t('riskControl')}
-          </h3>
+          <h3 className="font-medium" style={{ color: '#EAECEF' }}>{t('riskControl', language)}</h3>
         </div>
-
         <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
           <div className="p-4 rounded-lg" style={sectionStyle}>
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('maxDrawdown')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('maxDrawdownDesc')}
-            </p>
-            <input
-              type="number"
-              value={config.max_drawdown_pct}
-              onChange={(e) => updateField('max_drawdown_pct', parseFloat(e.target.value) || 15)}
-              disabled={disabled}
-              min={5}
-              max={50}
-              className="w-full px-3 py-2 rounded"
-              style={inputStyle}
-            />
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('maxDrawdown', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('maxDrawdownDesc', language)}</p>
+            <input type="number" value={config.max_drawdown_pct} onChange={(e) => updateField('max_drawdown_pct', parseFloat(e.target.value) || 15)} disabled={disabled} min={5} max={50} className="w-full px-3 py-2 rounded" style={inputStyle} />
           </div>
-
           <div className="p-4 rounded-lg" style={sectionStyle}>
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('stopLoss')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('stopLossDesc')}
-            </p>
-            <input
-              type="number"
-              value={config.stop_loss_pct}
-              onChange={(e) => updateField('stop_loss_pct', parseFloat(e.target.value) || 5)}
-              disabled={disabled}
-              min={1}
-              max={20}
-              className="w-full px-3 py-2 rounded"
-              style={inputStyle}
-            />
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('stopLoss', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('stopLossDesc', language)}</p>
+            <input type="number" value={config.stop_loss_pct} onChange={(e) => updateField('stop_loss_pct', parseFloat(e.target.value) || 5)} disabled={disabled} min={1} max={20} className="w-full px-3 py-2 rounded" style={inputStyle} />
           </div>
-
           <div className="p-4 rounded-lg" style={sectionStyle}>
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('dailyLossLimit')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('dailyLossLimitDesc')}
-            </p>
-            <input
-              type="number"
-              value={config.daily_loss_limit_pct}
-              onChange={(e) => updateField('daily_loss_limit_pct', parseFloat(e.target.value) || 10)}
-              disabled={disabled}
-              min={1}
-              max={30}
-              className="w-full px-3 py-2 rounded"
-              style={inputStyle}
-            />
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('dailyLossLimit', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('dailyLossLimitDesc', language)}</p>
+            <input type="number" value={config.daily_loss_limit_pct} onChange={(e) => updateField('daily_loss_limit_pct', parseFloat(e.target.value) || 10)} disabled={disabled} min={1} max={30} className="w-full px-3 py-2 rounded" style={inputStyle} />
           </div>
         </div>
-
-        {/* Maker Only Toggle */}
         <div className="p-4 rounded-lg" style={sectionStyle}>
           <div className="flex items-center justify-between">
             <div>
-              <label className="block text-sm" style={{ color: '#EAECEF' }}>
-                {t('useMakerOnly')}
-              </label>
-              <p className="text-xs" style={{ color: '#848E9C' }}>
-                {t('useMakerOnlyDesc')}
-              </p>
+              <label className="block text-sm" style={{ color: '#EAECEF' }}>{t('useMakerOnly', language)}</label>
+              <p className="text-xs" style={{ color: '#848E9C' }}>{t('useMakerOnlyDesc', language)}</p>
             </div>
             <label className="relative inline-flex items-center cursor-pointer">
-              <input
-                type="checkbox"
-                checked={config.use_maker_only}
-                onChange={(e) => updateField('use_maker_only', e.target.checked)}
-                disabled={disabled}
-                className="sr-only peer"
-              />
+              <input type="checkbox" checked={config.use_maker_only} onChange={(e) => updateField('use_maker_only', e.target.checked)} disabled={disabled} className="sr-only peer" />
               <div className="w-11 h-6 bg-gray-600 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-[#F0B90B]"></div>
             </label>
           </div>
         </div>
       </div>
-
-      {/* Direction Auto-Adjust */}
       <div>
         <div className="flex items-center gap-2 mb-4">
           <Compass className="w-5 h-5" style={{ color: '#F0B90B' }} />
-          <h3 className="font-medium" style={{ color: '#EAECEF' }}>
-            {t('directionAdjust')}
-          </h3>
+          <h3 className="font-medium" style={{ color: '#EAECEF' }}>{t('directionAdjust', language)}</h3>
         </div>
-
-        {/* Enable Toggle */}
         <div className="p-4 rounded-lg mb-4" style={sectionStyle}>
           <div className="flex items-center justify-between">
             <div>
-              <label className="block text-sm" style={{ color: '#EAECEF' }}>
-                {t('enableDirectionAdjust')}
-              </label>
-              <p className="text-xs" style={{ color: '#848E9C' }}>
-                {t('enableDirectionAdjustDesc')}
-              </p>
+              <label className="block text-sm" style={{ color: '#EAECEF' }}>{t('enableDirectionAdjust', language)}</label>
+              <p className="text-xs" style={{ color: '#848E9C' }}>{t('enableDirectionAdjustDesc', language)}</p>
             </div>
             <label className="relative inline-flex items-center cursor-pointer">
-              <input
-                type="checkbox"
-                checked={config.enable_direction_adjust ?? false}
-                onChange={(e) => updateField('enable_direction_adjust', e.target.checked)}
-                disabled={disabled}
-                className="sr-only peer"
-              />
+              <input type="checkbox" checked={config.enable_direction_adjust ?? false} onChange={(e) => updateField('enable_direction_adjust', e.target.checked)} disabled={disabled} className="sr-only peer" />
               <div className="w-11 h-6 bg-gray-600 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-[#F0B90B]"></div>
             </label>
           </div>
         </div>
-
         {config.enable_direction_adjust && (
           <>
-            {/* Direction Modes Explanation */}
             <div className="p-4 rounded-lg mb-4" style={{ background: '#1E2329', border: '1px solid #F0B90B33' }}>
-              <p className="text-xs font-medium mb-2" style={{ color: '#F0B90B' }}>
-                📊 {t('directionModes')}
-              </p>
+              <p className="text-xs font-medium mb-2" style={{ color: '#F0B90B' }}>📊 {t('directionModes', language)}</p>
               <div className="grid grid-cols-1 md:grid-cols-2 gap-2 text-xs" style={{ color: '#848E9C' }}>
-                <div>• {t('modeNeutral')}</div>
-                <div>• <span style={{ color: '#0ECB81' }}>{t('modeLongBias')}</span></div>
-                <div>• <span style={{ color: '#0ECB81' }}>{t('modeLong')}</span></div>
-                <div>• <span style={{ color: '#F6465D' }}>{t('modeShortBias')}</span></div>
-                <div>• <span style={{ color: '#F6465D' }}>{t('modeShort')}</span></div>
+                <div>• {t('modeNeutral', language)}</div>
+                <div>• <span style={{ color: '#0ECB81' }}>{t('modeLongBias', language)}</span></div>
+                <div>• <span style={{ color: '#0ECB81' }}>{t('modeLong', language)}</span></div>
+                <div>• <span style={{ color: '#F6465D' }}>{t('modeShortBias', language)}</span></div>
+                <div>• <span style={{ color: '#F6465D' }}>{t('modeShort', language)}</span></div>
               </div>
-              <p className="text-xs mt-3 pt-2 border-t border-zinc-700" style={{ color: '#848E9C' }}>
-                💡 {t('directionExplain')}
-              </p>
+              <p className="text-xs mt-3 pt-2 border-t border-zinc-700" style={{ color: '#848E9C' }}>💡 {t('directionExplain', language)}</p>
             </div>
-
-            {/* Bias Strength */}
             <div className="p-4 rounded-lg" style={sectionStyle}>
-              <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-                {t('directionBiasRatio')} (X)
-              </label>
-              <p className="text-xs mb-1" style={{ color: '#848E9C' }}>
-                {t('directionBiasRatioDesc')}
-              </p>
-              <p className="text-xs mb-3" style={{ color: '#F0B90B' }}>
-                {t('directionBiasExplain')}
-              </p>
+              <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('directionBiasRatio', language)} (X)</label>
+              <p className="text-xs mb-1" style={{ color: '#848E9C' }}>{t('directionBiasRatioDesc', language)}</p>
+              <p className="text-xs mb-3" style={{ color: '#F0B90B' }}>{t('directionBiasExplain', language)}</p>
               <div className="flex items-center gap-3">
-                <input
-                  type="range"
-                  value={(config.direction_bias_ratio ?? 0.7) * 100}
-                  onChange={(e) => updateField('direction_bias_ratio', parseInt(e.target.value) / 100)}
-                  disabled={disabled}
-                  min={55}
-                  max={90}
-                  step={5}
-                  className="flex-1 h-2 rounded-lg appearance-none cursor-pointer"
-                  style={{ background: '#2B3139' }}
-                />
-                <span className="text-sm font-mono w-20 text-right" style={{ color: '#F0B90B' }}>
-                  X = {Math.round((config.direction_bias_ratio ?? 0.7) * 100)}%
-                </span>
-              </div>
-              <div className="mt-2 grid grid-cols-2 gap-2 text-xs">
-                <div className="p-2 rounded" style={{ background: '#0ECB8115', border: '1px solid #0ECB8130' }}>
-                  <span style={{ color: '#0ECB81' }}>偏多/Long Bias: </span>
-                  <span style={{ color: '#EAECEF' }}>{Math.round((config.direction_bias_ratio ?? 0.7) * 100)}% 买 + {Math.round((1 - (config.direction_bias_ratio ?? 0.7)) * 100)}% 卖</span>
-                </div>
-                <div className="p-2 rounded" style={{ background: '#F6465D15', border: '1px solid #F6465D30' }}>
-                  <span style={{ color: '#F6465D' }}>偏空/Short Bias: </span>
-                  <span style={{ color: '#EAECEF' }}>{Math.round((1 - (config.direction_bias_ratio ?? 0.7)) * 100)}% 买 + {Math.round((config.direction_bias_ratio ?? 0.7) * 100)}% 卖</span>
-                </div>
+                <input type="range" value={(config.direction_bias_ratio ?? 0.7) * 100} onChange={(e) => updateField('direction_bias_ratio', parseInt(e.target.value) / 100)} disabled={disabled} min={55} max={90} step={5} className="flex-1 h-2 rounded-lg appearance-none cursor-pointer" style={{ background: '#2B3139' }} />
+                <span className="text-sm font-mono w-20 text-right" style={{ color: '#F0B90B' }}>X = {Math.round((config.direction_bias_ratio ?? 0.7) * 100)}%</span>
               </div>
             </div>
           </>
diff --git a/web/src/components/strategy/GridRiskPanel.tsx b/web/src/components/strategy/GridRiskPanel.tsx
index 75c5b73bb4..7c1f83c347 100644
--- a/web/src/components/strategy/GridRiskPanel.tsx
+++ b/web/src/components/strategy/GridRiskPanel.tsx
@@ -1,11 +1,18 @@
 import { useState, useEffect, useCallback } from 'react'
 import { Shield, TrendingUp, AlertTriangle, Activity, Box, ChevronDown, ChevronUp } from 'lucide-react'
 import type { GridRiskInfo } from '../../types'
+import { gridRisk } from '../../i18n/strategy-translations'
 
 interface GridRiskPanelProps {
   traderId: string
   language?: string
-  refreshInterval?: number // ms, default 5000
+  refreshInterval?: number
+}
+
+const t = (key: keyof typeof gridRisk, language: string): string => {
+  const entry = gridRisk[key]
+  if (!entry) return key
+  return entry[language as keyof typeof entry] || entry.en || key
 }
 
 export function GridRiskPanel({
@@ -18,79 +25,13 @@ export function GridRiskPanel({
   const [error, setError] = useState<string | null>(null)
   const [expanded, setExpanded] = useState(false)
 
-  const t = (key: string) => {
-    const translations: Record<string, Record<string, string>> = {
-      // Section titles
-      gridRisk: { zh: '网格风控', en: 'Grid Risk' },
-      leverageInfo: { zh: '杠杆', en: 'Leverage' },
-      positionInfo: { zh: '仓位', en: 'Position' },
-      liquidationInfo: { zh: '清算', en: 'Liquidation' },
-      marketState: { zh: '市场', en: 'Market' },
-      boxState: { zh: '箱体', en: 'Box' },
-
-      // Leverage
-      currentLeverage: { zh: '当前', en: 'Current' },
-      effectiveLeverage: { zh: '有效', en: 'Effective' },
-      recommendedLeverage: { zh: '建议', en: 'Recommend' },
-
-      // Position
-      currentPosition: { zh: '当前', en: 'Current' },
-      maxPosition: { zh: '最大', en: 'Max' },
-      positionPercent: { zh: '占比', en: 'Usage' },
-
-      // Liquidation
-      liquidationPrice: { zh: '清算价', en: 'Liq Price' },
-      liquidationDistance: { zh: '距离', en: 'Distance' },
-
-      // Market
-      regimeLevel: { zh: '波动', en: 'Regime' },
-      currentPrice: { zh: '价格', en: 'Price' },
-      breakoutLevel: { zh: '突破', en: 'Breakout' },
-      breakoutDirection: { zh: '方向', en: 'Direction' },
-
-      // Box
-      shortBox: { zh: '短期', en: 'Short' },
-      midBox: { zh: '中期', en: 'Mid' },
-      longBox: { zh: '长期', en: 'Long' },
-
-      // Regime levels
-      narrow: { zh: '窄幅', en: 'Narrow' },
-      standard: { zh: '标准', en: 'Standard' },
-      wide: { zh: '宽幅', en: 'Wide' },
-      volatile: { zh: '剧烈', en: 'Volatile' },
-      trending: { zh: '趋势', en: 'Trending' },
-
-      // Breakout levels
-      none: { zh: '无', en: 'None' },
-      short: { zh: '短期', en: 'Short' },
-      mid: { zh: '中期', en: 'Mid' },
-      long: { zh: '长期', en: 'Long' },
-
-      // Directions
-      up: { zh: '↑', en: '↑' },
-      down: { zh: '↓', en: '↓' },
-
-      // Status
-      loading: { zh: '加载中...', en: 'Loading...' },
-      error: { zh: '加载失败', en: 'Load Failed' },
-      noData: { zh: '暂无数据', en: 'No Data' },
-    }
-    return translations[key]?.[language] || key
-  }
-
   const fetchRiskInfo = useCallback(async () => {
     try {
       const token = localStorage.getItem('auth_token')
       const response = await fetch(`/api/traders/${traderId}/grid-risk`, {
-        headers: {
-          Authorization: `Bearer ${token}`,
-        },
+        headers: { Authorization: `Bearer ${token}` },
       })
-
-      if (!response.ok) {
-        throw new Error(`HTTP ${response.status}`)
-      }
-
+      if (!response.ok) throw new Error(`HTTP ${response.status}`)
       const data = await response.json()
       setRiskInfo(data)
       setError(null)
@@ -141,227 +82,147 @@ export function GridRiskPanel({
     return price.toFixed(6)
   }
 
-  const formatUSD = (value: number) => {
-    return `$${value.toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 })}`
-  }
+  const formatUSD = (value: number) => `$${value.toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 })}`
 
-  const cardStyle = {
-    background: '#0B0E11',
-    border: '1px solid #2B3139',
-  }
+  const cardStyle = { background: '#0B0E11', border: '1px solid #2B3139' }
 
   if (loading) {
-    return (
-      <div className="p-3 text-center text-xs" style={{ color: '#848E9C' }}>
-        {t('loading')}
-      </div>
-    )
+    return <div className="p-3 text-center text-xs" style={{ color: '#848E9C' }}>{t('loading', language)}</div>
   }
 
   if (error) {
-    return (
-      <div className="p-3 text-center text-xs" style={{ color: '#F6465D' }}>
-        {t('error')}: {error}
-      </div>
-    )
+    return <div className="p-3 text-center text-xs" style={{ color: '#F6465D' }}>{t('error', language)}: {error}</div>
   }
 
   if (!riskInfo) {
-    return (
-      <div className="p-3 text-center text-xs" style={{ color: '#848E9C' }}>
-        {t('noData')}
-      </div>
-    )
+    return <div className="p-3 text-center text-xs" style={{ color: '#848E9C' }}>{t('noData', language)}</div>
   }
 
   return (
     <div className="rounded-lg" style={cardStyle}>
-      {/* Collapsible Header */}
-      <div
-        className="flex items-center justify-between p-3 cursor-pointer hover:bg-[#1E2329] transition-colors"
-        onClick={() => setExpanded(!expanded)}
-      >
+      <div className="flex items-center justify-between p-3 cursor-pointer hover:bg-[#1E2329] transition-colors" onClick={() => setExpanded(!expanded)}>
         <div className="flex items-center gap-2">
           <Shield className="w-4 h-4" style={{ color: '#F0B90B' }} />
-          <span className="font-medium text-sm" style={{ color: '#EAECEF' }}>
-            {t('gridRisk')}
-          </span>
+          <span className="font-medium text-sm" style={{ color: '#EAECEF' }}>{t('gridRisk', language)}</span>
         </div>
-        <div className="flex items-center gap-3">
-          {/* Summary badges when collapsed */}
-          <div className="flex items-center gap-2 text-xs">
-            <span
-              className="px-2 py-0.5 rounded"
-              style={{ background: getRegimeColor(riskInfo.regime_level) + '20', color: getRegimeColor(riskInfo.regime_level) }}
-            >
-              {t(riskInfo.regime_level || 'standard')}
-            </span>
-            <span className="font-mono" style={{ color: '#EAECEF' }}>
-              {riskInfo.effective_leverage.toFixed(1)}x
-            </span>
-            <span
-              className="font-mono"
-              style={{ color: getPositionColor(riskInfo.position_percent) }}
-            >
-              {riskInfo.position_percent.toFixed(0)}%
-            </span>
-          </div>
-          {expanded ? (
-            <ChevronUp className="w-4 h-4" style={{ color: '#848E9C' }} />
-          ) : (
-            <ChevronDown className="w-4 h-4" style={{ color: '#848E9C' }} />
-          )}
+        <div className="flex items-center gap-3 text-xs">
+          <span className="px-2 py-0.5 rounded" style={{ background: getRegimeColor(riskInfo.regime_level) + '20', color: getRegimeColor(riskInfo.regime_level) }}>
+            {t(riskInfo.regime_level || 'standard', language)}
+          </span>
+          <span className="font-mono" style={{ color: '#EAECEF' }}>{riskInfo.effective_leverage.toFixed(1)}x</span>
+          <span className="font-mono" style={{ color: getPositionColor(riskInfo.position_percent) }}>{riskInfo.position_percent.toFixed(0)}%</span>
+          {expanded ? <ChevronUp className="w-4 h-4" style={{ color: '#848E9C' }} /> : <ChevronDown className="w-4 h-4" style={{ color: '#848E9C' }} />}
         </div>
       </div>
 
-      {/* Expanded Content */}
       {expanded && (
         <div className="px-3 pb-3 space-y-3">
-          {/* Row 1: Leverage & Position */}
           <div className="grid grid-cols-2 gap-3">
-            {/* Leverage */}
             <div className="p-2 rounded" style={{ background: '#1E2329' }}>
               <div className="flex items-center gap-1 mb-2">
                 <TrendingUp className="w-3 h-3" style={{ color: '#F0B90B' }} />
-                <span className="text-xs font-medium" style={{ color: '#848E9C' }}>{t('leverageInfo')}</span>
+                <span className="text-xs font-medium" style={{ color: '#848E9C' }}>{t('leverageInfo', language)}</span>
               </div>
               <div className="grid grid-cols-3 gap-1 text-xs">
                 <div>
-                  <div style={{ color: '#5E6673' }}>{t('currentLeverage')}</div>
+                  <div style={{ color: '#5E6673' }}>{t('currentLeverage', language)}</div>
                   <div className="font-mono" style={{ color: '#EAECEF' }}>{riskInfo.current_leverage}x</div>
                 </div>
                 <div>
-                  <div style={{ color: '#5E6673' }}>{t('effectiveLeverage')}</div>
+                  <div style={{ color: '#5E6673' }}>{t('effectiveLeverage', language)}</div>
                   <div className="font-mono" style={{ color: '#F0B90B' }}>{riskInfo.effective_leverage.toFixed(2)}x</div>
                 </div>
                 <div>
-                  <div style={{ color: '#5E6673' }}>{t('recommendedLeverage')}</div>
-                  <div
-                    className="font-mono"
-                    style={{ color: riskInfo.current_leverage > riskInfo.recommended_leverage ? '#F6465D' : '#0ECB81' }}
-                  >
-                    {riskInfo.recommended_leverage}x
-                  </div>
+                  <div style={{ color: '#5E6673' }}>{t('recommendedLeverage', language)}</div>
+                  <div className="font-mono" style={{ color: riskInfo.current_leverage > riskInfo.recommended_leverage ? '#F6465D' : '#0ECB81' }}>{riskInfo.recommended_leverage}x</div>
                 </div>
               </div>
             </div>
-
-            {/* Position */}
             <div className="p-2 rounded" style={{ background: '#1E2329' }}>
               <div className="flex items-center gap-1 mb-2">
                 <Activity className="w-3 h-3" style={{ color: '#F0B90B' }} />
-                <span className="text-xs font-medium" style={{ color: '#848E9C' }}>{t('positionInfo')}</span>
+                <span className="text-xs font-medium" style={{ color: '#848E9C' }}>{t('positionInfo', language)}</span>
               </div>
               <div className="grid grid-cols-3 gap-1 text-xs">
                 <div>
-                  <div style={{ color: '#5E6673' }}>{t('currentPosition')}</div>
+                  <div style={{ color: '#5E6673' }}>{t('currentPosition', language)}</div>
                   <div className="font-mono" style={{ color: '#EAECEF' }}>{formatUSD(riskInfo.current_position)}</div>
                 </div>
                 <div>
-                  <div style={{ color: '#5E6673' }}>{t('maxPosition')}</div>
+                  <div style={{ color: '#5E6673' }}>{t('maxPosition', language)}</div>
                   <div className="font-mono" style={{ color: '#EAECEF' }}>{formatUSD(riskInfo.max_position)}</div>
                 </div>
                 <div>
-                  <div style={{ color: '#5E6673' }}>{t('positionPercent')}</div>
-                  <div className="font-mono" style={{ color: getPositionColor(riskInfo.position_percent) }}>
-                    {riskInfo.position_percent.toFixed(1)}%
-                  </div>
+                  <div style={{ color: '#5E6673' }}>{t('positionPercent', language)}</div>
+                  <div className="font-mono" style={{ color: getPositionColor(riskInfo.position_percent) }}>{riskInfo.position_percent.toFixed(1)}%</div>
                 </div>
               </div>
-              {/* Mini progress bar */}
               <div className="h-1 mt-2 rounded-full overflow-hidden" style={{ background: '#2B3139' }}>
-                <div
-                  className="h-full rounded-full"
-                  style={{ width: `${Math.min(riskInfo.position_percent, 100)}%`, background: getPositionColor(riskInfo.position_percent) }}
-                />
+                <div className="h-full rounded-full" style={{ width: `${Math.min(riskInfo.position_percent, 100)}%`, background: getPositionColor(riskInfo.position_percent) }} />
               </div>
             </div>
           </div>
-
-          {/* Row 2: Market State & Liquidation */}
           <div className="grid grid-cols-2 gap-3">
-            {/* Market State */}
             <div className="p-2 rounded" style={{ background: '#1E2329' }}>
               <div className="flex items-center gap-1 mb-2">
                 <Shield className="w-3 h-3" style={{ color: '#F0B90B' }} />
-                <span className="text-xs font-medium" style={{ color: '#848E9C' }}>{t('marketState')}</span>
+                <span className="text-xs font-medium" style={{ color: '#848E9C' }}>{t('marketState', language)}</span>
               </div>
               <div className="grid grid-cols-2 gap-2 text-xs">
                 <div>
-                  <div style={{ color: '#5E6673' }}>{t('regimeLevel')}</div>
-                  <div className="font-medium" style={{ color: getRegimeColor(riskInfo.regime_level) }}>
-                    {t(riskInfo.regime_level || 'standard')}
-                  </div>
+                  <div style={{ color: '#5E6673' }}>{t('regimeLevel', language)}</div>
+                  <div className="font-medium" style={{ color: getRegimeColor(riskInfo.regime_level) }}>{t(riskInfo.regime_level || 'standard', language)}</div>
                 </div>
                 <div>
-                  <div style={{ color: '#5E6673' }}>{t('currentPrice')}</div>
+                  <div style={{ color: '#5E6673' }}>{t('currentPrice', language)}</div>
                   <div className="font-mono" style={{ color: '#EAECEF' }}>{formatPrice(riskInfo.current_price)}</div>
                 </div>
                 <div>
-                  <div style={{ color: '#5E6673' }}>{t('breakoutLevel')}</div>
-                  <div className="font-medium" style={{ color: getBreakoutColor(riskInfo.breakout_level) }}>
-                    {t(riskInfo.breakout_level || 'none')}
-                  </div>
+                  <div style={{ color: '#5E6673' }}>{t('breakoutLevel', language)}</div>
+                  <div className="font-medium" style={{ color: getBreakoutColor(riskInfo.breakout_level) }}>{t(riskInfo.breakout_level || 'none', language)}</div>
                 </div>
                 <div>
-                  <div style={{ color: '#5E6673' }}>{t('breakoutDirection')}</div>
-                  <div
-                    className="font-medium"
-                    style={{ color: riskInfo.breakout_direction === 'up' ? '#0ECB81' : riskInfo.breakout_direction === 'down' ? '#F6465D' : '#848E9C' }}
-                  >
-                    {riskInfo.breakout_direction ? t(riskInfo.breakout_direction) : '-'}
+                  <div style={{ color: '#5E6673' }}>{t('breakoutDirection', language)}</div>
+                  <div className="font-medium" style={{ color: riskInfo.breakout_direction === 'up' ? '#0ECB81' : riskInfo.breakout_direction === 'down' ? '#F6465D' : '#848E9C' }}>
+                    {riskInfo.breakout_direction ? t(riskInfo.breakout_direction, language) : '-'}
                   </div>
                 </div>
               </div>
             </div>
-
-            {/* Liquidation */}
             <div className="p-2 rounded" style={{ background: '#1E2329' }}>
               <div className="flex items-center gap-1 mb-2">
                 <AlertTriangle className="w-3 h-3" style={{ color: '#F6465D' }} />
-                <span className="text-xs font-medium" style={{ color: '#848E9C' }}>{t('liquidationInfo')}</span>
+                <span className="text-xs font-medium" style={{ color: '#848E9C' }}>{t('liquidationInfo', language)}</span>
               </div>
               <div className="grid grid-cols-2 gap-2 text-xs">
                 <div>
-                  <div style={{ color: '#5E6673' }}>{t('liquidationPrice')}</div>
-                  <div className="font-mono" style={{ color: '#F6465D' }}>
-                    {riskInfo.liquidation_price > 0 ? formatPrice(riskInfo.liquidation_price) : '-'}
-                  </div>
+                  <div style={{ color: '#5E6673' }}>{t('liquidationPrice', language)}</div>
+                  <div className="font-mono" style={{ color: '#F6465D' }}>{riskInfo.liquidation_price > 0 ? formatPrice(riskInfo.liquidation_price) : '-'}</div>
                 </div>
                 <div>
-                  <div style={{ color: '#5E6673' }}>{t('liquidationDistance')}</div>
-                  <div className="font-mono" style={{ color: '#F6465D' }}>
-                    {riskInfo.liquidation_distance > 0 ? `${riskInfo.liquidation_distance.toFixed(1)}%` : '-'}
-                  </div>
+                  <div style={{ color: '#5E6673' }}>{t('liquidationDistance', language)}</div>
+                  <div className="font-mono" style={{ color: '#F6465D' }}>{riskInfo.liquidation_distance > 0 ? `${riskInfo.liquidation_distance.toFixed(1)}%` : '-'}</div>
                 </div>
               </div>
             </div>
           </div>
-
-          {/* Row 3: Box State */}
           <div className="p-2 rounded" style={{ background: '#1E2329' }}>
             <div className="flex items-center gap-1 mb-2">
               <Box className="w-3 h-3" style={{ color: '#F0B90B' }} />
-              <span className="text-xs font-medium" style={{ color: '#848E9C' }}>{t('boxState')}</span>
+              <span className="text-xs font-medium" style={{ color: '#848E9C' }}>{t('boxState', language)}</span>
             </div>
             <div className="grid grid-cols-3 gap-2 text-xs">
               <div className="flex justify-between">
-                <span style={{ color: '#5E6673' }}>{t('shortBox')}</span>
-                <span className="font-mono" style={{ color: '#EAECEF' }}>
-                  {formatPrice(riskInfo.short_box_lower)} - {formatPrice(riskInfo.short_box_upper)}
-                </span>
+                <span style={{ color: '#5E6673' }}>{t('shortBox', language)}</span>
+                <span className="font-mono" style={{ color: '#EAECEF' }}>{formatPrice(riskInfo.short_box_lower)} - {formatPrice(riskInfo.short_box_upper)}</span>
               </div>
               <div className="flex justify-between">
-                <span style={{ color: '#5E6673' }}>{t('midBox')}</span>
-                <span className="font-mono" style={{ color: '#EAECEF' }}>
-                  {formatPrice(riskInfo.mid_box_lower)} - {formatPrice(riskInfo.mid_box_upper)}
-                </span>
+                <span style={{ color: '#5E6673' }}>{t('midBox', language)}</span>
+                <span className="font-mono" style={{ color: '#EAECEF' }}>{formatPrice(riskInfo.mid_box_lower)} - {formatPrice(riskInfo.mid_box_upper)}</span>
               </div>
               <div className="flex justify-between">
-                <span style={{ color: '#5E6673' }}>{t('longBox')}</span>
-                <span className="font-mono" style={{ color: '#EAECEF' }}>
-                  {formatPrice(riskInfo.long_box_lower)} - {formatPrice(riskInfo.long_box_upper)}
-                </span>
+                <span style={{ color: '#5E6673' }}>{t('longBox', language)}</span>
+                <span className="font-mono" style={{ color: '#EAECEF' }}>{formatPrice(riskInfo.long_box_lower)} - {formatPrice(riskInfo.long_box_upper)}</span>
               </div>
             </div>
           </div>
diff --git a/web/src/components/strategy/IndicatorEditor.tsx b/web/src/components/strategy/IndicatorEditor.tsx
index 4b2b05ca10..4e2f666056 100644
--- a/web/src/components/strategy/IndicatorEditor.tsx
+++ b/web/src/components/strategy/IndicatorEditor.tsx
@@ -1,642 +1,136 @@
 import { Clock, Activity, TrendingUp, BarChart2, Info, Lock, ExternalLink, Zap, Check, AlertCircle, Key } from 'lucide-react'
 import type { IndicatorConfig } from '../../types'
+import { indicator } from '../../i18n/strategy-translations'
 
-// Default NofxOS API Key
 const DEFAULT_NOFXOS_API_KEY = 'cm_568c67eae410d912c54c'
 
-interface IndicatorEditorProps {
-  config: IndicatorConfig
-  onChange: (config: IndicatorConfig) => void
-  disabled?: boolean
-  language: string
-}
-
-// 所有可用时间周期
 const allTimeframes = [
-  { value: '1m', label: '1m', category: 'scalp' },
-  { value: '3m', label: '3m', category: 'scalp' },
-  { value: '5m', label: '5m', category: 'scalp' },
-  { value: '15m', label: '15m', category: 'intraday' },
-  { value: '30m', label: '30m', category: 'intraday' },
-  { value: '1h', label: '1h', category: 'intraday' },
-  { value: '2h', label: '2h', category: 'swing' },
-  { value: '4h', label: '4h', category: 'swing' },
-  { value: '6h', label: '6h', category: 'swing' },
-  { value: '8h', label: '8h', category: 'swing' },
-  { value: '12h', label: '12h', category: 'swing' },
-  { value: '1d', label: '1D', category: 'position' },
-  { value: '3d', label: '3D', category: 'position' },
-  { value: '1w', label: '1W', category: 'position' },
+  { value: '1m', label: '1m', category: 'scalp' }, { value: '3m', label: '3m', category: 'scalp' }, { value: '5m', label: '5m', category: 'scalp' },
+  { value: '15m', label: '15m', category: 'intraday' }, { value: '30m', label: '30m', category: 'intraday' }, { value: '1h', label: '1h', category: 'intraday' },
+  { value: '2h', label: '2h', category: 'swing' }, { value: '4h', label: '4h', category: 'swing' }, { value: '6h', label: '6h', category: 'swing' },
+  { value: '8h', label: '8h', category: 'swing' }, { value: '12h', label: '12h', category: 'swing' }, { value: '1d', label: '1D', category: 'position' },
+  { value: '3d', label: '3D', category: 'position' }, { value: '1w', label: '1W', category: 'position' },
 ]
 
-export function IndicatorEditor({
-  config,
-  onChange,
-  disabled,
-  language,
-}: IndicatorEditorProps) {
-  const t = (key: string) => {
-    const translations: Record<string, Record<string, string>> = {
-      // Section titles
-      marketData: { zh: '市场数据', en: 'Market Data' },
-      marketDataDesc: { zh: 'AI 分析所需的核心价格数据', en: 'Core price data for AI analysis' },
-      technicalIndicators: { zh: '技术指标', en: 'Technical Indicators' },
-      technicalIndicatorsDesc: { zh: '可选的技术分析指标，AI 可自行计算', en: 'Optional indicators, AI can calculate them' },
-      marketSentiment: { zh: '市场情绪', en: 'Market Sentiment' },
-      marketSentimentDesc: { zh: '持仓量、资金费率等市场情绪数据', en: 'OI, funding rate and market sentiment data' },
-      quantData: { zh: '量化数据', en: 'Quant Data' },
-      quantDataDesc: { zh: '资金流向、大户动向', en: 'Netflow, whale movements' },
-
-      // Timeframes
-      timeframes: { zh: '时间周期', en: 'Timeframes' },
-      timeframesDesc: { zh: '选择 K 线分析周期，★ 为主周期（双击设置）', en: 'Select K-line timeframes, ★ = primary (double-click)' },
-      klineCount: { zh: 'K 线数量', en: 'K-line Count' },
-      scalp: { zh: '超短', en: 'Scalp' },
-      intraday: { zh: '日内', en: 'Intraday' },
-      swing: { zh: '波段', en: 'Swing' },
-      position: { zh: '趋势', en: 'Position' },
-
-      // Data types
-      rawKlines: { zh: 'OHLCV 原始 K 线', en: 'Raw OHLCV K-lines' },
-      rawKlinesDesc: { zh: '必须 - 开高低收量原始数据，AI 核心分析依据', en: 'Required - Open/High/Low/Close/Volume data for AI' },
-      required: { zh: '必须', en: 'Required' },
-
-      // Indicators
-      ema: { zh: 'EMA 均线', en: 'EMA' },
-      emaDesc: { zh: '指数移动平均线', en: 'Exponential Moving Average' },
-      macd: { zh: 'MACD', en: 'MACD' },
-      macdDesc: { zh: '异同移动平均线', en: 'Moving Average Convergence Divergence' },
-      rsi: { zh: 'RSI', en: 'RSI' },
-      rsiDesc: { zh: '相对强弱指标', en: 'Relative Strength Index' },
-      atr: { zh: 'ATR', en: 'ATR' },
-      atrDesc: { zh: '真实波幅均值', en: 'Average True Range' },
-      boll: { zh: 'BOLL 布林带', en: 'Bollinger Bands' },
-      bollDesc: { zh: '布林带指标（上中下轨）', en: 'Upper/Middle/Lower Bands' },
-      volume: { zh: '成交量', en: 'Volume' },
-      volumeDesc: { zh: '交易量分析', en: 'Trading volume analysis' },
-      oi: { zh: '持仓量', en: 'Open Interest' },
-      oiDesc: { zh: '合约未平仓量', en: 'Futures open interest' },
-      fundingRate: { zh: '资金费率', en: 'Funding Rate' },
-      fundingRateDesc: { zh: '永续合约资金费率', en: 'Perpetual funding rate' },
-
-      // OI Ranking
-      oiRanking: { zh: 'OI 排行', en: 'OI Ranking' },
-      oiRankingDesc: { zh: '持仓量增减排行', en: 'OI change ranking' },
-      oiRankingNote: { zh: '显示持仓量增加/减少的币种排行，帮助发现资金流向', en: 'Shows coins with OI increase/decrease, helps identify capital flow' },
-
-      // NetFlow Ranking
-      netflowRanking: { zh: '资金流向', en: 'NetFlow' },
-      netflowRankingDesc: { zh: '机构/散户资金流向', en: 'Institution/retail fund flow' },
-      netflowRankingNote: { zh: '显示机构资金流入/流出排行，散户动向对比，发现聪明钱信号', en: 'Shows institution inflow/outflow ranking, retail flow comparison, Smart Money signals' },
-
-      // Price Ranking
-      priceRanking: { zh: '涨跌幅排行', en: 'Price Ranking' },
-      priceRankingDesc: { zh: '涨跌幅排行榜', en: 'Gainers/losers ranking' },
-      priceRankingNote: { zh: '显示涨幅/跌幅排行，结合资金流和持仓变化分析趋势强度', en: 'Shows top gainers/losers, combined with fund flow and OI for trend analysis' },
-      priceRankingMulti: { zh: '多周期', en: 'Multi-period' },
-
-      // Common settings
-      duration: { zh: '周期', en: 'Duration' },
-      limit: { zh: '数量', en: 'Limit' },
-
-      // Tips
-      aiCanCalculate: { zh: '💡 提示：AI 可自行计算这些指标，开启可减少 AI 计算量', en: '💡 Tip: AI can calculate these, enabling reduces AI workload' },
-
-      // NofxOS Data Provider
-      nofxosTitle: { zh: 'NofxOS 量化数据源', en: 'NofxOS Data Provider' },
-      nofxosDesc: { zh: '专业加密货币量化数据服务', en: 'Professional crypto quant data service' },
-      nofxosFeatures: { zh: 'AI500 · OI排行 · 资金流向 · 涨跌榜', en: 'AI500 · OI Ranking · Fund Flow · Price Ranking' },
-      viewApiDocs: { zh: 'API 文档', en: 'API Docs' },
-      apiKey: { zh: 'API Key', en: 'API Key' },
-      apiKeyPlaceholder: { zh: '输入 NofxOS API Key', en: 'Enter NofxOS API Key' },
-      fillDefault: { zh: '填入默认', en: 'Fill Default' },
-      connected: { zh: '已配置', en: 'Configured' },
-      notConfigured: { zh: '未配置', en: 'Not Configured' },
-      nofxosDataSources: { zh: 'NofxOS 数据源', en: 'NofxOS Data Sources' },
-    }
-    return translations[key]?.[language] || key
-  }
+const t = (key: keyof typeof indicator, language: string): string => {
+  const entry = indicator[key]
+  if (!entry) return key
+  return entry[language as keyof typeof entry] || entry.en || key
+}
 
-  // 获取当前选中的时间周期
+export function IndicatorEditor({ config, onChange, disabled, language }: {
+  config: IndicatorConfig
+  onChange: (config: IndicatorConfig) => void
+  disabled?: boolean
+  language: string
+}) {
   const selectedTimeframes = config.klines.selected_timeframes || [config.klines.primary_timeframe]
-
-  // 切换时间周期选择
   const toggleTimeframe = (tf: string) => {
     if (disabled) return
     const current = [...selectedTimeframes]
     const index = current.indexOf(tf)
-
-    if (index >= 0) {
-      if (current.length > 1) {
-        current.splice(index, 1)
-        const newPrimary = tf === config.klines.primary_timeframe ? current[0] : config.klines.primary_timeframe
-        onChange({
-          ...config,
-          klines: {
-            ...config.klines,
-            selected_timeframes: current,
-            primary_timeframe: newPrimary,
-            enable_multi_timeframe: current.length > 1,
-          },
-        })
-      }
-    } else {
-      current.push(tf)
-      onChange({
-        ...config,
-        klines: {
-          ...config.klines,
-          selected_timeframes: current,
-          enable_multi_timeframe: current.length > 1,
-        },
-      })
-    }
+    if (index >= 0) { if (current.length > 1) { current.splice(index, 1); const newPrimary = tf === config.klines.primary_timeframe ? current[0] : config.klines.primary_timeframe; onChange({ ...config, klines: { ...config.klines, selected_timeframes: current, primary_timeframe: newPrimary, enable_multi_timeframe: current.length > 1 } }) } }
+    else { current.push(tf); onChange({ ...config, klines: { ...config.klines, selected_timeframes: current, enable_multi_timeframe: current.length > 1 } }) }
   }
-
-  // 设置主时间周期
-  const setPrimaryTimeframe = (tf: string) => {
-    if (disabled) return
-    onChange({
-      ...config,
-      klines: {
-        ...config.klines,
-        primary_timeframe: tf,
-      },
-    })
-  }
-
-  const categoryColors: Record<string, string> = {
-    scalp: '#F6465D',
-    intraday: '#F0B90B',
-    swing: '#0ECB81',
-    position: '#60a5fa',
-  }
-
-  // Ensure enable_raw_klines is always true
-  const ensureRawKlines = () => {
-    if (!config.enable_raw_klines) {
-      onChange({ ...config, enable_raw_klines: true })
-    }
-  }
-
-  // Call on mount if needed
-  if (config.enable_raw_klines === undefined || config.enable_raw_klines === false) {
-    ensureRawKlines()
-  }
-
-  // Check if any NofxOS feature is enabled
+  const setPrimaryTimeframe = (tf: string) => { if (disabled) return; onChange({ ...config, klines: { ...config.klines, primary_timeframe: tf } }) }
+  const categoryColors: Record<string, string> = { scalp: '#F6465D', intraday: '#F0B90B', swing: '#0ECB81', position: '#60a5fa' }
+  if (config.enable_raw_klines === undefined || config.enable_raw_klines === false) { onChange({ ...config, enable_raw_klines: true }) }
   const hasNofxosEnabled = config.enable_quant_data || config.enable_oi_ranking || config.enable_netflow_ranking || config.enable_price_ranking
   const hasApiKey = !!config.nofxos_api_key
 
   return (
     <div className="space-y-5">
-      {/* ============================================ */}
-      {/* NofxOS Data Provider - Top Configuration    */}
-      {/* ============================================ */}
-      <div
-        className="rounded-lg overflow-hidden relative"
-        style={{
-          background: 'linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(168, 85, 247, 0.08) 50%, rgba(236, 72, 153, 0.08) 100%)',
-          border: '1px solid rgba(139, 92, 246, 0.3)',
-        }}
-      >
-        {/* Decorative gradient line at top */}
-        <div
-          className="absolute top-0 left-0 right-0 h-[2px]"
-          style={{ background: 'linear-gradient(90deg, #6366f1, #a855f7, #ec4899)' }}
-        />
-
+      <div className="rounded-lg overflow-hidden relative" style={{ background: 'linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(168, 85, 247, 0.08) 50%, rgba(236, 72, 153, 0.08) 100%)', border: '1px solid rgba(139, 92, 246, 0.3)' }}>
+        <div className="absolute top-0 left-0 right-0 h-[2px]" style={{ background: 'linear-gradient(90deg, #6366f1, #a855f7, #ec4899)' }} />
         <div className="p-4">
-          {/* Header Row */}
           <div className="flex items-center justify-between mb-3">
             <div className="flex items-center gap-2">
-              <div
-                className="w-8 h-8 rounded-lg flex items-center justify-center"
-                style={{ background: 'linear-gradient(135deg, #6366f1, #a855f7)' }}
-              >
-                <Zap className="w-4 h-4 text-white" />
-              </div>
-              <div>
-                <h3 className="text-sm font-semibold" style={{ color: '#EAECEF' }}>
-                  {t('nofxosTitle')}
-                </h3>
-                <span className="text-[10px]" style={{ color: '#848E9C' }}>
-                  {t('nofxosFeatures')}
-                </span>
-              </div>
+              <div className="w-8 h-8 rounded-lg flex items-center justify-center" style={{ background: 'linear-gradient(135deg, #6366f1, #a855f7)' }}><Zap className="w-4 h-4 text-white" /></div>
+              <div><h3 className="text-sm font-semibold" style={{ color: '#EAECEF' }}>{t('nofxosTitle', language)}</h3><span className="text-[10px]" style={{ color: '#848E9C' }}>{t('nofxosFeatures', language)}</span></div>
             </div>
-
-            {/* Status & API Docs */}
             <div className="flex items-center gap-2">
-              {hasApiKey ? (
-                <span className="flex items-center gap-1 text-[10px] px-2 py-1 rounded-full" style={{ background: 'rgba(14, 203, 129, 0.15)', color: '#0ECB81' }}>
-                  <Check className="w-3 h-3" />
-                  {t('connected')}
-                </span>
-              ) : (
-                <span className="flex items-center gap-1 text-[10px] px-2 py-1 rounded-full" style={{ background: 'rgba(246, 70, 93, 0.15)', color: '#F6465D' }}>
-                  <AlertCircle className="w-3 h-3" />
-                  {t('notConfigured')}
-                </span>
-              )}
-              <a
-                href="https://nofxos.ai/api-docs"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="flex items-center gap-1 text-[10px] px-2 py-1 rounded-full transition-all hover:scale-[1.02]"
-                style={{
-                  background: 'rgba(139, 92, 246, 0.2)',
-                  color: '#a855f7',
-                }}
-              >
-                <ExternalLink className="w-3 h-3" />
-                {t('viewApiDocs')}
-              </a>
+              {hasApiKey ? <span className="flex items-center gap-1 text-[10px] px-2 py-1 rounded-full" style={{ background: 'rgba(14, 203, 129, 0.15)', color: '#0ECB81' }}><Check className="w-3 h-3" />{t('connected', language)}</span> : <span className="flex items-center gap-1 text-[10px] px-2 py-1 rounded-full" style={{ background: 'rgba(246, 70, 93, 0.15)', color: '#F6465D' }}><AlertCircle className="w-3 h-3" />{t('notConfigured', language)}</span>}
+              <a href="https://nofxos.ai/api-docs" target="_blank" rel="noopener noreferrer" className="flex items-center gap-1 text-[10px] px-2 py-1 rounded-full transition-all hover:scale-[1.02]" style={{ background: 'rgba(139, 92, 246, 0.2)', color: '#a855f7' }}><ExternalLink className="w-3 h-3" />{t('viewApiDocs', language)}</a>
             </div>
           </div>
-
-          {/* API Key Input */}
           <div className="flex items-center gap-2">
             <div className="flex-1 relative">
               <Key className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4" style={{ color: '#848E9C' }} />
-              <input
-                type="text"
-                value={config.nofxos_api_key || ''}
-                onChange={(e) => !disabled && onChange({ ...config, nofxos_api_key: e.target.value })}
-                disabled={disabled}
-                placeholder={t('apiKeyPlaceholder')}
-                className="w-full pl-9 pr-3 py-2 rounded-lg text-sm font-mono"
-                style={{
-                  background: 'rgba(30, 35, 41, 0.8)',
-                  border: hasApiKey ? '1px solid rgba(14, 203, 129, 0.3)' : '1px solid rgba(139, 92, 246, 0.3)',
-                  color: '#EAECEF',
-                }}
-              />
+              <input type="text" value={config.nofxos_api_key || ''} onChange={(e) => !disabled && onChange({ ...config, nofxos_api_key: e.target.value })} disabled={disabled} placeholder={t('apiKeyPlaceholder', language)} className="w-full pl-9 pr-3 py-2 rounded-lg text-sm font-mono" style={{ background: 'rgba(30, 35, 41, 0.8)', border: hasApiKey ? '1px solid rgba(14, 203, 129, 0.3)' : '1px solid rgba(139, 92, 246, 0.3)', color: '#EAECEF' }} />
             </div>
-            {!disabled && !config.nofxos_api_key && (
-              <button
-                type="button"
-                onClick={() => onChange({ ...config, nofxos_api_key: DEFAULT_NOFXOS_API_KEY })}
-                className="px-3 py-2 rounded-lg text-xs font-medium transition-all hover:scale-[1.02]"
-                style={{
-                  background: 'linear-gradient(135deg, #6366f1, #a855f7)',
-                  color: '#fff',
-                }}
-              >
-                {t('fillDefault')}
-              </button>
-            )}
+            {!disabled && !config.nofxos_api_key && <button type="button" onClick={() => onChange({ ...config, nofxos_api_key: DEFAULT_NOFXOS_API_KEY })} className="px-3 py-2 rounded-lg text-xs font-medium transition-all hover:scale-[1.02]" style={{ background: 'linear-gradient(135deg, #6366f1, #a855f7)', color: '#fff' }}>{t('fillDefault', language)}</button>}
           </div>
-
-          {/* NofxOS Data Sources Grid */}
           <div className="mt-4">
-            <div className="text-[10px] font-medium mb-2" style={{ color: '#848E9C' }}>
-              {t('nofxosDataSources')}
-            </div>
+            <div className="text-[10px] font-medium mb-2" style={{ color: '#848E9C' }}>{t('nofxosDataSources', language)}</div>
             <div className="grid grid-cols-2 gap-2">
-              {/* Quant Data */}
-              <div
-                className="p-2.5 rounded-lg transition-all cursor-pointer"
-                style={{
-                  background: config.enable_quant_data ? 'rgba(96, 165, 250, 0.1)' : 'rgba(30, 35, 41, 0.5)',
-                  border: config.enable_quant_data ? '1px solid rgba(96, 165, 250, 0.3)' : '1px solid rgba(43, 49, 57, 0.5)',
-                  opacity: disabled ? 0.5 : 1,
-                }}
-                onClick={() => !disabled && onChange({ ...config, enable_quant_data: !config.enable_quant_data })}
-              >
+              <div className="p-2.5 rounded-lg transition-all cursor-pointer" style={{ background: config.enable_quant_data ? 'rgba(96, 165, 250, 0.1)' : 'rgba(30, 35, 41, 0.5)', border: config.enable_quant_data ? '1px solid rgba(96, 165, 250, 0.3)' : '1px solid rgba(43, 49, 57, 0.5)', opacity: disabled ? 0.5 : 1 }} onClick={() => !disabled && onChange({ ...config, enable_quant_data: !config.enable_quant_data })}>
                 <div className="flex items-center justify-between">
-                  <div className="flex items-center gap-2">
-                    <div className="w-2 h-2 rounded-full" style={{ background: '#60a5fa' }} />
-                    <span className="text-xs font-medium" style={{ color: '#EAECEF' }}>{t('quantData')}</span>
-                  </div>
-                  <input
-                    type="checkbox"
-                    checked={config.enable_quant_data || false}
-                    onChange={(e) => { e.stopPropagation(); !disabled && onChange({ ...config, enable_quant_data: e.target.checked }) }}
-                    disabled={disabled}
-                    className="w-3.5 h-3.5 rounded accent-blue-500"
-                  />
+                  <div className="flex items-center gap-2"><div className="w-2 h-2 rounded-full" style={{ background: '#60a5fa' }} /><span className="text-xs font-medium" style={{ color: '#EAECEF' }}>{t('quantData', language)}</span></div>
+                  <input type="checkbox" checked={config.enable_quant_data || false} onChange={(e) => { e.stopPropagation(); !disabled && onChange({ ...config, enable_quant_data: e.target.checked }) }} disabled={disabled} className="w-3.5 h-3.5 rounded accent-blue-500" />
                 </div>
-                <p className="text-[10px] mt-1" style={{ color: '#5E6673' }}>{t('quantDataDesc')}</p>
-                {config.enable_quant_data && (
-                  <div className="flex gap-3 mt-2">
-                    <label className="flex items-center gap-1.5 cursor-pointer">
-                      <input
-                        type="checkbox"
-                        checked={config.enable_quant_oi !== false}
-                        onChange={(e) => { e.stopPropagation(); !disabled && onChange({ ...config, enable_quant_oi: e.target.checked }) }}
-                        disabled={disabled}
-                        className="w-3 h-3 rounded accent-blue-500"
-                      />
-                      <span className="text-[10px]" style={{ color: '#EAECEF' }}>OI</span>
-                    </label>
-                    <label className="flex items-center gap-1.5 cursor-pointer">
-                      <input
-                        type="checkbox"
-                        checked={config.enable_quant_netflow !== false}
-                        onChange={(e) => { e.stopPropagation(); !disabled && onChange({ ...config, enable_quant_netflow: e.target.checked }) }}
-                        disabled={disabled}
-                        className="w-3 h-3 rounded accent-blue-500"
-                      />
-                      <span className="text-[10px]" style={{ color: '#EAECEF' }}>Netflow</span>
-                    </label>
-                  </div>
-                )}
+                <p className="text-[10px] mt-1" style={{ color: '#5E6673' }}>{t('quantDataDesc', language)}</p>
               </div>
-
-              {/* OI Ranking */}
-              <div
-                className="p-2.5 rounded-lg transition-all cursor-pointer"
-                style={{
-                  background: config.enable_oi_ranking ? 'rgba(34, 197, 94, 0.1)' : 'rgba(30, 35, 41, 0.5)',
-                  border: config.enable_oi_ranking ? '1px solid rgba(34, 197, 94, 0.3)' : '1px solid rgba(43, 49, 57, 0.5)',
-                  opacity: disabled ? 0.5 : 1,
-                }}
-                onClick={() => !disabled && onChange({
-                  ...config,
-                  enable_oi_ranking: !config.enable_oi_ranking,
-                  ...(!config.enable_oi_ranking && !config.oi_ranking_duration ? { oi_ranking_duration: '1h' } : {}),
-                  ...(!config.enable_oi_ranking && !config.oi_ranking_limit ? { oi_ranking_limit: 10 } : {}),
-                })}
-              >
+              <div className="p-2.5 rounded-lg transition-all cursor-pointer" style={{ background: config.enable_oi_ranking ? 'rgba(34, 197, 94, 0.1)' : 'rgba(30, 35, 41, 0.5)', border: config.enable_oi_ranking ? '1px solid rgba(34, 197, 94, 0.3)' : '1px solid rgba(43, 49, 57, 0.5)', opacity: disabled ? 0.5 : 1 }} onClick={() => !disabled && onChange({ ...config, enable_oi_ranking: !config.enable_oi_ranking, ...(!config.enable_oi_ranking && !config.oi_ranking_duration ? { oi_ranking_duration: '1h' } : {}), ...(!config.enable_oi_ranking && !config.oi_ranking_limit ? { oi_ranking_limit: 10 } : {}) })}>
                 <div className="flex items-center justify-between">
-                  <div className="flex items-center gap-2">
-                    <div className="w-2 h-2 rounded-full" style={{ background: '#22c55e' }} />
-                    <span className="text-xs font-medium" style={{ color: '#EAECEF' }}>{t('oiRanking')}</span>
-                  </div>
-                  <input
-                    type="checkbox"
-                    checked={config.enable_oi_ranking || false}
-                    onChange={(e) => { e.stopPropagation(); !disabled && onChange({
-                      ...config,
-                      enable_oi_ranking: e.target.checked,
-                      ...(e.target.checked && !config.oi_ranking_duration ? { oi_ranking_duration: '1h' } : {}),
-                      ...(e.target.checked && !config.oi_ranking_limit ? { oi_ranking_limit: 10 } : {}),
-                    }) }}
-                    disabled={disabled}
-                    className="w-3.5 h-3.5 rounded accent-green-500"
-                  />
+                  <div className="flex items-center gap-2"><div className="w-2 h-2 rounded-full" style={{ background: '#22c55e' }} /><span className="text-xs font-medium" style={{ color: '#EAECEF' }}>{t('oiRanking', language)}</span></div>
+                  <input type="checkbox" checked={config.enable_oi_ranking || false} onChange={(e) => { e.stopPropagation(); !disabled && onChange({ ...config, enable_oi_ranking: e.target.checked }) }} disabled={disabled} className="w-3.5 h-3.5 rounded accent-green-500" />
                 </div>
-                <p className="text-[10px] mt-1" style={{ color: '#5E6673' }}>{t('oiRankingDesc')}</p>
-                {config.enable_oi_ranking && (
-                  <div className="flex gap-2 mt-2" onClick={(e) => e.stopPropagation()}>
-                    <select
-                      value={config.oi_ranking_duration || '1h'}
-                      onChange={(e) => !disabled && onChange({ ...config, oi_ranking_duration: e.target.value })}
-                      disabled={disabled}
-                      className="flex-1 px-2 py-1 rounded text-[10px]"
-                      style={{ background: '#1E2329', border: '1px solid #2B3139', color: '#EAECEF' }}
-                    >
-                      <option value="1h">1h</option>
-                      <option value="4h">4h</option>
-                      <option value="24h">24h</option>
-                    </select>
-                    <select
-                      value={config.oi_ranking_limit || 10}
-                      onChange={(e) => !disabled && onChange({ ...config, oi_ranking_limit: parseInt(e.target.value) })}
-                      disabled={disabled}
-                      className="w-14 px-2 py-1 rounded text-[10px]"
-                      style={{ background: '#1E2329', border: '1px solid #2B3139', color: '#EAECEF' }}
-                    >
-                      {[5, 10, 15, 20].map(n => <option key={n} value={n}>{n}</option>)}
-                    </select>
-                  </div>
-                )}
+                <p className="text-[10px] mt-1" style={{ color: '#5E6673' }}>{t('oiRankingDesc', language)}</p>
               </div>
-
-              {/* NetFlow Ranking */}
-              <div
-                className="p-2.5 rounded-lg transition-all cursor-pointer"
-                style={{
-                  background: config.enable_netflow_ranking ? 'rgba(245, 158, 11, 0.1)' : 'rgba(30, 35, 41, 0.5)',
-                  border: config.enable_netflow_ranking ? '1px solid rgba(245, 158, 11, 0.3)' : '1px solid rgba(43, 49, 57, 0.5)',
-                  opacity: disabled ? 0.5 : 1,
-                }}
-                onClick={() => !disabled && onChange({
-                  ...config,
-                  enable_netflow_ranking: !config.enable_netflow_ranking,
-                  ...(!config.enable_netflow_ranking && !config.netflow_ranking_duration ? { netflow_ranking_duration: '1h' } : {}),
-                  ...(!config.enable_netflow_ranking && !config.netflow_ranking_limit ? { netflow_ranking_limit: 10 } : {}),
-                })}
-              >
+              <div className="p-2.5 rounded-lg transition-all cursor-pointer" style={{ background: config.enable_netflow_ranking ? 'rgba(245, 158, 11, 0.1)' : 'rgba(30, 35, 41, 0.5)', border: config.enable_netflow_ranking ? '1px solid rgba(245, 158, 11, 0.3)' : '1px solid rgba(43, 49, 57, 0.5)', opacity: disabled ? 0.5 : 1 }} onClick={() => !disabled && onChange({ ...config, enable_netflow_ranking: !config.enable_netflow_ranking })}>
                 <div className="flex items-center justify-between">
-                  <div className="flex items-center gap-2">
-                    <div className="w-2 h-2 rounded-full" style={{ background: '#f59e0b' }} />
-                    <span className="text-xs font-medium" style={{ color: '#EAECEF' }}>{t('netflowRanking')}</span>
-                  </div>
-                  <input
-                    type="checkbox"
-                    checked={config.enable_netflow_ranking || false}
-                    onChange={(e) => { e.stopPropagation(); !disabled && onChange({
-                      ...config,
-                      enable_netflow_ranking: e.target.checked,
-                      ...(e.target.checked && !config.netflow_ranking_duration ? { netflow_ranking_duration: '1h' } : {}),
-                      ...(e.target.checked && !config.netflow_ranking_limit ? { netflow_ranking_limit: 10 } : {}),
-                    }) }}
-                    disabled={disabled}
-                    className="w-3.5 h-3.5 rounded accent-amber-500"
-                  />
+                  <div className="flex items-center gap-2"><div className="w-2 h-2 rounded-full" style={{ background: '#f59e0b' }} /><span className="text-xs font-medium" style={{ color: '#EAECEF' }}>{t('netflowRanking', language)}</span></div>
+                  <input type="checkbox" checked={config.enable_netflow_ranking || false} onChange={(e) => { e.stopPropagation(); !disabled && onChange({ ...config, enable_netflow_ranking: e.target.checked }) }} disabled={disabled} className="w-3.5 h-3.5 rounded accent-amber-500" />
                 </div>
-                <p className="text-[10px] mt-1" style={{ color: '#5E6673' }}>{t('netflowRankingDesc')}</p>
-                {config.enable_netflow_ranking && (
-                  <div className="flex gap-2 mt-2" onClick={(e) => e.stopPropagation()}>
-                    <select
-                      value={config.netflow_ranking_duration || '1h'}
-                      onChange={(e) => !disabled && onChange({ ...config, netflow_ranking_duration: e.target.value })}
-                      disabled={disabled}
-                      className="flex-1 px-2 py-1 rounded text-[10px]"
-                      style={{ background: '#1E2329', border: '1px solid #2B3139', color: '#EAECEF' }}
-                    >
-                      <option value="1h">1h</option>
-                      <option value="4h">4h</option>
-                      <option value="24h">24h</option>
-                    </select>
-                    <select
-                      value={config.netflow_ranking_limit || 10}
-                      onChange={(e) => !disabled && onChange({ ...config, netflow_ranking_limit: parseInt(e.target.value) })}
-                      disabled={disabled}
-                      className="w-14 px-2 py-1 rounded text-[10px]"
-                      style={{ background: '#1E2329', border: '1px solid #2B3139', color: '#EAECEF' }}
-                    >
-                      {[5, 10, 15, 20].map(n => <option key={n} value={n}>{n}</option>)}
-                    </select>
-                  </div>
-                )}
+                <p className="text-[10px] mt-1" style={{ color: '#5E6673' }}>{t('netflowRankingDesc', language)}</p>
               </div>
-
-              {/* Price Ranking */}
-              <div
-                className="p-2.5 rounded-lg transition-all cursor-pointer"
-                style={{
-                  background: config.enable_price_ranking ? 'rgba(236, 72, 153, 0.1)' : 'rgba(30, 35, 41, 0.5)',
-                  border: config.enable_price_ranking ? '1px solid rgba(236, 72, 153, 0.3)' : '1px solid rgba(43, 49, 57, 0.5)',
-                  opacity: disabled ? 0.5 : 1,
-                }}
-                onClick={() => !disabled && onChange({
-                  ...config,
-                  enable_price_ranking: !config.enable_price_ranking,
-                  ...(!config.enable_price_ranking && !config.price_ranking_duration ? { price_ranking_duration: '1h,4h,24h' } : {}),
-                  ...(!config.enable_price_ranking && !config.price_ranking_limit ? { price_ranking_limit: 10 } : {}),
-                })}
-              >
+              <div className="p-2.5 rounded-lg transition-all cursor-pointer" style={{ background: config.enable_price_ranking ? 'rgba(236, 72, 153, 0.1)' : 'rgba(30, 35, 41, 0.5)', border: config.enable_price_ranking ? '1px solid rgba(236, 72, 153, 0.3)' : '1px solid rgba(43, 49, 57, 0.5)', opacity: disabled ? 0.5 : 1 }} onClick={() => !disabled && onChange({ ...config, enable_price_ranking: !config.enable_price_ranking })}>
                 <div className="flex items-center justify-between">
-                  <div className="flex items-center gap-2">
-                    <div className="w-2 h-2 rounded-full" style={{ background: '#ec4899' }} />
-                    <span className="text-xs font-medium" style={{ color: '#EAECEF' }}>{t('priceRanking')}</span>
-                  </div>
-                  <input
-                    type="checkbox"
-                    checked={config.enable_price_ranking || false}
-                    onChange={(e) => { e.stopPropagation(); !disabled && onChange({
-                      ...config,
-                      enable_price_ranking: e.target.checked,
-                      ...(e.target.checked && !config.price_ranking_duration ? { price_ranking_duration: '1h,4h,24h' } : {}),
-                      ...(e.target.checked && !config.price_ranking_limit ? { price_ranking_limit: 10 } : {}),
-                    }) }}
-                    disabled={disabled}
-                    className="w-3.5 h-3.5 rounded accent-pink-500"
-                  />
+                  <div className="flex items-center gap-2"><div className="w-2 h-2 rounded-full" style={{ background: '#ec4899' }} /><span className="text-xs font-medium" style={{ color: '#EAECEF' }}>{t('priceRanking', language)}</span></div>
+                  <input type="checkbox" checked={config.enable_price_ranking || false} onChange={(e) => { e.stopPropagation(); !disabled && onChange({ ...config, enable_price_ranking: e.target.checked }) }} disabled={disabled} className="w-3.5 h-3.5 rounded accent-pink-500" />
                 </div>
-                <p className="text-[10px] mt-1" style={{ color: '#5E6673' }}>{t('priceRankingDesc')}</p>
-                {config.enable_price_ranking && (
-                  <div className="flex gap-2 mt-2" onClick={(e) => e.stopPropagation()}>
-                    <select
-                      value={config.price_ranking_duration || '1h,4h,24h'}
-                      onChange={(e) => !disabled && onChange({ ...config, price_ranking_duration: e.target.value })}
-                      disabled={disabled}
-                      className="flex-1 px-2 py-1 rounded text-[10px]"
-                      style={{ background: '#1E2329', border: '1px solid #2B3139', color: '#EAECEF' }}
-                    >
-                      <option value="1h">1h</option>
-                      <option value="4h">4h</option>
-                      <option value="24h">24h</option>
-                      <option value="1h,4h,24h">{t('priceRankingMulti')}</option>
-                    </select>
-                    <select
-                      value={config.price_ranking_limit || 10}
-                      onChange={(e) => !disabled && onChange({ ...config, price_ranking_limit: parseInt(e.target.value) })}
-                      disabled={disabled}
-                      className="w-14 px-2 py-1 rounded text-[10px]"
-                      style={{ background: '#1E2329', border: '1px solid #2B3139', color: '#EAECEF' }}
-                    >
-                      {[5, 10, 15, 20].map(n => <option key={n} value={n}>{n}</option>)}
-                    </select>
-                  </div>
-                )}
+                <p className="text-[10px] mt-1" style={{ color: '#5E6673' }}>{t('priceRankingDesc', language)}</p>
               </div>
             </div>
-
-            {/* Warning if features enabled but no API key */}
-            {hasNofxosEnabled && !hasApiKey && (
-              <div className="flex items-center gap-2 mt-3 p-2 rounded-lg" style={{ background: 'rgba(246, 70, 93, 0.1)', border: '1px solid rgba(246, 70, 93, 0.2)' }}>
-                <AlertCircle className="w-4 h-4 flex-shrink-0" style={{ color: '#F6465D' }} />
-                <span className="text-[10px]" style={{ color: '#F6465D' }}>
-                  {language === 'zh' ? '请配置 API Key 以启用 NofxOS 数据源' : 'Please configure API Key to enable NofxOS data sources'}
-                </span>
-              </div>
-            )}
+            {hasNofxosEnabled && !hasApiKey && <div className="flex items-center gap-2 mt-3 p-2 rounded-lg" style={{ background: 'rgba(246, 70, 93, 0.1)', border: '1px solid rgba(246, 70, 93, 0.2)' }}><AlertCircle className="w-4 h-4 flex-shrink-0" style={{ color: '#F6465D' }} /><span className="text-[10px]" style={{ color: '#F6465D' }}>{language === 'zh' ? '请配置 API Key 以启用 NofxOS 数据源' : 'Please configure API Key to enable NofxOS data sources'}</span></div>}
           </div>
         </div>
       </div>
-
-      {/* ============================================ */}
-      {/* Section 1: Market Data (Required)           */}
-      {/* ============================================ */}
       <div className="rounded-lg overflow-hidden" style={{ background: '#0B0E11', border: '1px solid #2B3139' }}>
         <div className="px-3 py-2 flex items-center gap-2" style={{ background: '#1E2329', borderBottom: '1px solid #2B3139' }}>
           <BarChart2 className="w-4 h-4" style={{ color: '#F0B90B' }} />
-          <span className="text-sm font-medium" style={{ color: '#EAECEF' }}>{t('marketData')}</span>
-          <span className="text-xs" style={{ color: '#848E9C' }}>- {t('marketDataDesc')}</span>
+          <span className="text-sm font-medium" style={{ color: '#EAECEF' }}>{t('marketData', language)}</span>
+          <span className="text-xs" style={{ color: '#848E9C' }}>- {t('marketDataDesc', language)}</span>
         </div>
-
         <div className="p-3 space-y-4">
-          {/* Raw Klines - Required, Always On */}
           <div className="flex items-center justify-between p-3 rounded-lg" style={{ background: 'rgba(240, 185, 11, 0.08)', border: '1px solid rgba(240, 185, 11, 0.2)' }}>
             <div className="flex items-center gap-3">
-              <div className="w-8 h-8 rounded-lg flex items-center justify-center" style={{ background: 'rgba(240, 185, 11, 0.15)' }}>
-                <TrendingUp className="w-4 h-4" style={{ color: '#F0B90B' }} />
-              </div>
+              <div className="w-8 h-8 rounded-lg flex items-center justify-center" style={{ background: 'rgba(240, 185, 11, 0.15)' }}><TrendingUp className="w-4 h-4" style={{ color: '#F0B90B' }} /></div>
               <div>
-                <div className="flex items-center gap-2">
-                  <span className="text-sm font-medium" style={{ color: '#EAECEF' }}>{t('rawKlines')}</span>
-                  <span className="px-1.5 py-0.5 rounded text-[10px] font-medium flex items-center gap-1" style={{ background: 'rgba(240, 185, 11, 0.2)', color: '#F0B90B' }}>
-                    <Lock className="w-2.5 h-2.5" />
-                    {t('required')}
-                  </span>
-                </div>
-                <p className="text-xs mt-0.5" style={{ color: '#848E9C' }}>{t('rawKlinesDesc')}</p>
+                <div className="flex items-center gap-2"><span className="text-sm font-medium" style={{ color: '#EAECEF' }}>{t('rawKlines', language)}</span><span className="px-1.5 py-0.5 rounded text-[10px] font-medium flex items-center gap-1" style={{ background: 'rgba(240, 185, 11, 0.2)', color: '#F0B90B' }}><Lock className="w-2.5 h-2.5" />{t('required', language)}</span></div>
+                <p className="text-xs mt-0.5" style={{ color: '#848E9C' }}>{t('rawKlinesDesc', language)}</p>
               </div>
             </div>
-            <input
-              type="checkbox"
-              checked={true}
-              disabled={true}
-              className="w-5 h-5 rounded accent-yellow-500 cursor-not-allowed"
-            />
+            <input type="checkbox" checked={true} disabled={true} className="w-5 h-5 rounded accent-yellow-500 cursor-not-allowed" />
           </div>
-
-          {/* Timeframe Selection */}
           <div>
             <div className="flex items-center justify-between mb-2">
-              <div className="flex items-center gap-2">
-                <Clock className="w-3.5 h-3.5" style={{ color: '#848E9C' }} />
-                <span className="text-xs font-medium" style={{ color: '#EAECEF' }}>{t('timeframes')}</span>
-              </div>
-              <div className="flex items-center gap-2">
-                <span className="text-[10px]" style={{ color: '#848E9C' }}>{t('klineCount')}:</span>
-                <input
-                  type="number"
-                  value={config.klines.primary_count}
-                  onChange={(e) =>
-                    !disabled &&
-                    onChange({
-                      ...config,
-                      klines: { ...config.klines, primary_count: parseInt(e.target.value) || 30 },
-                    })
-                  }
-                  disabled={disabled}
-                  min={10}
-                  max={200}
-                  className="w-16 px-2 py-1 rounded text-xs text-center"
-                  style={{ background: '#1E2329', border: '1px solid #2B3139', color: '#EAECEF' }}
-                />
-              </div>
+              <div className="flex items-center gap-2"><Clock className="w-3.5 h-3.5" style={{ color: '#848E9C' }} /><span className="text-xs font-medium" style={{ color: '#EAECEF' }}>{t('timeframes', language)}</span></div>
+              <div className="flex items-center gap-2"><span className="text-[10px]" style={{ color: '#848E9C' }}>{t('klineCount', language)}:</span><input type="number" value={config.klines.primary_count} onChange={(e) => !disabled && onChange({ ...config, klines: { ...config.klines, primary_count: parseInt(e.target.value) || 30 } })} disabled={disabled} min={10} max={200} className="w-16 px-2 py-1 rounded text-xs text-center" style={{ background: '#1E2329', border: '1px solid #2B3139', color: '#EAECEF' }} /></div>
             </div>
-            <p className="text-[10px] mb-2" style={{ color: '#5E6673' }}>{t('timeframesDesc')}</p>
-
-            {/* Timeframe Grid */}
+            <p className="text-[10px] mb-2" style={{ color: '#5E6673' }}>{t('timeframesDesc', language)}</p>
             <div className="space-y-1.5">
               {(['scalp', 'intraday', 'swing', 'position'] as const).map((category) => {
                 const categoryTfs = allTimeframes.filter((tf) => tf.category === category)
                 return (
                   <div key={category} className="flex items-center gap-2">
-                    <span className="text-[10px] w-10 flex-shrink-0" style={{ color: categoryColors[category] }}>
-                      {t(category)}
-                    </span>
+                    <span className="text-[10px] w-10 flex-shrink-0" style={{ color: categoryColors[category] }}>{t(category, language)}</span>
                     <div className="flex flex-wrap gap-1">
                       {categoryTfs.map((tf) => {
                         const isSelected = selectedTimeframes.includes(tf.value)
                         const isPrimary = config.klines.primary_timeframe === tf.value
                         return (
-                          <button
-                            key={tf.value}
-                            onClick={() => toggleTimeframe(tf.value)}
-                            onDoubleClick={() => setPrimaryTimeframe(tf.value)}
-                            disabled={disabled}
-                            className={`px-2 py-1 rounded text-xs font-medium transition-all ${
-                              isSelected ? '' : 'opacity-40 hover:opacity-70'
-                            }`}
-                            style={{
-                              background: isSelected ? `${categoryColors[category]}15` : 'transparent',
-                              border: `1px solid ${isSelected ? categoryColors[category] : '#2B3139'}`,
-                              color: isSelected ? categoryColors[category] : '#848E9C',
-                              boxShadow: isPrimary ? `0 0 0 2px ${categoryColors[category]}` : undefined,
-                            }}
-                            title={isPrimary ? `${tf.label} (Primary)` : tf.label}
-                          >
-                            {tf.label}
-                            {isPrimary && <span className="ml-0.5 text-[8px]">★</span>}
-                          </button>
+                          <button key={tf.value} onClick={() => toggleTimeframe(tf.value)} onDoubleClick={() => setPrimaryTimeframe(tf.value)} disabled={disabled} className={`px-2 py-1 rounded text-xs font-medium transition-all ${isSelected ? '' : 'opacity-40 hover:opacity-70'}`} style={{ background: isSelected ? `${categoryColors[category]}15` : 'transparent', border: `1px solid ${isSelected ? categoryColors[category] : '#2B3139'}`, color: isSelected ? categoryColors[category] : '#848E9C', boxShadow: isPrimary ? `0 0 0 2px ${categoryColors[category]}` : undefined }} title={isPrimary ? `${tf.label} (Primary)` : tf.label}>{tf.label}{isPrimary && <span className="ml-0.5 text-[8px]">★</span>}</button>
                         )
                       })}
                     </div>
@@ -647,25 +141,14 @@ export function IndicatorEditor({
           </div>
         </div>
       </div>
-
-      {/* ============================================ */}
-      {/* Section 2: Technical Indicators (Optional)  */}
-      {/* ============================================ */}
       <div className="rounded-lg overflow-hidden" style={{ background: '#0B0E11', border: '1px solid #2B3139' }}>
         <div className="px-3 py-2 flex items-center gap-2" style={{ background: '#1E2329', borderBottom: '1px solid #2B3139' }}>
           <Activity className="w-4 h-4" style={{ color: '#0ECB81' }} />
-          <span className="text-sm font-medium" style={{ color: '#EAECEF' }}>{t('technicalIndicators')}</span>
-          <span className="text-xs" style={{ color: '#848E9C' }}>- {t('technicalIndicatorsDesc')}</span>
+          <span className="text-sm font-medium" style={{ color: '#EAECEF' }}>{t('technicalIndicators', language)}</span>
+          <span className="text-xs" style={{ color: '#848E9C' }}>- {t('technicalIndicatorsDesc', language)}</span>
         </div>
-
         <div className="p-3">
-          {/* Tip */}
-          <div className="flex items-start gap-2 mb-3 p-2 rounded" style={{ background: 'rgba(14, 203, 129, 0.05)' }}>
-            <Info className="w-3.5 h-3.5 mt-0.5 flex-shrink-0" style={{ color: '#0ECB81' }} />
-            <p className="text-[10px]" style={{ color: '#848E9C' }}>{t('aiCanCalculate')}</p>
-          </div>
-
-          {/* Indicator Grid */}
+          <div className="flex items-start gap-2 mb-3 p-2 rounded" style={{ background: 'rgba(14, 203, 129, 0.05)' }}><Info className="w-3.5 h-3.5 mt-0.5 flex-shrink-0" style={{ color: '#0ECB81' }} /><p className="text-[10px]" style={{ color: '#848E9C' }}>{t('aiCanCalculate', language)}</p></div>
           <div className="grid grid-cols-2 gap-2">
             {[
               { key: 'enable_ema', label: 'ema', desc: 'emaDesc', color: '#F0B90B', periodKey: 'ema_periods', defaultPeriods: '20,50' },
@@ -674,62 +157,23 @@ export function IndicatorEditor({
               { key: 'enable_atr', label: 'atr', desc: 'atrDesc', color: '#60a5fa', periodKey: 'atr_periods', defaultPeriods: '14' },
               { key: 'enable_boll', label: 'boll', desc: 'bollDesc', color: '#ec4899', periodKey: 'boll_periods', defaultPeriods: '20' },
             ].map(({ key, label, desc, color, periodKey, defaultPeriods }) => (
-              <div
-                key={key}
-                className="p-2.5 rounded-lg transition-all"
-                style={{
-                  background: config[key as keyof IndicatorConfig] ? `${color}08` : 'transparent',
-                  border: `1px solid ${config[key as keyof IndicatorConfig] ? `${color}30` : '#2B3139'}`,
-                }}
-              >
+              <div key={key} className="p-2.5 rounded-lg transition-all" style={{ background: config[key as keyof IndicatorConfig] ? `${color}08` : 'transparent', border: `1px solid ${config[key as keyof IndicatorConfig] ? `${color}30` : '#2B3139'}` }}>
                 <div className="flex items-center justify-between mb-1">
-                  <div className="flex items-center gap-2">
-                    <div className="w-2 h-2 rounded-full" style={{ background: color }} />
-                    <span className="text-xs font-medium" style={{ color: '#EAECEF' }}>{t(label)}</span>
-                  </div>
-                  <input
-                    type="checkbox"
-                    checked={config[key as keyof IndicatorConfig] as boolean || false}
-                    onChange={(e) => !disabled && onChange({ ...config, [key]: e.target.checked })}
-                    disabled={disabled}
-                    className="w-4 h-4 rounded accent-yellow-500"
-                  />
+                  <div className="flex items-center gap-2"><div className="w-2 h-2 rounded-full" style={{ background: color }} /><span className="text-xs font-medium" style={{ color: '#EAECEF' }}>{t(label, language)}</span></div>
+                  <input type="checkbox" checked={config[key as keyof IndicatorConfig] as boolean || false} onChange={(e) => !disabled && onChange({ ...config, [key]: e.target.checked })} disabled={disabled} className="w-4 h-4 rounded accent-yellow-500" />
                 </div>
-                <p className="text-[10px] mb-1.5" style={{ color: '#5E6673' }}>{t(desc)}</p>
-                {periodKey && config[key as keyof IndicatorConfig] && (
-                  <input
-                    type="text"
-                    value={(config[periodKey as keyof IndicatorConfig] as number[])?.join(',') || defaultPeriods}
-                    onChange={(e) => {
-                      if (disabled) return
-                      const periods = e.target.value
-                        .split(',')
-                        .map((s) => parseInt(s.trim()))
-                        .filter((n) => !isNaN(n) && n > 0)
-                      onChange({ ...config, [periodKey]: periods })
-                    }}
-                    disabled={disabled}
-                    placeholder={defaultPeriods}
-                    className="w-full px-2 py-1 rounded text-[10px] text-center"
-                    style={{ background: '#1E2329', border: '1px solid #2B3139', color: '#EAECEF' }}
-                  />
-                )}
+                <p className="text-[10px] mb-1.5" style={{ color: '#5E6673' }}>{t(desc, language)}</p>
               </div>
             ))}
           </div>
         </div>
       </div>
-
-      {/* ============================================ */}
-      {/* Section 3: Market Sentiment                 */}
-      {/* ============================================ */}
       <div className="rounded-lg overflow-hidden" style={{ background: '#0B0E11', border: '1px solid #2B3139' }}>
         <div className="px-3 py-2 flex items-center gap-2" style={{ background: '#1E2329', borderBottom: '1px solid #2B3139' }}>
           <TrendingUp className="w-4 h-4" style={{ color: '#22c55e' }} />
-          <span className="text-sm font-medium" style={{ color: '#EAECEF' }}>{t('marketSentiment')}</span>
-          <span className="text-xs" style={{ color: '#848E9C' }}>- {t('marketSentimentDesc')}</span>
+          <span className="text-sm font-medium" style={{ color: '#EAECEF' }}>{t('marketSentiment', language)}</span>
+          <span className="text-xs" style={{ color: '#848E9C' }}>- {t('marketSentimentDesc', language)}</span>
         </div>
-
         <div className="p-3">
           <div className="grid grid-cols-3 gap-2">
             {[
@@ -737,28 +181,12 @@ export function IndicatorEditor({
               { key: 'enable_oi', label: 'oi', desc: 'oiDesc', color: '#34d399' },
               { key: 'enable_funding_rate', label: 'fundingRate', desc: 'fundingRateDesc', color: '#fbbf24' },
             ].map(({ key, label, desc, color }) => (
-              <div
-                key={key}
-                className="p-2.5 rounded-lg transition-all"
-                style={{
-                  background: config[key as keyof IndicatorConfig] ? `${color}08` : 'transparent',
-                  border: `1px solid ${config[key as keyof IndicatorConfig] ? `${color}30` : '#2B3139'}`,
-                }}
-              >
+              <div key={key} className="p-2.5 rounded-lg transition-all" style={{ background: config[key as keyof IndicatorConfig] ? `${color}08` : 'transparent', border: `1px solid ${config[key as keyof IndicatorConfig] ? `${color}30` : '#2B3139'}` }}>
                 <div className="flex items-center justify-between mb-1">
-                  <div className="flex items-center gap-2">
-                    <div className="w-2 h-2 rounded-full" style={{ background: color }} />
-                    <span className="text-xs font-medium" style={{ color: '#EAECEF' }}>{t(label)}</span>
-                  </div>
-                  <input
-                    type="checkbox"
-                    checked={config[key as keyof IndicatorConfig] as boolean || false}
-                    onChange={(e) => !disabled && onChange({ ...config, [key]: e.target.checked })}
-                    disabled={disabled}
-                    className="w-4 h-4 rounded accent-yellow-500"
-                  />
+                  <div className="flex items-center gap-2"><div className="w-2 h-2 rounded-full" style={{ background: color }} /><span className="text-xs font-medium" style={{ color: '#EAECEF' }}>{t(label, language)}</span></div>
+                  <input type="checkbox" checked={config[key as keyof IndicatorConfig] as boolean || false} onChange={(e) => !disabled && onChange({ ...config, [key]: e.target.checked })} disabled={disabled} className="w-4 h-4 rounded accent-yellow-500" />
                 </div>
-                <p className="text-[10px]" style={{ color: '#5E6673' }}>{t(desc)}</p>
+                <p className="text-[10px]" style={{ color: '#5E6673' }}>{t(desc, language)}</p>
               </div>
             ))}
           </div>
diff --git a/web/src/components/strategy/PromptSectionsEditor.tsx b/web/src/components/strategy/PromptSectionsEditor.tsx
index f6959b41fb..2f4fec92be 100644
--- a/web/src/components/strategy/PromptSectionsEditor.tsx
+++ b/web/src/components/strategy/PromptSectionsEditor.tsx
@@ -1,187 +1,79 @@
 import { useState } from 'react'
 import { ChevronDown, ChevronRight, RotateCcw, FileText } from 'lucide-react'
 import type { PromptSectionsConfig } from '../../types'
+import { promptSections } from '../../i18n/strategy-translations'
 
-interface PromptSectionsEditorProps {
-  config: PromptSectionsConfig | undefined
-  onChange: (config: PromptSectionsConfig) => void
-  disabled?: boolean
-  language: string
-}
-
-// Default prompt sections (same as backend defaults)
 const defaultSections: PromptSectionsConfig = {
-  role_definition: `# 你是专业的加密货币交易AI
-
-你专注于技术分析和风险管理，基于市场数据做出理性的交易决策。
-你的目标是在控制风险的前提下，捕捉高概率的交易机会。`,
-
-  trading_frequency: `# ⏱️ 交易频率认知
-
-- 优秀交易员：每天2-4笔 ≈ 每小时0.1-0.2笔
-- 每小时>2笔 = 过度交易
-- 单笔持仓时间≥30-60分钟
-如果你发现自己每个周期都在交易 → 标准过低；若持仓<30分钟就平仓 → 过于急躁。`,
-
-  entry_standards: `# 🎯 开仓标准（严格）
-
-只在多重信号共振时开仓：
-- 趋势方向明确（EMA排列、价格位置）
-- 动量确认（MACD、RSI协同）
-- 波动率适中（ATR合理范围）
-- 量价配合（成交量支持方向）
-
-避免：单一指标、信号矛盾、横盘震荡、刚平仓即重启。`,
-
-  decision_process: `# 📋 决策流程
-
-1. 检查持仓 → 是否该止盈/止损
-2. 扫描候选币 + 多时间框 → 是否存在强信号
-3. 评估风险回报比 → 是否满足最小要求
-4. 先写思维链，再输出结构化JSON`,
+  role_definition: `# 你是专业的加密货币交易AI\n\n你专注于技术分析和风险管理，基于市场数据做出理性的交易决策。\n你的目标是在控制风险的前提下，捕捉高概率的交易机会。`,
+  trading_frequency: `# ⏱️ 交易频率认知\n\n- 优秀交易员：每天2-4笔 ≈ 每小时0.1-0.2笔\n- 每小时>2笔 = 过度交易\n- 单笔持仓时间≥30-60分钟\n如果你发现自己每个周期都在交易 → 标准过低；若持仓<30分钟就平仓 → 过于急躁。`,
+  entry_standards: `# 🎯 开仓标准（严格）\n\n只在多重信号共振时开仓：\n- 趋势方向明确（EMA排列、价格位置）\n- 动量确认（MACD、RSI协同）\n- 波动率适中（ATR合理范围）\n- 量价配合（成交量支持方向）\n\n避免：单一指标、信号矛盾、横盘震荡、刚平仓即重启。`,
+  decision_process: `# 📋 决策流程\n\n1. 检查持仓 → 是否该止盈/止损\n2. 扫描候选币 + 多时间框 → 是否存在强信号\n3. 评估风险回报比 → 是否满足最小要求\n4. 先写思维链，再输出结构化JSON`,
 }
 
-export function PromptSectionsEditor({
-  config,
-  onChange,
-  disabled,
-  language,
-}: PromptSectionsEditorProps) {
-  const [expandedSections, setExpandedSections] = useState<Record<string, boolean>>({
-    role_definition: false,
-    trading_frequency: false,
-    entry_standards: false,
-    decision_process: false,
-  })
-
-  const t = (key: string) => {
-    const translations: Record<string, Record<string, string>> = {
-      promptSections: { zh: 'System Prompt 自定义', en: 'System Prompt Customization' },
-      promptSectionsDesc: { zh: '自定义 AI 行为和决策逻辑（输出格式和风控规则不可修改）', en: 'Customize AI behavior and decision logic (output format and risk rules are fixed)' },
-      roleDefinition: { zh: '角色定义', en: 'Role Definition' },
-      roleDefinitionDesc: { zh: '定义 AI 的身份和核心目标', en: 'Define AI identity and core objectives' },
-      tradingFrequency: { zh: '交易频率', en: 'Trading Frequency' },
-      tradingFrequencyDesc: { zh: '设定交易频率预期和过度交易警告', en: 'Set trading frequency expectations and overtrading warnings' },
-      entryStandards: { zh: '开仓标准', en: 'Entry Standards' },
-      entryStandardsDesc: { zh: '定义开仓信号条件和避免事项', en: 'Define entry signal conditions and avoidances' },
-      decisionProcess: { zh: '决策流程', en: 'Decision Process' },
-      decisionProcessDesc: { zh: '设定决策步骤和思考流程', en: 'Set decision steps and thinking process' },
-      resetToDefault: { zh: '重置为默认', en: 'Reset to Default' },
-      chars: { zh: '字符', en: 'chars' },
-    }
-    return translations[key]?.[language] || key
-  }
+const t = (key: keyof typeof promptSections, language: string): string => {
+  const entry = promptSections[key]
+  if (!entry) return key
+  return entry[language as keyof typeof entry] || entry.en || key
+}
 
+export function PromptSectionsEditor({ config, onChange, disabled, language }: {
+  config: PromptSectionsConfig | undefined
+  onChange: (config: PromptSectionsConfig) => void
+  disabled?: boolean
+  language: string
+}) {
+  const [expandedSections, setExpandedSections] = useState<Record<string, boolean>>({ role_definition: false, trading_frequency: false, entry_standards: false, decision_process: false })
   const sections = [
-    { key: 'role_definition', label: t('roleDefinition'), desc: t('roleDefinitionDesc') },
-    { key: 'trading_frequency', label: t('tradingFrequency'), desc: t('tradingFrequencyDesc') },
-    { key: 'entry_standards', label: t('entryStandards'), desc: t('entryStandardsDesc') },
-    { key: 'decision_process', label: t('decisionProcess'), desc: t('decisionProcessDesc') },
+    { key: 'role_definition', label: t('roleDefinition', language), desc: t('roleDefinitionDesc', language) },
+    { key: 'trading_frequency', label: t('tradingFrequency', language), desc: t('tradingFrequencyDesc', language) },
+    { key: 'entry_standards', label: t('entryStandards', language), desc: t('entryStandardsDesc', language) },
+    { key: 'decision_process', label: t('decisionProcess', language), desc: t('decisionProcessDesc', language) },
   ]
-
   const currentConfig = config || {}
-
-  const updateSection = (key: keyof PromptSectionsConfig, value: string) => {
-    if (!disabled) {
-      onChange({ ...currentConfig, [key]: value })
-    }
-  }
-
-  const resetSection = (key: keyof PromptSectionsConfig) => {
-    if (!disabled) {
-      onChange({ ...currentConfig, [key]: defaultSections[key] })
-    }
-  }
-
-  const toggleSection = (key: string) => {
-    setExpandedSections((prev) => ({ ...prev, [key]: !prev[key] }))
-  }
-
-  const getValue = (key: keyof PromptSectionsConfig): string => {
-    return currentConfig[key] || defaultSections[key] || ''
-  }
+  const updateSection = (key: keyof PromptSectionsConfig, value: string) => { if (!disabled) onChange({ ...currentConfig, [key]: value }) }
+  const resetSection = (key: keyof PromptSectionsConfig) => { if (!disabled) onChange({ ...currentConfig, [key]: defaultSections[key] }) }
+  const toggleSection = (key: string) => { setExpandedSections((prev) => ({ ...prev, [key]: !prev[key] })) }
+  const getValue = (key: keyof PromptSectionsConfig): string => currentConfig[key] || defaultSections[key] || ''
 
   return (
     <div className="space-y-4">
       <div className="flex items-start gap-2 mb-4">
         <FileText className="w-5 h-5 mt-0.5" style={{ color: '#a855f7' }} />
         <div>
-          <h3 className="font-medium" style={{ color: '#EAECEF' }}>
-            {t('promptSections')}
-          </h3>
-          <p className="text-xs mt-1" style={{ color: '#848E9C' }}>
-            {t('promptSectionsDesc')}
-          </p>
+          <h3 className="font-medium" style={{ color: '#EAECEF' }}>{t('promptSections', language)}</h3>
+          <p className="text-xs mt-1" style={{ color: '#848E9C' }}>{t('promptSectionsDesc', language)}</p>
         </div>
       </div>
-
       <div className="space-y-2">
         {sections.map(({ key, label, desc }) => {
           const sectionKey = key as keyof PromptSectionsConfig
           const isExpanded = expandedSections[key]
           const value = getValue(sectionKey)
           const isModified = currentConfig[sectionKey] !== undefined && currentConfig[sectionKey] !== defaultSections[sectionKey]
-
           return (
-            <div
-              key={key}
-              className="rounded-lg overflow-hidden"
-              style={{ background: '#0B0E11', border: '1px solid #2B3139' }}
-            >
-              <button
-                onClick={() => toggleSection(key)}
-                className="w-full flex items-center justify-between px-3 py-2.5 hover:bg-white/5 transition-colors text-left"
-              >
+            <div key={key} className="rounded-lg overflow-hidden" style={{ background: '#0B0E11', border: '1px solid #2B3139' }}>
+              <button onClick={() => toggleSection(key)} className="w-full flex items-center justify-between px-3 py-2.5 hover:bg-white/5 transition-colors text-left">
                 <div className="flex items-center gap-2">
-                  {isExpanded ? (
-                    <ChevronDown className="w-4 h-4" style={{ color: '#848E9C' }} />
-                  ) : (
-                    <ChevronRight className="w-4 h-4" style={{ color: '#848E9C' }} />
-                  )}
-                  <span className="text-sm font-medium" style={{ color: '#EAECEF' }}>
-                    {label}
-                  </span>
-                  {isModified && (
-                    <span
-                      className="px-1.5 py-0.5 text-[10px] rounded"
-                      style={{ background: 'rgba(168, 85, 247, 0.15)', color: '#a855f7' }}
-                    >
-                      {language === 'zh' ? '已修改' : 'Modified'}
-                    </span>
-                  )}
+                  {isExpanded ? <ChevronDown className="w-4 h-4" style={{ color: '#848E9C' }} /> : <ChevronRight className="w-4 h-4" style={{ color: '#848E9C' }} />}
+                  <span className="text-sm font-medium" style={{ color: '#EAECEF' }}>{label}</span>
+                  {isModified && <span className="px-1.5 py-0.5 text-[10px] rounded" style={{ background: 'rgba(168, 85, 247, 0.15)', color: '#a855f7' }}>{language === 'zh' ? '已修改' : 'Modified'}</span>}
                 </div>
-                <span className="text-[10px]" style={{ color: '#848E9C' }}>
-                  {value.length} {t('chars')}
-                </span>
+                <span className="text-[10px]" style={{ color: '#848E9C' }}>{value.length} {t('chars', language)}</span>
               </button>
-
               {isExpanded && (
                 <div className="px-3 pb-3">
-                  <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-                    {desc}
-                  </p>
+                  <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{desc}</p>
                   <textarea
                     value={value}
                     onChange={(e) => updateSection(sectionKey, e.target.value)}
                     disabled={disabled}
                     rows={6}
                     className="w-full px-3 py-2 rounded-lg resize-y font-mono text-xs"
-                    style={{
-                      background: '#1E2329',
-                      border: '1px solid #2B3139',
-                      color: '#EAECEF',
-                      minHeight: '120px',
-                    }}
+                    style={{ background: '#1E2329', border: '1px solid #2B3139', color: '#EAECEF', minHeight: '120px' }}
                   />
                   <div className="flex justify-end mt-2">
-                    <button
-                      onClick={() => resetSection(sectionKey)}
-                      disabled={disabled || !isModified}
-                      className="flex items-center gap-1 px-2 py-1 rounded text-xs transition-colors hover:bg-white/5 disabled:opacity-30"
-                      style={{ color: '#848E9C' }}
-                    >
-                      <RotateCcw className="w-3 h-3" />
-                      {t('resetToDefault')}
+                    <button onClick={() => resetSection(sectionKey)} disabled={disabled || !isModified} className="flex items-center gap-1 px-2 py-1 rounded text-xs transition-colors hover:bg-white/5 disabled:opacity-30" style={{ color: '#848E9C' }}>
+                      <RotateCcw className="w-3 h-3" />{t('resetToDefault', language)}
                     </button>
                   </div>
                 </div>
diff --git a/web/src/components/strategy/PublishSettingsEditor.tsx b/web/src/components/strategy/PublishSettingsEditor.tsx
index 3176d47932..713b1302c4 100644
--- a/web/src/components/strategy/PublishSettingsEditor.tsx
+++ b/web/src/components/strategy/PublishSettingsEditor.tsx
@@ -1,190 +1,59 @@
 import { Globe, Lock, Eye, EyeOff } from 'lucide-react'
+import { publishSettings } from '../../i18n/strategy-translations'
 
-interface PublishSettingsEditorProps {
+const t = (key: keyof typeof publishSettings, language: string): string => {
+  const entry = publishSettings[key]
+  if (!entry) return key
+  return entry[language as keyof typeof entry] || entry.en || key
+}
+
+export function PublishSettingsEditor({ isPublic, configVisible, onIsPublicChange, onConfigVisibleChange, disabled = false, language }: {
   isPublic: boolean
   configVisible: boolean
   onIsPublicChange: (value: boolean) => void
   onConfigVisibleChange: (value: boolean) => void
   disabled?: boolean
   language: string
-}
-
-export function PublishSettingsEditor({
-  isPublic,
-  configVisible,
-  onIsPublicChange,
-  onConfigVisibleChange,
-  disabled = false,
-  language,
-}: PublishSettingsEditorProps) {
-  const t = (key: string) => {
-    const translations: Record<string, Record<string, string>> = {
-      publishToMarket: { zh: '发布到策略市场', en: 'Publish to Market' },
-      publishDesc: { zh: '策略将在市场公开展示，其他用户可发现并使用', en: 'Strategy will be publicly visible in the marketplace' },
-      showConfig: { zh: '公开配置参数', en: 'Show Config' },
-      showConfigDesc: { zh: '允许他人查看和复制详细配置', en: 'Allow others to view and clone config details' },
-      private: { zh: '私有', en: 'PRIVATE' },
-      public: { zh: '公开', en: 'PUBLIC' },
-      hidden: { zh: '隐藏', en: 'HIDDEN' },
-      visible: { zh: '可见', en: 'VISIBLE' },
-    }
-    return translations[key]?.[language] || key
-  }
-
+}) {
   return (
     <div className="space-y-3">
-      {/* 发布开关 */}
-      <div
-        className={`relative overflow-hidden rounded-lg transition-all duration-300 ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}`}
-        style={{
-          background: isPublic
-            ? 'linear-gradient(135deg, rgba(14, 203, 129, 0.15) 0%, rgba(14, 203, 129, 0.05) 100%)'
-            : 'linear-gradient(135deg, #1E2329 0%, #0B0E11 100%)',
-          border: isPublic ? '1px solid rgba(14, 203, 129, 0.4)' : '1px solid #2B3139',
-          boxShadow: isPublic ? '0 0 20px rgba(14, 203, 129, 0.1)' : 'none',
-        }}
-        onClick={() => !disabled && onIsPublicChange(!isPublic)}
-      >
-        {/* Top glow line */}
-        <div
-          className="absolute top-0 left-0 w-full h-[1px] transition-opacity duration-300"
-          style={{
-            background: isPublic
-              ? 'linear-gradient(90deg, transparent, #0ECB81, transparent)'
-              : 'linear-gradient(90deg, transparent, #2B3139, transparent)',
-            opacity: isPublic ? 1 : 0.5
-          }}
-        />
-
+      <div className={`relative overflow-hidden rounded-lg transition-all duration-300 ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}`} style={{ background: isPublic ? 'linear-gradient(135deg, rgba(14, 203, 129, 0.15) 0%, rgba(14, 203, 129, 0.05) 100%)' : 'linear-gradient(135deg, #1E2329 0%, #0B0E11 100%)', border: isPublic ? '1px solid rgba(14, 203, 129, 0.4)' : '1px solid #2B3139', boxShadow: isPublic ? '0 0 20px rgba(14, 203, 129, 0.1)' : 'none' }} onClick={() => !disabled && onIsPublicChange(!isPublic)}>
+        <div className="absolute top-0 left-0 w-full h-[1px] transition-opacity duration-300" style={{ background: isPublic ? 'linear-gradient(90deg, transparent, #0ECB81, transparent)' : 'linear-gradient(90deg, transparent, #2B3139, transparent)', opacity: isPublic ? 1 : 0.5 }} />
         <div className="p-4 flex items-center justify-between">
           <div className="flex items-center gap-3">
-            <div
-              className="p-2.5 rounded-lg transition-all duration-300"
-              style={{
-                background: isPublic ? 'rgba(14, 203, 129, 0.2)' : '#0B0E11',
-                border: isPublic ? '1px solid rgba(14, 203, 129, 0.3)' : '1px solid #2B3139'
-              }}
-            >
-              {isPublic ? (
-                <Globe className="w-5 h-5" style={{ color: '#0ECB81' }} />
-              ) : (
-                <Lock className="w-5 h-5" style={{ color: '#848E9C' }} />
-              )}
+            <div className="p-2.5 rounded-lg transition-all duration-300" style={{ background: isPublic ? 'rgba(14, 203, 129, 0.2)' : '#0B0E11', border: isPublic ? '1px solid rgba(14, 203, 129, 0.3)' : '1px solid #2B3139' }}>
+              {isPublic ? <Globe className="w-5 h-5" style={{ color: '#0ECB81' }} /> : <Lock className="w-5 h-5" style={{ color: '#848E9C' }} />}
             </div>
             <div>
-              <div className="text-sm font-medium" style={{ color: '#EAECEF' }}>
-                {t('publishToMarket')}
-              </div>
-              <div className="text-xs mt-0.5" style={{ color: '#848E9C' }}>
-                {t('publishDesc')}
-              </div>
+              <div className="text-sm font-medium" style={{ color: '#EAECEF' }}>{t('publishToMarket', language)}</div>
+              <div className="text-xs mt-0.5" style={{ color: '#848E9C' }}>{t('publishDesc', language)}</div>
             </div>
           </div>
-
-          {/* Toggle with status */}
           <div className="flex items-center gap-3">
-            <span
-              className="text-[10px] font-mono font-bold tracking-wider"
-              style={{ color: isPublic ? '#0ECB81' : '#848E9C' }}
-            >
-              {isPublic ? t('public') : t('private')}
-            </span>
-            <div
-              className="relative w-12 h-6 rounded-full transition-all duration-300"
-              style={{
-                background: isPublic
-                  ? 'linear-gradient(90deg, #0ECB81, #4ade80)'
-                  : '#2B3139',
-                boxShadow: isPublic ? '0 0 10px rgba(14, 203, 129, 0.4)' : 'none'
-              }}
-            >
-              <div
-                className="absolute top-1 w-4 h-4 rounded-full transition-all duration-300"
-                style={{
-                  background: '#EAECEF',
-                  left: isPublic ? '28px' : '4px',
-                  boxShadow: '0 2px 4px rgba(0,0,0,0.3)'
-                }}
-              />
+            <span className="text-[10px] font-mono font-bold tracking-wider" style={{ color: isPublic ? '#0ECB81' : '#848E9C' }}>{isPublic ? t('public', language) : t('private', language)}</span>
+            <div className="relative w-12 h-6 rounded-full transition-all duration-300" style={{ background: isPublic ? 'linear-gradient(90deg, #0ECB81, #4ade80)' : '#2B3139', boxShadow: isPublic ? '0 0 10px rgba(14, 203, 129, 0.4)' : 'none' }}>
+              <div className="absolute top-1 w-4 h-4 rounded-full transition-all duration-300" style={{ background: '#EAECEF', left: isPublic ? '28px' : '4px', boxShadow: '0 2px 4px rgba(0,0,0,0.3)' }} />
             </div>
           </div>
         </div>
       </div>
-
-      {/* 配置可见性开关 - 仅在公开时显示 */}
       {isPublic && (
-        <div
-          className={`relative overflow-hidden rounded-lg transition-all duration-300 ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}`}
-          style={{
-            background: configVisible
-              ? 'linear-gradient(135deg, rgba(168, 85, 247, 0.15) 0%, rgba(168, 85, 247, 0.05) 100%)'
-              : 'linear-gradient(135deg, #1E2329 0%, #0B0E11 100%)',
-            border: configVisible ? '1px solid rgba(168, 85, 247, 0.4)' : '1px solid #2B3139',
-            boxShadow: configVisible ? '0 0 20px rgba(168, 85, 247, 0.1)' : 'none',
-          }}
-          onClick={() => !disabled && onConfigVisibleChange(!configVisible)}
-        >
-          {/* Top glow line */}
-          <div
-            className="absolute top-0 left-0 w-full h-[1px] transition-opacity duration-300"
-            style={{
-              background: configVisible
-                ? 'linear-gradient(90deg, transparent, #a855f7, transparent)'
-                : 'linear-gradient(90deg, transparent, #2B3139, transparent)',
-              opacity: configVisible ? 1 : 0.5
-            }}
-          />
-
+        <div className={`relative overflow-hidden rounded-lg transition-all duration-300 ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}`} style={{ background: configVisible ? 'linear-gradient(135deg, rgba(168, 85, 247, 0.15) 0%, rgba(168, 85, 247, 0.05) 100%)' : 'linear-gradient(135deg, #1E2329 0%, #0B0E11 100%)', border: configVisible ? '1px solid rgba(168, 85, 247, 0.4)' : '1px solid #2B3139', boxShadow: configVisible ? '0 0 20px rgba(168, 85, 247, 0.1)' : 'none' }} onClick={() => !disabled && onConfigVisibleChange(!configVisible)}>
+          <div className="absolute top-0 left-0 w-full h-[1px] transition-opacity duration-300" style={{ background: configVisible ? 'linear-gradient(90deg, transparent, #a855f7, transparent)' : 'linear-gradient(90deg, transparent, #2B3139, transparent)', opacity: configVisible ? 1 : 0.5 }} />
           <div className="p-4 flex items-center justify-between">
             <div className="flex items-center gap-3">
-              <div
-                className="p-2.5 rounded-lg transition-all duration-300"
-                style={{
-                  background: configVisible ? 'rgba(168, 85, 247, 0.2)' : '#0B0E11',
-                  border: configVisible ? '1px solid rgba(168, 85, 247, 0.3)' : '1px solid #2B3139'
-                }}
-              >
-                {configVisible ? (
-                  <Eye className="w-5 h-5" style={{ color: '#a855f7' }} />
-                ) : (
-                  <EyeOff className="w-5 h-5" style={{ color: '#848E9C' }} />
-                )}
+              <div className="p-2.5 rounded-lg transition-all duration-300" style={{ background: configVisible ? 'rgba(168, 85, 247, 0.2)' : '#0B0E11', border: configVisible ? '1px solid rgba(168, 85, 247, 0.3)' : '1px solid #2B3139' }}>
+                {configVisible ? <Eye className="w-5 h-5" style={{ color: '#a855f7' }} /> : <EyeOff className="w-5 h-5" style={{ color: '#848E9C' }} />}
               </div>
               <div>
-                <div className="text-sm font-medium" style={{ color: '#EAECEF' }}>
-                  {t('showConfig')}
-                </div>
-                <div className="text-xs mt-0.5" style={{ color: '#848E9C' }}>
-                  {t('showConfigDesc')}
-                </div>
+                <div className="text-sm font-medium" style={{ color: '#EAECEF' }}>{t('showConfig', language)}</div>
+                <div className="text-xs mt-0.5" style={{ color: '#848E9C' }}>{t('showConfigDesc', language)}</div>
               </div>
             </div>
-
-            {/* Toggle with status */}
             <div className="flex items-center gap-3">
-              <span
-                className="text-[10px] font-mono font-bold tracking-wider"
-                style={{ color: configVisible ? '#a855f7' : '#848E9C' }}
-              >
-                {configVisible ? t('visible') : t('hidden')}
-              </span>
-              <div
-                className="relative w-12 h-6 rounded-full transition-all duration-300"
-                style={{
-                  background: configVisible
-                    ? 'linear-gradient(90deg, #a855f7, #c084fc)'
-                    : '#2B3139',
-                  boxShadow: configVisible ? '0 0 10px rgba(168, 85, 247, 0.4)' : 'none'
-                }}
-              >
-                <div
-                  className="absolute top-1 w-4 h-4 rounded-full transition-all duration-300"
-                  style={{
-                    background: '#EAECEF',
-                    left: configVisible ? '28px' : '4px',
-                    boxShadow: '0 2px 4px rgba(0,0,0,0.3)'
-                  }}
-                />
+              <span className="text-[10px] font-mono font-bold tracking-wider" style={{ color: configVisible ? '#a855f7' : '#848E9C' }}>{configVisible ? t('visible', language) : t('hidden', language)}</span>
+              <div className="relative w-12 h-6 rounded-full transition-all duration-300" style={{ background: configVisible ? 'linear-gradient(90deg, #a855f7, #c084fc)' : '#2B3139', boxShadow: configVisible ? '0 0 10px rgba(168, 85, 247, 0.4)' : 'none' }}>
+                <div className="absolute top-1 w-4 h-4 rounded-full transition-all duration-300" style={{ background: '#EAECEF', left: configVisible ? '28px' : '4px', boxShadow: '0 2px 4px rgba(0,0,0,0.3)' }} />
               </div>
             </div>
           </div>
@@ -193,5 +62,4 @@ export function PublishSettingsEditor({
     </div>
   )
 }
-
 export default PublishSettingsEditor
diff --git a/web/src/components/strategy/RiskControlEditor.tsx b/web/src/components/strategy/RiskControlEditor.tsx
index 64be039fd8..065d87e229 100644
--- a/web/src/components/strategy/RiskControlEditor.tsx
+++ b/web/src/components/strategy/RiskControlEditor.tsx
@@ -1,5 +1,6 @@
 import { Shield, AlertTriangle } from 'lucide-react'
 import type { RiskControlConfig } from '../../types'
+import { riskControl } from '../../i18n/strategy-translations'
 
 interface RiskControlEditorProps {
   config: RiskControlConfig
@@ -8,380 +9,163 @@ interface RiskControlEditorProps {
   language: string
 }
 
-export function RiskControlEditor({
-  config,
-  onChange,
-  disabled,
-  language,
-}: RiskControlEditorProps) {
-  const t = (key: string) => {
-    const translations: Record<string, Record<string, string>> = {
-      positionLimits: { zh: '仓位限制', en: 'Position Limits' },
-      maxPositions: { zh: '最大持仓数量', en: 'Max Positions' },
-      maxPositionsDesc: { zh: '同时持有的最大币种数量', en: 'Maximum coins held simultaneously' },
-      // Trading leverage (exchange leverage)
-      tradingLeverage: { zh: '交易杠杆（交易所杠杆）', en: 'Trading Leverage (Exchange)' },
-      btcEthLeverage: { zh: 'BTC/ETH 交易杠杆', en: 'BTC/ETH Trading Leverage' },
-      btcEthLeverageDesc: { zh: '交易所开仓使用的杠杆倍数', en: 'Exchange leverage for opening positions' },
-      altcoinLeverage: { zh: '山寨币交易杠杆', en: 'Altcoin Trading Leverage' },
-      altcoinLeverageDesc: { zh: '交易所开仓使用的杠杆倍数', en: 'Exchange leverage for opening positions' },
-      // Position value ratio (risk control) - CODE ENFORCED
-      positionValueRatio: { zh: '仓位价值比例（代码强制）', en: 'Position Value Ratio (CODE ENFORCED)' },
-      positionValueRatioDesc: { zh: '单仓位名义价值 / 账户净值，由代码强制执行', en: 'Position notional value / equity, enforced by code' },
-      btcEthPositionValueRatio: { zh: 'BTC/ETH 仓位价值比例', en: 'BTC/ETH Position Value Ratio' },
-      btcEthPositionValueRatioDesc: { zh: '单仓最大名义价值 = 净值 × 此值（代码强制）', en: 'Max position value = equity × this ratio (CODE ENFORCED)' },
-      altcoinPositionValueRatio: { zh: '山寨币仓位价值比例', en: 'Altcoin Position Value Ratio' },
-      altcoinPositionValueRatioDesc: { zh: '单仓最大名义价值 = 净值 × 此值（代码强制）', en: 'Max position value = equity × this ratio (CODE ENFORCED)' },
-      riskParameters: { zh: '风险参数', en: 'Risk Parameters' },
-      minRiskReward: { zh: '最小风险回报比', en: 'Min Risk/Reward Ratio' },
-      minRiskRewardDesc: { zh: '开仓要求的最低盈亏比', en: 'Minimum profit ratio for opening' },
-      maxMarginUsage: { zh: '最大保证金使用率（代码强制）', en: 'Max Margin Usage (CODE ENFORCED)' },
-      maxMarginUsageDesc: { zh: '保证金使用率上限，由代码强制执行', en: 'Maximum margin utilization, enforced by code' },
-      entryRequirements: { zh: '开仓要求', en: 'Entry Requirements' },
-      minPositionSize: { zh: '最小开仓金额', en: 'Min Position Size' },
-      minPositionSizeDesc: { zh: 'USDT 最小名义价值', en: 'Minimum notional value in USDT' },
-      minConfidence: { zh: '最小信心度', en: 'Min Confidence' },
-      minConfidenceDesc: { zh: 'AI 开仓信心度阈值', en: 'AI confidence threshold for entry' },
-    }
-    return translations[key]?.[language] || key
-  }
+const t = (key: keyof typeof riskControl, language: string): string => {
+  const entry = riskControl[key]
+  if (!entry) return key
+  return entry[language as keyof typeof entry] || entry.en || key
+}
 
-  const updateField = <K extends keyof RiskControlConfig>(
-    key: K,
-    value: RiskControlConfig[K]
-  ) => {
-    if (!disabled) {
-      onChange({ ...config, [key]: value })
-    }
+export function RiskControlEditor({ config, onChange, disabled, language }: RiskControlEditorProps) {
+  const updateField = <K extends keyof RiskControlConfig>(key: K, value: RiskControlConfig[K]) => {
+    if (!disabled) onChange({ ...config, [key]: value })
   }
 
   return (
     <div className="space-y-6">
-      {/* Position Limits */}
       <div>
         <div className="flex items-center gap-2 mb-4">
           <Shield className="w-5 h-5" style={{ color: '#F0B90B' }} />
-          <h3 className="font-medium" style={{ color: '#EAECEF' }}>
-            {t('positionLimits')}
-          </h3>
+          <h3 className="font-medium" style={{ color: '#EAECEF' }}>{t('positionLimits', language)}</h3>
         </div>
-
         <div className="grid grid-cols-1 gap-4 mb-4">
-          <div
-            className="p-4 rounded-lg"
-            style={{ background: '#0B0E11', border: '1px solid #2B3139' }}
-          >
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('maxPositions')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('maxPositionsDesc')}
-            </p>
+          <div className="p-4 rounded-lg" style={{ background: '#0B0E11', border: '1px solid #2B3139' }}>
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('maxPositions', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('maxPositionsDesc', language)}</p>
             <input
               type="number"
               value={config.max_positions ?? 3}
-              onChange={(e) =>
-                updateField('max_positions', parseInt(e.target.value) || 3)
-              }
+              onChange={(e) => updateField('max_positions', parseInt(e.target.value) || 3)}
               disabled={disabled}
               min={1}
               max={10}
               className="w-32 px-3 py-2 rounded"
-              style={{
-                background: '#1E2329',
-                border: '1px solid #2B3139',
-                color: '#EAECEF',
-              }}
+              style={{ background: '#1E2329', border: '1px solid #2B3139', color: '#EAECEF' }}
             />
           </div>
         </div>
-
-        {/* Trading Leverage (Exchange) */}
         <div className="mb-2">
-          <p className="text-xs font-medium mb-2" style={{ color: '#F0B90B' }}>
-            {t('tradingLeverage')}
-          </p>
+          <p className="text-xs font-medium mb-2" style={{ color: '#F0B90B' }}>{t('tradingLeverage', language)}</p>
         </div>
         <div className="grid grid-cols-2 gap-4 mb-4">
-          <div
-            className="p-4 rounded-lg"
-            style={{ background: '#0B0E11', border: '1px solid #2B3139' }}
-          >
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('btcEthLeverage')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('btcEthLeverageDesc')}
-            </p>
+          <div className="p-4 rounded-lg" style={{ background: '#0B0E11', border: '1px solid #2B3139' }}>
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('btcEthLeverage', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('btcEthLeverageDesc', language)}</p>
             <div className="flex items-center gap-2">
               <input
                 type="range"
                 value={config.btc_eth_max_leverage ?? 5}
-                onChange={(e) =>
-                  updateField('btc_eth_max_leverage', parseInt(e.target.value))
-                }
+                onChange={(e) => updateField('btc_eth_max_leverage', parseInt(e.target.value))}
                 disabled={disabled}
                 min={1}
                 max={20}
                 className="flex-1 accent-yellow-500"
               />
-              <span
-                className="w-12 text-center font-mono"
-                style={{ color: '#F0B90B' }}
-              >
-                {config.btc_eth_max_leverage ?? 5}x
-              </span>
+              <span className="w-12 text-center font-mono" style={{ color: '#F0B90B' }}>{config.btc_eth_max_leverage ?? 5}x</span>
             </div>
           </div>
-
-          <div
-            className="p-4 rounded-lg"
-            style={{ background: '#0B0E11', border: '1px solid #2B3139' }}
-          >
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('altcoinLeverage')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('altcoinLeverageDesc')}
-            </p>
+          <div className="p-4 rounded-lg" style={{ background: '#0B0E11', border: '1px solid #2B3139' }}>
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('altcoinLeverage', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('altcoinLeverageDesc', language)}</p>
             <div className="flex items-center gap-2">
               <input
                 type="range"
                 value={config.altcoin_max_leverage ?? 5}
-                onChange={(e) =>
-                  updateField('altcoin_max_leverage', parseInt(e.target.value))
-                }
+                onChange={(e) => updateField('altcoin_max_leverage', parseInt(e.target.value))}
                 disabled={disabled}
                 min={1}
                 max={20}
                 className="flex-1 accent-yellow-500"
               />
-              <span
-                className="w-12 text-center font-mono"
-                style={{ color: '#F0B90B' }}
-              >
-                {config.altcoin_max_leverage ?? 5}x
-              </span>
+              <span className="w-12 text-center font-mono" style={{ color: '#F0B90B' }}>{config.altcoin_max_leverage ?? 5}x</span>
             </div>
           </div>
         </div>
-
-        {/* Position Value Ratio (Risk Control - CODE ENFORCED) */}
         <div className="mb-2">
-          <p className="text-xs font-medium" style={{ color: '#0ECB81' }}>
-            {t('positionValueRatio')}
-          </p>
-          <p className="text-xs mt-1" style={{ color: '#848E9C' }}>
-            {t('positionValueRatioDesc')}
-          </p>
+          <p className="text-xs font-medium" style={{ color: '#0ECB81' }}>{t('positionValueRatio', language)}</p>
+          <p className="text-xs mt-1" style={{ color: '#848E9C' }}>{t('positionValueRatioDesc', language)}</p>
         </div>
         <div className="grid grid-cols-2 gap-4">
-          <div
-            className="p-4 rounded-lg"
-            style={{ background: '#0B0E11', border: '1px solid #0ECB81' }}
-          >
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('btcEthPositionValueRatio')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('btcEthPositionValueRatioDesc')}
-            </p>
+          <div className="p-4 rounded-lg" style={{ background: '#0B0E11', border: '1px solid #0ECB81' }}>
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('btcEthPositionValueRatio', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('btcEthPositionValueRatioDesc', language)}</p>
             <div className="flex items-center gap-2">
-              <input
-                type="range"
-                value={config.btc_eth_max_position_value_ratio ?? 5}
-                onChange={(e) =>
-                  updateField('btc_eth_max_position_value_ratio', parseFloat(e.target.value))
-                }
-                disabled={disabled}
-                min={0.5}
-                max={10}
-                step={0.5}
-                className="flex-1 accent-green-500"
-              />
-              <span
-                className="w-12 text-center font-mono"
-                style={{ color: '#0ECB81' }}
-              >
-                {config.btc_eth_max_position_value_ratio ?? 5}x
-              </span>
+              <input type="range" value={config.btc_eth_max_position_value_ratio ?? 5} onChange={(e) => updateField('btc_eth_max_position_value_ratio', parseFloat(e.target.value))} disabled={disabled} min={0.5} max={10} step={0.5} className="flex-1 accent-green-500" />
+              <span className="w-12 text-center font-mono" style={{ color: '#0ECB81' }}>{config.btc_eth_max_position_value_ratio ?? 5}x</span>
             </div>
           </div>
-
-          <div
-            className="p-4 rounded-lg"
-            style={{ background: '#0B0E11', border: '1px solid #0ECB81' }}
-          >
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('altcoinPositionValueRatio')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('altcoinPositionValueRatioDesc')}
-            </p>
+          <div className="p-4 rounded-lg" style={{ background: '#0B0E11', border: '1px solid #0ECB81' }}>
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('altcoinPositionValueRatio', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('altcoinPositionValueRatioDesc', language)}</p>
             <div className="flex items-center gap-2">
-              <input
-                type="range"
-                value={config.altcoin_max_position_value_ratio ?? 1}
-                onChange={(e) =>
-                  updateField('altcoin_max_position_value_ratio', parseFloat(e.target.value))
-                }
-                disabled={disabled}
-                min={0.5}
-                max={10}
-                step={0.5}
-                className="flex-1 accent-green-500"
-              />
-              <span
-                className="w-12 text-center font-mono"
-                style={{ color: '#0ECB81' }}
-              >
-                {config.altcoin_max_position_value_ratio ?? 1}x
-              </span>
+              <input type="range" value={config.altcoin_max_position_value_ratio ?? 1} onChange={(e) => updateField('altcoin_max_position_value_ratio', parseFloat(e.target.value))} disabled={disabled} min={0.5} max={10} step={0.5} className="flex-1 accent-green-500" />
+              <span className="w-12 text-center font-mono" style={{ color: '#0ECB81' }}>{config.altcoin_max_position_value_ratio ?? 1}x</span>
             </div>
           </div>
         </div>
       </div>
-
-      {/* Risk Parameters */}
       <div>
         <div className="flex items-center gap-2 mb-4">
           <AlertTriangle className="w-5 h-5" style={{ color: '#F6465D' }} />
-          <h3 className="font-medium" style={{ color: '#EAECEF' }}>
-            {t('riskParameters')}
-          </h3>
+          <h3 className="font-medium" style={{ color: '#EAECEF' }}>{t('riskParameters', language)}</h3>
         </div>
-
         <div className="grid grid-cols-2 gap-4">
-          <div
-            className="p-4 rounded-lg"
-            style={{ background: '#0B0E11', border: '1px solid #2B3139' }}
-          >
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('minRiskReward')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('minRiskRewardDesc')}
-            </p>
+          <div className="p-4 rounded-lg" style={{ background: '#0B0E11', border: '1px solid #2B3139' }}>
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('minRiskReward', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('minRiskRewardDesc', language)}</p>
             <div className="flex items-center">
               <span style={{ color: '#848E9C' }}>1:</span>
               <input
                 type="number"
                 value={config.min_risk_reward_ratio ?? 3}
-                onChange={(e) =>
-                  updateField('min_risk_reward_ratio', parseFloat(e.target.value) || 3)
-                }
+                onChange={(e) => updateField('min_risk_reward_ratio', parseFloat(e.target.value) || 3)}
                 disabled={disabled}
                 min={1}
                 max={10}
                 step={0.5}
                 className="w-20 px-3 py-2 rounded ml-2"
-                style={{
-                  background: '#1E2329',
-                  border: '1px solid #2B3139',
-                  color: '#EAECEF',
-                }}
+                style={{ background: '#1E2329', border: '1px solid #2B3139', color: '#EAECEF' }}
               />
             </div>
           </div>
-
-          <div
-            className="p-4 rounded-lg"
-            style={{ background: '#0B0E11', border: '1px solid #0ECB81' }}
-          >
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('maxMarginUsage')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('maxMarginUsageDesc')}
-            </p>
+          <div className="p-4 rounded-lg" style={{ background: '#0B0E11', border: '1px solid #0ECB81' }}>
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('maxMarginUsage', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('maxMarginUsageDesc', language)}</p>
             <div className="flex items-center gap-2">
-              <input
-                type="range"
-                value={(config.max_margin_usage ?? 0.9) * 100}
-                onChange={(e) =>
-                  updateField('max_margin_usage', parseInt(e.target.value) / 100)
-                }
-                disabled={disabled}
-                min={10}
-                max={100}
-                className="flex-1 accent-green-500"
-              />
-              <span className="w-12 text-center font-mono" style={{ color: '#0ECB81' }}>
-                {Math.round((config.max_margin_usage ?? 0.9) * 100)}%
-              </span>
+              <input type="range" value={(config.max_margin_usage ?? 0.9) * 100} onChange={(e) => updateField('max_margin_usage', parseInt(e.target.value) / 100)} disabled={disabled} min={10} max={100} className="flex-1 accent-green-500" />
+              <span className="w-12 text-center font-mono" style={{ color: '#0ECB81' }}>{Math.round((config.max_margin_usage ?? 0.9) * 100)}%</span>
             </div>
           </div>
         </div>
       </div>
-
-      {/* Entry Requirements */}
       <div>
         <div className="flex items-center gap-2 mb-4">
           <Shield className="w-5 h-5" style={{ color: '#0ECB81' }} />
-          <h3 className="font-medium" style={{ color: '#EAECEF' }}>
-            {t('entryRequirements')}
-          </h3>
+          <h3 className="font-medium" style={{ color: '#EAECEF' }}>{t('entryRequirements', language)}</h3>
         </div>
-
         <div className="grid grid-cols-2 gap-4">
-          <div
-            className="p-4 rounded-lg"
-            style={{ background: '#0B0E11', border: '1px solid #2B3139' }}
-          >
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('minPositionSize')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('minPositionSizeDesc')}
-            </p>
+          <div className="p-4 rounded-lg" style={{ background: '#0B0E11', border: '1px solid #2B3139' }}>
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('minPositionSize', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('minPositionSizeDesc', language)}</p>
             <div className="flex items-center">
               <input
                 type="number"
                 value={config.min_position_size ?? 12}
-                onChange={(e) =>
-                  updateField('min_position_size', parseFloat(e.target.value) || 12)
-                }
+                onChange={(e) => updateField('min_position_size', parseFloat(e.target.value) || 12)}
                 disabled={disabled}
                 min={10}
                 max={1000}
                 className="w-24 px-3 py-2 rounded"
-                style={{
-                  background: '#1E2329',
-                  border: '1px solid #2B3139',
-                  color: '#EAECEF',
-                }}
+                style={{ background: '#1E2329', border: '1px solid #2B3139', color: '#EAECEF' }}
               />
-              <span className="ml-2" style={{ color: '#848E9C' }}>
-                USDT
-              </span>
+              <span className="ml-2" style={{ color: '#848E9C' }}>USDT</span>
             </div>
           </div>
-
-          <div
-            className="p-4 rounded-lg"
-            style={{ background: '#0B0E11', border: '1px solid #2B3139' }}
-          >
-            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>
-              {t('minConfidence')}
-            </label>
-            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>
-              {t('minConfidenceDesc')}
-            </p>
+          <div className="p-4 rounded-lg" style={{ background: '#0B0E11', border: '1px solid #2B3139' }}>
+            <label className="block text-sm mb-1" style={{ color: '#EAECEF' }}>{t('minConfidence', language)}</label>
+            <p className="text-xs mb-2" style={{ color: '#848E9C' }}>{t('minConfidenceDesc', language)}</p>
             <div className="flex items-center gap-2">
-              <input
-                type="range"
-                value={config.min_confidence ?? 75}
-                onChange={(e) =>
-                  updateField('min_confidence', parseInt(e.target.value))
-                }
-                disabled={disabled}
-                min={50}
-                max={100}
-                className="flex-1 accent-green-500"
-              />
-              <span className="w-12 text-center font-mono" style={{ color: '#0ECB81' }}>
-                {config.min_confidence ?? 75}
-              </span>
+              <input type="range" value={config.min_confidence ?? 75} onChange={(e) => updateField('min_confidence', parseInt(e.target.value))} disabled={disabled} min={50} max={100} className="flex-1 accent-green-500" />
+              <span className="w-12 text-center font-mono" style={{ color: '#0ECB81' }}>{config.min_confidence ?? 75}</span>
             </div>
           </div>
         </div>
diff --git a/web/src/i18n/strategy-translations.ts b/web/src/i18n/strategy-translations.ts
new file mode 100644
index 0000000000..f27702df47
--- /dev/null
+++ b/web/src/i18n/strategy-translations.ts
@@ -0,0 +1,300 @@
+NOFX i18n Consolidation - Translation Keys
+// Generated by Atlas Orchestrator
+// Branch: feat/i18n-consolidation-patch
+// Purpose: Centralize scattered i18n strings from 8 strategy components
+
+// ============================================================================
+// COIN SOURCE TRANSLATIONS (40 keys)
+// ============================================================================
+export const coinSource = {
+  sourceType: { zh: '数据来源类型', en: 'Source Type', es: 'Tipo de Fuente' },
+  static: { zh: '静态列表', en: 'Static List', es: 'Lista Estática' },
+  ai500: { zh: 'AI500 数据源', en: 'AI500 Data Provider', es: 'Proveedor AI500' },
+  oi_top: { zh: 'OI 持仓增加', en: 'OI Increase', es: 'Aumento OI' },
+  oi_low: { zh: 'OI 持仓减少', en: 'OI Decrease', es: 'Disminución OI' },
+  mixed: { zh: '混合模式', en: 'Mixed Mode', es: 'Modo Mixto' },
+  staticCoins: { zh: '自定义币种', en: 'Custom Coins', es: 'Monedas Personalizadas' },
+  addCoin: { zh: '添加币种', en: 'Add Coin', es: 'Agregar Moneda' },
+  useAI500: { zh: '启用 AI500 数据源', en: 'Enable AI500 Data Provider', es: 'Habilitar AI500' },
+  ai500Limit: { zh: '数量上限', en: 'Limit', es: 'Límite' },
+  useOITop: { zh: '启用 OI 持仓增加榜', en: 'Enable OI Increase', es: 'Habilitar Aumento OI' },
+  oiTopLimit: { zh: '数量上限', en: 'Limit', es: 'Límite' },
+  useOILow: { zh: '启用 OI 持仓减少榜', en: 'Enable OI Decrease', es: 'Habilitar Disminución OI' },
+  oiLowLimit: { zh: '数量上限', en: 'Limit', es: 'Límite' },
+  staticDesc: { zh: '手动指定交易币种列表', en: 'Manually specify trading coins', es: 'Especificar monedas manualmente' },
+  mixedConfig: { zh: '组合数据源配置', en: 'Combined Sources Configuration', es: 'Configuración Combinada' },
+  mixedSummary: { zh: '已选组合', en: 'Selected Sources', es: 'Fuentes Seleccionadas' },
+  maxCoins: { zh: '最多', en: 'Up to', es: 'Hasta' },
+  coins: { zh: '个币种', en: 'coins', es: 'monedas' },
+  dataSourceConfig: { zh: '数据源配置', en: 'Data Source Configuration', es: 'Configuración de Fuente' },
+  excludedCoins: { zh: '排除币种', en: 'Excluded Coins', es: 'Monedas Excluidas' },
+  excludedCoinsDesc: { zh: '这些币种将从所有数据源中排除，不会被交易', en: 'These coins will be excluded from all sources and will not be traded', es: 'Estas monedas serán excluidas de todas las fuentes' },
+  addExcludedCoin: { zh: '添加排除', en: 'Add Excluded', es: 'Agregar Excluida' },
+  nofxosNote: { zh: '使用 NofxOS API Key（在指标配置中设置）', en: 'Uses NofxOS API Key (set in Indicators config)', es: 'Usa API Key de NofxOS' },
+};
+
+// ============================================================================
+// GRID CONFIG TRANSLATIONS (60+ keys)
+// ============================================================================
+export const gridConfig = {
+  tradingPair: { zh: '交易设置', en: 'Trading Setup', es: 'Configuración de Trading' },
+  gridParameters: { zh: '网格参数', en: 'Grid Parameters', es: 'Parámetros de Grid' },
+  priceBounds: { zh: '价格边界', en: 'Price Bounds', es: 'Límites de Precio' },
+  riskControl: { zh: '风险控制', en: 'Risk Control', es: 'Control de Riesgo' },
+  symbol: { zh: '交易对', en: 'Trading Pair', es: 'Par de Trading' },
+  symbolDesc: { zh: '选择要进行网格交易的交易对', en: 'Select trading pair for grid trading', es: 'Seleccionar par para grid trading' },
+  totalInvestment: { zh: '投资金额 (USDT)', en: 'Investment (USDT)', es: 'Inversión (USDT)' },
+  totalInvestmentDesc: { zh: '网格策略的总投资金额', en: 'Total investment for grid strategy', es: 'Inversión total' },
+  leverage: { zh: '杠杆倍数', en: 'Leverage', es: 'Apalancamiento' },
+  leverageDesc: { zh: '交易使用的杠杆倍数 (1-5)', en: 'Leverage for trading (1-5)', es: 'Apalancamiento (1-5)' },
+  gridCount: { zh: '网格数量', en: 'Grid Count', es: 'Cantidad de Grids' },
+  gridCountDesc: { zh: '网格层级数量 (5-50)', en: 'Number of grid levels (5-50)', es: 'Niveles (5-50)' },
+  distribution: { zh: '资金分配方式', en: 'Distribution', es: 'Distribución' },
+  distributionDesc: { zh: '网格层级的资金分配方式', en: 'Fund allocation across grid levels', es: 'Asignación de fondos' },
+  uniform: { zh: '均匀分配', en: 'Uniform', es: 'Uniforme' },
+  gaussian: { zh: '高斯分配 (推荐)', en: 'Gaussian (Recommended)', es: 'Gaussiana (Recomendado)' },
+  pyramid: { zh: '金字塔分配', en: 'Pyramid', es: 'Pirámide' },
+  useAtrBounds: { zh: '自动计算边界 (ATR)', en: 'Auto-calculate Bounds (ATR)', es: 'Calcular Límites (ATR)' },
+  useAtrBoundsDesc: { zh: '基于 ATR 自动计算网格上下边界', en: 'Auto-calculate bounds based on ATR', es: 'Calcular límites automáticamente' },
+  atrMultiplier: { zh: 'ATR 倍数', en: 'ATR Multiplier', es: 'Multiplicador ATR' },
+  atrMultiplierDesc: { zh: '边界距离当前价格的 ATR 倍数', en: 'ATR multiplier for bounds distance', es: 'Distancia en ATR' },
+  upperPrice: { zh: '上边界价格', en: 'Upper Price', es: 'Precio Superior' },
+  upperPriceDesc: { zh: '网格上边界价格 (0=自动计算)', en: 'Grid upper bound (0=auto)', es: 'Límite superior (0=auto)' },
+  lowerPrice: { zh: '下边界价格', en: 'Lower Price', es: 'Precio Inferior' },
+  lowerPriceDesc: { zh: '网格下边界价格 (0=自动计算)', en: 'Grid lower bound (0=auto)', es: 'Límite inferior (0=auto)' },
+  maxDrawdown: { zh: '最大回撤 (%)', en: 'Max Drawdown (%)', es: 'Máximo Drawdown (%)' },
+  maxDrawdownDesc: { zh: '触发紧急退出的最大回撤百分比', en: 'Max drawdown before emergency exit', es: 'Drawdown máximo' },
+  stopLoss: { zh: '止损 (%)', en: 'Stop Loss (%)', es: 'Stop Loss (%)' },
+  stopLossDesc: { zh: '单仓位止损百分比', en: 'Stop loss per position', es: 'Stop loss por posición' },
+  dailyLossLimit: { zh: '日损失限制 (%)', en: 'Daily Loss Limit (%)', es: 'Límite Diario (%)' },
+  dailyLossLimitDesc: { zh: '每日最大亏损百分比', en: 'Maximum daily loss percentage', es: 'Pérdida diaria máxima' },
+  useMakerOnly: { zh: '仅使用 Maker 订单', en: 'Maker Only Orders', es: 'Solo Maker' },
+  useMakerOnlyDesc: { zh: '使用限价单以降低手续费', en: 'Use limit orders for lower fees', es: 'Órdenes límite para menos fees' },
+  directionAdjust: { zh: '方向自动调整', en: 'Direction Auto-Adjust', es: 'Ajuste Automático de Dirección' },
+  enableDirectionAdjust: { zh: '启用方向调整', en: 'Enable Direction Adjust', es: 'Habilitar Ajuste' },
+  enableDirectionAdjustDesc: { zh: '根据箱体突破自动调整网格方向', en: 'Auto-adjust grid direction based on box breakouts', es: 'Ajustar según breaks' },
+  directionBiasRatio: { zh: '偏向强度', en: 'Bias Strength', es: 'Intensidad de Sesgo' },
+  directionBiasRatioDesc: { zh: '偏多/偏空模式的强度', en: 'Strength for long_bias/short_bias modes', es: 'Fuerza del sesgo' },
+  directionBiasExplain: { zh: '偏多模式：X%买 + (100-X)%卖 | 偏空模式：(100-X)%买 + X%卖', en: 'Long bias: X% buy + (100-X)% sell | Short bias: (100-X)% buy + X% sell', es: 'Sesgo largo: X% compra | Sesgo corto: X% venta' },
+  directionExplain: { zh: '短期箱体突破 → 偏向，中期箱体突破 → 全仓，价格回归 → 逐步恢复中性', en: 'Short box breakout → bias, Mid box breakout → full, Price return → gradually recover to neutral', es: 'Break corto → sesgo, Break medio → full' },
+  directionModes: { zh: '方向模式说明', en: 'Direction Modes', es: 'Descripción de Modos' },
+  modeNeutral: { zh: '中性：50%买 + 50%卖（默认）', en: 'Neutral: 50% buy + 50% sell (default)', es: 'Neutral: 50% compra + 50% venta' },
+  modeLongBias: { zh: '偏多：X%买 + (100-X)%卖', en: 'Long Bias: X% buy + (100-X)% sell', es: 'Sesgo Largo: X% compra' },
+  modeLong: { zh: '全多：100%买 + 0%卖', en: 'Long: 100% buy + 0% sell', es: 'Largo: 100% compra' },
+  modeShortBias: { zh: '偏空：(100-X)%买 + X%卖', en: 'Short Bias: (100-X)% buy + X% sell', es: 'Sesgo Corto: X% venta' },
+  modeShort: { zh: '全空：0%买 + 100%卖', en: 'Short: 0% buy + 100% sell', es: 'Corto: 100% venta' },
+};
+
+// ============================================================================
+// GRID RISK TRANSLATIONS (50 keys)
+// ============================================================================
+export const gridRisk = {
+  gridRisk: { zh: '网格风控', en: 'Grid Risk', es: 'Riesgo de Grid' },
+  leverageInfo: { zh: '杠杆', en: 'Leverage', es: 'Apalancamiento' },
+  positionInfo: { zh: '仓位', en: 'Position', es: 'Posición' },
+  liquidationInfo: { zh: '清算', en: 'Liquidation', es: 'Liquidación' },
+  marketState: { zh: '市场', en: 'Market', es: 'Mercado' },
+  boxState: { zh: '箱体', en: 'Box', es: 'Caja' },
+  currentLeverage: { zh: '当前', en: 'Current', es: 'Actual' },
+  effectiveLeverage: { zh: '有效', en: 'Effective', es: 'Efectivo' },
+  recommendedLeverage: { zh: '建议', en: 'Recommend', es: 'Recomendado' },
+  currentPosition: { zh: '当前', en: 'Current', es: 'Actual' },
+  maxPosition: { zh: '最大', en: 'Max', es: 'Máximo' },
+  positionPercent: { zh: '占比', en: 'Usage', es: 'Uso' },
+  liquidationPrice: { zh: '清算价', en: 'Liq Price', es: 'Precio Liquidación' },
+  liquidationDistance: { zh: '距离', en: 'Distance', es: 'Distancia' },
+  regimeLevel: { zh: '波动', en: 'Regime', es: 'Regulación' },
+  currentPrice: { zh: '价格', en: 'Price', es: 'Precio' },
+  breakoutLevel: { zh: '突破', en: 'Breakout', es: 'Breakout' },
+  breakoutDirection: { zh: '方向', en: 'Direction', es: 'Dirección' },
+  shortBox: { zh: '短期', en: 'Short', es: 'Corto' },
+  midBox: { zh: '中期', en: 'Mid', es: 'Medio' },
+  longBox: { zh: '长期', en: 'Long', es: 'Largo' },
+  narrow: { zh: '窄幅', en: 'Narrow', es: 'Estrecho' },
+  standard: { zh: '标准', en: 'Standard', es: 'Estándar' },
+  wide: { zh: '宽幅', en: 'Wide', es: 'Ancho' },
+  volatile: { zh: '剧烈', en: 'Volatile', es: 'Volátil' },
+  trending: { zh: '趋势', en: 'Trending', es: 'Tendencia' },
+  none: { zh: '无', en: 'None', es: 'Ninguno' },
+  short: { zh: '短期', en: 'Short', es: 'Corto' },
+  mid: { zh: '中期', en: 'Mid', es: 'Medio' },
+  long: { zh: '长期', en: 'Long', es: 'Largo' },
+  up: { zh: '↑', en: '↑', es: '↑' },
+  down: { zh: '↓', en: '↓', es: '↓' },
+  loading: { zh: '加载中...', en: 'Loading...', es: 'Cargando...' },
+  error: { zh: '加载失败', en: 'Load Failed', es: 'Error al Cargar' },
+  noData: { zh: '暂无数据', en: 'No Data', es: 'Sin Datos' },
+};
+
+// ============================================================================
+// RISK CONTROL TRANSLATIONS (25+ keys)
+// ============================================================================
+export const riskControl = {
+  positionLimits: { zh: '仓位限制', en: 'Position Limits', es: 'Límites de Posición' },
+  maxPositions: { zh: '最大持仓数量', en: 'Max Positions', es: 'Máximo de Posiciones' },
+  maxPositionsDesc: { zh: '同时持有的最大币种数量', en: 'Maximum coins held simultaneously', es: 'Monedas máximas simultáneas' },
+  tradingLeverage: { zh: '交易杠杆（交易所杠杆）', en: 'Trading Leverage (Exchange)', es: 'Apalancamiento (Exchange)' },
+  btcEthLeverage: { zh: 'BTC/ETH 交易杠杆', en: 'BTC/ETH Trading Leverage', es: 'BTC/ETH Apalancamiento' },
+  btcEthLeverageDesc: { zh: '交易所开仓使用的杠杆倍数', en: 'Exchange leverage for opening positions', es: 'Apalancamiento del exchange' },
+  altcoinLeverage: { zh: '山寨币交易杠杆', en: 'Altcoin Trading Leverage', es: 'Apalancamiento Altcoins' },
+  altcoinLeverageDesc: { zh: '交易所开仓使用的杠杆倍数', en: 'Exchange leverage for opening positions', es: 'Apalancamiento del exchange' },
+  positionValueRatio: { zh: '仓位价值比例（代码强制）', en: 'Position Value Ratio (CODE ENFORCED)', es: 'Ratio de Valor (CÓDIGO)' },
+  positionValueRatioDesc: { zh: '单仓位名义价值 / 账户净值，由代码强制执行', en: 'Position notional value / equity, enforced by code', es: 'Valor nominal / equity' },
+  btcEthPositionValueRatio: { zh: 'BTC/ETH 仓位价值比例', en: 'BTC/ETH Position Value Ratio', es: 'BTC/ETH Ratio de Valor' },
+  btcEthPositionValueRatioDesc: { zh: '单仓最大名义价值 = 净值 × 此值（代码强制）', en: 'Max position value = equity × this ratio (CODE ENFORCED)', es: 'Valor máximo = equity × ratio' },
+  altcoinPositionValueRatio: { zh: '山寨币仓位价值比例', en: 'Altcoin Position Value Ratio', es: 'Altcoin Ratio de Valor' },
+  altcoinPositionValueRatioDesc: { zh: '单仓最大名义价值 = 净值 × 此值（代码强制）', en: 'Max position value = equity × this ratio (CODE ENFORCED)', es: 'Valor máximo = equity × ratio' },
+  riskParameters: { zh: '风险参数', en: 'Risk Parameters', es: 'Parámetros de Riesgo' },
+  minRiskReward: { zh: '最小风险回报比', en: 'Min Risk/Reward Ratio', es: 'Ratio Riesgo/Recompensa Mínimo' },
+  minRiskRewardDesc: { zh: '开仓要求的最低盈亏比', en: 'Minimum profit ratio for entry', es: 'Ratio mínimo para entrada' },
+  maxMarginUsage: { zh: '最大保证金使用率（代码强制）', en: 'Max Margin Usage (CODE ENFORCED)', es: 'Uso Máximo de Margen (CÓDIGO)' },
+  maxMarginUsageDesc: { zh: '保证金使用率上限，由代码强制执行', en: 'Maximum margin utilization, enforced by code', es: 'Límite de margen' },
+  entryRequirements: { zh: '开仓要求', en: 'Entry Requirements', es: 'Requisitos de Entrada' },
+  minPositionSize: { zh: '最小开仓金额', en: 'Min Position Size', es: 'Tamaño Mínimo' },
+  minPositionSizeDesc: { zh: 'USDT 最小名义价值', en: 'Minimum notional value in USDT', es: 'Valor mínimo en USDT' },
+  minConfidence: { zh: '最小信心度', en: 'Min Confidence', es: 'Confianza Mínima' },
+  minConfidenceDesc: { zh: 'AI 开仓信心度阈值', en: 'AI confidence threshold for entry', es: 'Umbral de confianza AI' },
+};
+
+// ============================================================================
+// PROMPT SECTIONS TRANSLATIONS (12+ keys)
+// ============================================================================
+export const promptSections = {
+  promptSections: { zh: 'System Prompt 自定义', en: 'System Prompt Customization', es: 'Personalización de Prompt' },
+  promptSectionsDesc: { zh: '自定义 AI 行为和决策逻辑（输出格式和风控规则不可修改）', en: 'Customize AI behavior and decision logic (output format and risk rules are fixed)', es: 'Personalizar comportamiento AI' },
+  roleDefinition: { zh: '角色定义', en: 'Role Definition', es: 'Definición de Rol' },
+  roleDefinitionDesc: { zh: '定义 AI 的身份和核心目标', en: 'Define AI identity and core objectives', es: 'Definir identidad AI' },
+  tradingFrequency: { zh: '交易频率', en: 'Trading Frequency', es: 'Frecuencia de Trading' },
+  tradingFrequencyDesc: { zh: '设定交易频率预期和过度交易警告', en: 'Set trading frequency expectations and overtrading warnings', es: 'Establecer frecuencia' },
+  entryStandards: { zh: '开仓标准', en: 'Entry Standards', es: 'Estándares de Entrada' },
+  entryStandardsDesc: { zh: '定义开仓信号条件和避免事项', en: 'Define entry signal conditions and avoidances', es: 'Definir señales de entrada' },
+  decisionProcess: { zh: '决策流程', en: 'Decision Process', es: 'Proceso de Decisión' },
+  decisionProcessDesc: { zh: '设定决策步骤和思考流程', en: 'Set decision steps and thinking process', es: 'Establecer proceso' },
+  resetToDefault: { zh: '重置为默认', en: 'Reset to Default', es: 'Restablecer' },
+  chars: { zh: '字符', en: 'chars', es: 'caracteres' },
+};
+
+// ============================================================================
+// INDICATOR TRANSLATIONS (75+ keys)
+// ============================================================================
+export const indicator = {
+  marketData: { zh: '市场数据', en: 'Market Data', es: 'Datos de Mercado' },
+  marketDataDesc: { zh: 'AI 分析所需的核心价格数据', en: 'Core price data for AI analysis', es: 'Datos de precio esenciales' },
+  technicalIndicators: { zh: '技术指标', en: 'Technical Indicators', es: 'Indicadores Técnicos' },
+  technicalIndicatorsDesc: { zh: '可选的技术分析指标，AI 可自行计算', en: 'Optional indicators, AI can calculate them', es: 'Indicadores opcionales' },
+  marketSentiment: { zh: '市场情绪', en: 'Market Sentiment', es: 'Sentimiento de Mercado' },
+  marketSentimentDesc: { zh: '持仓量、资金费率等市场情绪数据', en: 'OI, funding rate and market sentiment data', es: 'OI, funding rate' },
+  quantData: { zh: '量化数据', en: 'Quant Data', es: 'Datos Quant' },
+  quantDataDesc: { zh: '资金流向、大户动向', en: 'Netflow, whale movements', es: 'Netflow, ballenas' },
+  timeframes: { zh: '时间周期', en: 'Timeframes', es: 'Marcos de Tiempo' },
+  timeframesDesc: { zh: '选择 K 线分析周期，★ 为主周期（双击设置）', en: 'Select K-line timeframes, ★ = primary (double-click)', es: 'Seleccionar timeframes' },
+  klineCount: { zh: 'K 线数量', en: 'K-line Count', es: 'Cantidad de Velas' },
+  scalp: { zh: '超短', en: 'Scalp', es: 'Scalp' },
+  intraday: { zh: '日内', en: 'Intraday', es: 'Intradía' },
+  swing: { zh: '波段', en: 'Swing', es: 'Swing' },
+  position: { zh: '趋势', en: 'Position', es: 'Posición' },
+  rawKlines: { zh: 'OHLCV 原始 K 线', en: 'Raw OHLCV K-lines', es: 'Velas OHLCV' },
+  rawKlinesDesc: { zh: '必须 - 开高低收量原始数据，AI 核心分析依据', en: 'Required - Open/High/Low/Close/Volume data for AI', es: 'Datos esenciales para AI' },
+  required: { zh: '必须', en: 'Required', es: 'Requerido' },
+  ema: { zh: 'EMA 均线', en: 'EMA', es: 'EMA' },
+  emaDesc: { zh: '指数移动平均线', en: 'Exponential Moving Average', es: 'Media Móvil Exponencial' },
+  macd: { zh: 'MACD', en: 'MACD', es: 'MACD' },
+  macdDesc: { zh: '异同移动平均线', en: 'Moving Average Convergence Divergence', es: 'Convergencia/Divergencia' },
+  rsi: { zh: 'RSI', en: 'RSI', es: 'RSI' },
+  rsiDesc: { zh: '相对强弱指标', en: 'Relative Strength Index', es: 'Índice de Fuerza Relativa' },
+  atr: { zh: 'ATR', en: 'ATR', es: 'ATR' },
+  atrDesc: { zh: '真实波幅均值', en: 'Average True Range', es: 'Rango Promedio Verdadero' },
+  boll: { zh: 'BOLL 布林带', en: 'Bollinger Bands', es: 'Bandas de Bollinger' },
+  bollDesc: { zh: '布林带指标（上中下轨）', en: 'Upper/Middle/Lower Bands', es: 'Bandas Superior/Inferior' },
+  volume: { zh: '成交量', en: 'Volume', es: 'Volumen' },
+  volumeDesc: { zh: '交易量分析', en: 'Trading volume analysis', es: 'Análisis de volumen' },
+  oi: { zh: '持仓量', en: 'Open Interest', es: 'Interés Abierto' },
+  oiDesc: { zh: '合约未平仓量', en: 'Futures open interest', es: 'Posiciones abiertas' },
+  fundingRate: { zh: '资金费率', en: 'Funding Rate', es: 'Funding Rate' },
+  fundingRateDesc: { zh: '永续合约资金费率', en: 'Perpetual funding rate', es: 'Rate de perpetuo' },
+  oiRanking: { zh: 'OI 排行', en: 'OI Ranking', es: 'Ranking OI' },
+  oiRankingDesc: { zh: '持仓量增减排行', en: 'OI change ranking', es: 'Cambios de OI' },
+  oiRankingNote: { zh: '显示持仓量增加/减少的币种排行，帮助发现资金流向', en: 'Shows coins with OI increase/decrease, helps identify capital flow', es: 'Identificar flujo de capital' },
+  netflowRanking: { zh: '资金流向', en: 'NetFlow', es: 'Flujo de Fondos' },
+  netflowRankingDesc: { zh: '机构/散户资金流向', en: 'Institution/retail fund flow', es: 'Institucional/Retail' },
+  netflowRankingNote: { zh: '显示机构资金流入/流出排行，散户动向对比，发现聪明钱信号', en: 'Shows institution inflow/outflow ranking, retail flow comparison, Smart Money signals', es: 'Señales de Smart Money' },
+  priceRanking: { zh: '涨跌幅排行', en: 'Price Ranking', es: 'Ranking de Precios' },
+  priceRankingDesc: { zh: '涨跌幅排行榜', en: 'Gainers/losers ranking', es: 'Ganadores/Perdedores' },
+  priceRankingNote: { zh: '显示涨幅/跌幅排行，结合资金流和持仓变化分析趋势强度', en: 'Shows top gainers/losers, combined with fund flow and OI for trend analysis', es: 'Analizar fuerza de tendencia' },
+  priceRankingMulti: { zh: '多周期', en: 'Multi-period', es: 'Multi-período' },
+  duration: { zh: '周期', en: 'Duration', es: 'Duración' },
+  limit: { zh: '数量', en: 'Limit', es: 'Límite' },
+  aiCanCalculate: { zh: '💡 提示：AI 可自行计算这些指标，开启可减少 AI 计算量', en: '💡 Tip: AI can calculate these, enabling reduces AI workload', es: '💡 AI puede calcularlos' },
+  nofxosTitle: { zh: 'NofxOS 量化数据源', en: 'NofxOS Data Provider', es: 'Proveedor NofxOS' },
+  nofxosDesc: { zh: '专业加密货币量化数据服务', en: 'Professional crypto quant data service', es: 'Servicio crypto quant' },
+  nofxosFeatures: { zh: 'AI500 · OI排行 · 资金流向 · 涨跌榜', en: 'AI500 · OI Ranking · Fund Flow · Price Ranking', es: 'AI500 · OI · NetFlow · Ranking' },
+  viewApiDocs: { zh: 'API 文档', en: 'API Docs', es: 'Docs API' },
+  apiKey: { zh: 'API Key', en: 'API Key', es: 'API Key' },
+  apiKeyPlaceholder: { zh: '输入 NofxOS API Key', en: 'Enter NofxOS API Key', es: 'Ingresar API Key' },
+  fillDefault: { zh: '填入默认', en: 'Fill Default', es: 'Llenar Default' },
+  connected: { zh: '已配置', en: 'Configured', es: 'Configurado' },
+  notConfigured: { zh: '未配置', en: 'Not Configured', es: 'No Configurado' },
+  nofxosDataSources: { zh: 'NofxOS 数据源', en: 'NofxOS Data Sources', es: 'Fuentes NofxOS' },
+};
+
+// ============================================================================
+// PUBLISH SETTINGS TRANSLATIONS (8 keys)
+// ============================================================================
+export const publishSettings = {
+  publishToMarket: { zh: '发布到策略市场', en: 'Publish to Market', es: 'Publicar al Mercado' },
+  publishDesc: { zh: '策略将在市场公开展示，其他用户可发现并使用', en: 'Strategy will be publicly visible in the marketplace', es: 'Visible públicamente' },
+  showConfig: { zh: '公开配置参数', en: 'Show Config', es: 'Mostrar Config' },
+  showConfigDesc: { zh: '允许他人查看和复制详细配置', en: 'Allow others to view and clone config details', es: 'Permitir clonación' },
+  private: { zh: '私有', en: 'PRIVATE', es: 'PRIVADO' },
+  public: { zh: '公开', en: 'PUBLIC', es: 'PÚBLICO' },
+  hidden: { zh: '隐藏', en: 'HIDDEN', es: 'OCULTO' },
+  visible: { zh: '可见', en: 'VISIBLE', es: 'VISIBLE' },
+};
+
+// ============================================================================
+// CHART TABS TRANSLATIONS (5 keys)
+// ============================================================================
+export const chartTabs = {
+  crypto: { zh: '加密', en: 'Crypto', es: 'Cripto' },
+  stocks: { zh: '美股', en: 'Stocks', es: 'Acciones' },
+  forex: { zh: '外汇', en: 'Forex', es: 'Forex' },
+  metals: { zh: '金属', en: 'Metals', es: 'Metales' },
+  hyperliquid: { zh: 'HL', en: 'HL', es: 'HL' },
+};
+
+// ============================================================================
+// AGGREGATED EXPORTS FOR TRANSLATIONS.TS
+// ============================================================================
+
+export const zhStrategy = {
+  ...Object.fromEntries(Object.entries(coinSource).map(([k, v]) => [k, v.zh])),
+  ...Object.fromEntries(Object.entries(gridConfig).map(([k, v]) => [k, v.zh])),
+  ...Object.fromEntries(Object.entries(gridRisk).map(([k, v]) => [k, v.zh])),
+  ...Object.fromEntries(Object.entries(riskControl).map(([k, v]) => [k, v.zh])),
+  ...Object.fromEntries(Object.entries(promptSections).map(([k, v]) => [k, v.zh])),
+  ...Object.fromEntries(Object.entries(indicator).map(([k, v]) => [k, v.zh])),
+  ...Object.fromEntries(Object.entries(publishSettings).map(([k, v]) => [k, v.zh])),
+  ...Object.fromEntries(Object.entries(chartTabs).map(([k, v]) => [k, v.zh])),
+};
+
+export const enStrategy = {
+  ...Object.fromEntries(Object.entries(coinSource).map(([k, v]) => [k, v.en])),
+  ...Object.fromEntries(Object.entries(gridConfig).map(([k, v]) => [k, v.en])),
+  ...Object.fromEntries(Object.entries(gridRisk).map(([k, v]) => [k, v.en])),
+  ...Object.fromEntries(Object.entries(riskControl).map(([k, v]) => [k, v.en])),
+  ...Object.fromEntries(Object.entries(promptSections).map(([k, v]) => [k, v.en])),
+  ...Object.fromEntries(Object.entries(indicator).map(([k, v]) => [k, v.en])),
+  ...Object.fromEntries(Object.entries(publishSettings).map(([k, v]) => [k, v.en])),
+  ...Object.fromEntries(Object.entries(chartTabs).map(([k, v]) => [k, v.en])),
+};
+
+export const esStrategy = {
+  ...Object.fromEntries(Object.entries(coinSource).map(([k, v]) => [k, v.es])),
+  ...Object.fromEntries(Object.entries(gridConfig).map(([k, v]) => [k, v.es])),
+  ...Object.fromEntries(Object.entries(gridRisk).map(([k, v]) => [k, v.es])),
+  ...Object.fromEntries(Object.entries(riskControl).map(([k, v]) => [k, v.es])),
+  ...Object.fromEntries(Object.entries(promptSections).map(([k, v]) => [k, v.es])),
+  ...Object.fromEntries(Object.entries(indicator).map(([k, v]) => [k, v.es])),
+  ...Object.fromEntries(Object.entries(publishSettings).map(([k, v]) => [k, v.es])),
+  ...Object.fromEntries(Object.entries(chartTabs).map(([k, v]) => [k, v.es])),
+};
diff --git a/web/src/i18n/translations.ts b/web/src/i18n/translations.ts
index 7d44356e76..ed0d6cd492 100644
--- a/web/src/i18n/translations.ts
+++ b/web/src/i18n/translations.ts
@@ -319,6 +319,50 @@ export const translations = {
     enabled: 'Enabled',
     save: 'Save',
 
+    // TraderConfigModal - New keys for hardcoded Chinese strings
+    fetchBalanceEditModeOnly: 'Only can fetch current balance in edit mode',
+    balanceFetched: 'Current balance fetched',
+    balanceFetchFailed: 'Failed to fetch balance',
+    balanceFetchNetworkError: 'Failed to fetch balance, please check network connection',
+    saving: 'Saving...',
+    saveSuccess: 'Saved successfully',
+    saveFailed: 'Save failed',
+    editTraderConfig: 'Edit Trader Configuration',
+    selectStrategyAndConfigParams: 'Select Strategy and Configure Basic Parameters',
+    basicConfig: 'Basic Configuration',
+    traderNameRequired: 'Trader Name *',
+    enterTraderNamePlaceholder: 'Enter trader name',
+    aiModelRequired: 'AI Model *',
+    exchangeRequired: 'Exchange *',
+    noExchangeAccount: "Don't have an exchange account? Click to register",
+    discount: 'Discount',
+    selectTradingStrategy: 'Select Trading Strategy',
+    useStrategy: 'Use Strategy',
+    noStrategyManual: '-- No Strategy (Manual Configuration) --',
+    active: ' (Active)',
+    default: ' [Default]',
+    noStrategyHint: 'No strategies yet, please create in Strategy Studio first',
+    strategyDetails: 'Strategy Details',
+    activating: 'Activating',
+    coinSource: 'Coin Source',
+    marginLimit: 'Margin Limit',
+    tradingParams: 'Trading Parameters',
+    marginMode: 'Margin Mode',
+    crossMargin: 'Cross Margin',
+    isolatedMargin: 'Isolated Margin',
+    competitionDisplay: 'Show in Competition',
+    show: 'Show',
+    hide: 'Hide',
+    hiddenInCompetition: 'This trader will not be shown in the competition page when hidden',
+    initialBalanceLabel: 'Initial Balance ($)',
+    fetching: 'Fetching...',
+    fetchCurrentBalance: 'Fetch Current Balance',
+    balanceUpdateHint: 'Used to manually update the initial balance baseline (e.g., after deposit/withdrawal)',
+    autoFetchBalanceInfo: 'The system will automatically fetch your account equity as the initial balance',
+    fetchingBalance: 'Fetching balance...',
+    editTrader: 'Save Changes',
+    createTraderButton: 'Create Trader',
+
     // AI Model Configuration
     officialAPI: 'Official API',
     customAPI: 'Custom API',
@@ -1523,6 +1567,50 @@ export const translations = {
     enabled: '启用',
     save: '保存',
 
+    // TraderConfigModal - New keys for hardcoded Chinese strings
+    fetchBalanceEditModeOnly: '只有在编辑模式下才能获取当前余额',
+    balanceFetched: '已获取当前余额',
+    balanceFetchFailed: '获取余额失败',
+    balanceFetchNetworkError: '获取余额失败，请检查网络连接',
+    saving: '正在保存…',
+    saveSuccess: '保存成功',
+    saveFailed: '保存失败',
+    editTraderConfig: '修改交易员配置',
+    selectStrategyAndConfigParams: '选择策略并配置基础参数',
+    basicConfig: '基础配置',
+    traderNameRequired: '交易员名称 *',
+    enterTraderNamePlaceholder: '请输入交易员名称',
+    aiModelRequired: 'AI模型 *',
+    exchangeRequired: '交易所 *',
+    noExchangeAccount: '还没有交易所账号？点击注册',
+    discount: '折扣优惠',
+    selectTradingStrategy: '选择交易策略',
+    useStrategy: '使用策略',
+    noStrategyManual: '-- 不使用策略（手动配置） --',
+    active: ' (当前激活)',
+    default: ' [默认]',
+    noStrategyHint: '暂无策略，请先在策略工作室创建策略',
+    strategyDetails: '策略详情',
+    activating: '激活中',
+    coinSource: '币种来源',
+    marginLimit: '保证金上限',
+    tradingParams: '交易参数',
+    marginMode: '保证金模式',
+    crossMargin: '全仓',
+    isolatedMargin: '逐仓',
+    competitionDisplay: '竞技场显示',
+    show: '显示',
+    hide: '隐藏',
+    hiddenInCompetition: '隐藏后将不在竞技场页面显示此交易员',
+    initialBalanceLabel: '初始余额 ($)',
+    fetching: '获取中...',
+    fetchCurrentBalance: '获取当前余额',
+    balanceUpdateHint: '用于手动更新初始余额基准（例如充值/提现后）',
+    autoFetchBalanceInfo: '系统将自动获取您的账户净值作为初始余额',
+    fetchingBalance: '正在获取余额…',
+    editTrader: '保存修改',
+    createTraderButton: '创建交易员',
+
     // AI Model Configuration
     officialAPI: '官方API',
     customAPI: '自定义API',