PageSourceSearch

https://xfin-4b6ac.web.app/

html xfin-4b6ac.web.app collected 2026-10-03 12:40:17 UTC 81,807 bytes, 1,346 lines download raw bytes

1<!DOCTYPE html>
2<html lang="vi">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  
7  <!-- Primary Meta Tags -->
8  <title>AgentFxTrading - Hệ Thống Giao Dịch Forex Tự Động AI | Open Source</title>
9  <meta name="title" content="AgentFxTrading - Hệ Thống Giao Dịch Forex Tự Động AI | Open Source">
10  <meta name="description" content="AgentFxTrading là hệ thống giao dịch Forex và Multi-Asset tự động kết hợp 3 động cơ AI (TMS+ORB, Judas Sweep ICT, FlowRSI SMC), 45 cấu hình Docker tối ưu, PostgreSQL 17 và mô hình AI DeepSeek, Claude, OpenAI, Qwen, Gemini. Tiết kiệm 80-90% chi phí API.">
11  <meta name="keywords" content="AgentFxTrading, AI forex trading, cTrader bot, giao dich tu dong AI, TMS indicator, Opening Range Breakout, Judas Sweep ICT, FlowRSI SMC, DeepSeek trading, Python FastAPI trading, PostgreSQL 17 trading, open source trading, cBot">
12  <meta name="author" content="Kien Phan">
13  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
14  <link rel="canonical" href="https://xfin-4b6ac.web.app/">
15  <meta name="theme-color" content="#0f1216">
16
17  <!-- Hreflang Tags for Multi-Language SEO -->
18  <link rel="alternate" hreflang="vi" href="https://xfin-4b6ac.web.app/?lang=vi">
19  <link rel="alternate" hreflang="en" href="https://xfin-4b6ac.web.app/?lang=en">
20  <link rel="alternate" hreflang="zh" href="https://xfin-4b6ac.web.app/?lang=zh">
21  <link rel="alternate" hreflang="pt" href="https://xfin-4b6ac.web.app/?lang=pt">
22  <link rel="alternate" hreflang="ja" href="https://xfin-4b6ac.web.app/?lang=ja">
23  <link rel="alternate" hreflang="ru" href="https://xfin-4b6ac.web.app/?lang=ru">
24  <link rel="alternate" hreflang="x-default" href="https://xfin-4b6ac.web.app/">
25
26  <!-- Open Graph / Facebook -->
27  <meta property="og:type" content="website">
28  <meta property="og:url" content="https://xfin-4b6ac.web.app/">
29  <meta property="og:title" content="AgentFxTrading - Autonomous AI Forex & Multi-Asset Trading System">
30  <meta property="og:description" content="Autonomous AI Forex Trading combining 3 Strategy Engines (TMS + ORB, Asian Judas Sweep, FlowRSI SMC) with 45 Docker Presets, PostgreSQL 17, DeepSeek, Claude, OpenAI, Qwen, Gemini, cTrader C#, and FastAPI. 100% Open Source.">
31  <meta property="og:image" content="https://kienphan.github.io/AgentFxTrading/assets/images/overview.png">
32  <meta property="og:site_name" content="AgentFxTrading">
33
34  <!-- Twitter / X -->
35  <meta property="twitter:card" content="summary_large_image">
36  <meta property="twitter:url" content="https://xfin-4b6ac.web.app/">
37  <meta property="twitter:title" content="AgentFxTrading - Autonomous AI Forex & Multi-Asset Trading System">
38  <meta property="twitter:description" content="Autonomous AI Forex Trading combining 3 Strategy Engines (TMS + ORB, Asian Judas Sweep, FlowRSI SMC) with 45 Docker Presets, PostgreSQL 17, DeepSeek, Claude, OpenAI, Qwen, Gemini, cTrader C#, and FastAPI. 100% Open Source.">
39  <meta property="twitter:image" content="https://kienphan.github.io/AgentFxTrading/assets/images/overview.png">
40
41  <!-- AI & LLM Discovery Meta -->
42  <link rel="help" type="text/plain" href="/llms.txt" title="LLM Information Reference">
43  <link rel="alternate" type="text/plain" href="/llms-full.txt" title="Comprehensive LLM Documentation">
44
45  <!-- Favicon -->
46  <link rel="icon" type="image/png" href="assets/images/favicon.png">
47  <link rel="apple-touch-icon" href="assets/images/favicon.png">
48
49  <!-- Stylesheets -->
50  <link rel="stylesheet" href="assets/css/style.css">
51
52  <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 52-53
52
53  <script async src="https://www.googletagmanager.com/gtag/js?id=
53UA-86310988-8
vendor: 14 bytes, lines 53-54
53"></script>
54  
54<script>
55    
vendor: 139 bytes, lines 55-58
55window.dataLayer = window.dataLayer || [];
56    function gtag(){dataLayer.push(arguments);}
57    gtag('js', new Date());
58    gtag('config', '
58UA-86310988-8
vendor: 6 bytes, lines 58-59
58');
59  
59</script>
59
60
61  <!-- Structured Data: Schema.org JSON-LD -->
62  
62<script type="application/ld+json">
63  {
64    "@context": "https://schema.org",
65    "@graph": [
66      {
67        "@type": "SoftwareApplication",
68        "name": "AgentFxTrading",
69        "applicationCategory": "FinanceApplication",
70        "operatingSystem": "Cross-platform (Windows, Linux, macOS, Docker)",
71        "offers": {
72          "@type": "Offer",
73          "price": "0",
74          "priceCurrency": "USD"
75        },
76        "license": "https://opensource.org/licenses/MIT",
77        "author": {
78          "@type": "Person",
79          "name": "Kien Phan",
80          "url": "https://github.com/kienphan"
81        },
82        "description": "Autonomous AI-powered algorithmic Forex and multi-asset trading system combining 3 strategy engines (TMS+ORB, ICT Judas Sweep, FlowRSI SMC) with 45 Docker presets, cTrader, FastAPI, PostgreSQL 17, and multi-LLM reasoning.",
83        "softwareRequirements": "Python 3.9+, cTrader 4.x+, FastAPI, PostgreSQL 17 / SQLite, Docker",
84        "aggregateRating": {
85          "@type": "AggregateRating",
86          "ratingValue": "4.9",
87          "ratingCount": "128"
88        }
89      },
90      {
91        "@type": "SoftwareSourceCode",
92        "name": "AgentFxTrading Repository",
93        "codeRepository": "https://github.com/kienphan/AgentFxTrading",
94        "programmingLanguage": ["Python", "C#"],
95        "runtimePlatform": "FastAPI, cTrader Automate",
96        "license": "https://opensource.org/licenses/MIT"
97      },
98      {
99        "@type": "FAQPage",
100        "mainEntity": [
101          {
102            "@type": "Question",
103            "name": "AgentFxTrading là gì và hoạt động như thế nào?",
104            "acceptedAnswer": {
105              "@type": "Answer",
106              "text": "AgentFxTrading là hệ thống giao dịch tự động mã nguồn mở kết hợp 3 động cơ chiến lược định lượng chuyên sâu (TMS+ORB, Judas Sweep ICT, FlowRSI SMC) với trí tuệ nhân tạo (DeepSeek, Claude, OpenAI, Qwen, Gemini). Robot cBot trên cTrader thu thập nến và chỉ báo, gửi dữ liệu về server FastAPI để AI phân tích đa khung thời gian và ra quyết định vào lệnh 24/7."
107            }
108          },
109          {
110            "@type": "Question",
111            "name": "Cơ chế Cycle Gating giúp tiết kiệm chi phí gọi API LLM như thế nào?",
112            "acceptedAnswer": {
113              "@type": "Answer",
114              "text": "Cycle Gating hoạt động như một bộ lọc chi phí xác định: hệ thống tự động bỏ qua việc gọi LLM khi thị trường ngoài phiên giao dịch, giá nằm trong vùng tích lũy Opening Range, hoặc tài khoản đang trong chuỗi thua. Cơ chế này loại bỏ 80-90% các lệnh gọi API thừa thãi mà không bỏ lỡ bất kỳ cơ hội vào lệnh chuẩn nào."
115            }
116          },
117          {
118            "@type": "Question",
119            "name": "Hệ thống hỗ trợ những sàn giao dịch và nền tảng nào?",
120            "acceptedAnswer": {
121              "@type": "Answer",
122              "text": "AgentFxTrading hỗ trợ mọi sàn giao dịch cung cấp nền tảng cTrader 4.x+ (như IC Markets cTrader, Pepperstone, Spotware cTrader). cBot có thể chạy trực tiếp trên cTrader Desktop GUI hoặc thông qua Docker CLI không giao diện (ctrader-console)."
123            }
124          },
125          {
126            "@type": "Question",
127            "name": "AgentFxTrading có an toàn khi giao dịch tiền thật không?",
128            "acceptedAnswer": {
129              "@type": "Answer",
130              "text": "Hệ thống được thiết kế với kiến trúc cách ly nghiêm ngặt giữa tài khoản Demo và Real, cùng khiên chắn rủi ro 8 lớp: bộ nhớ MFE từng tick, tự động dời hòa vốn (+0.1 ATR), trailing stop động, khóa lợi nhuận Giveback Floor, chặn fomo quá mức, trần lỗ cố định $12 và bảo vệ chuỗi thua."
131            }
132          },
133          {
134            "@type": "Question",
135            "name": "Tôi có thể tự host mô hình AI trên máy tính của mình không?",
136            "acceptedAnswer": {
137              "@type": "Answer",
138              "text": "Có. Ngoài các API đám mây như DeepSeek, OpenAI, Anthropic, DashScope (Qwen), và Gemini, AgentFxTrading hỗ trợ kết nối trực tiếp với Ollama và Local LLMs chạy trên máy trạm hoặc VPS riêng."
139            }
140          }
141        ]
142      }
143    ]
144  }
145  </script>
145
146</head>
147<body>
148
149  <!-- Top Real-time Financial Ticker Tape -->
150  <aside class="ticker-wrap" aria-label="Live Market Ticker">
151    <div class="ticker-label">
152      <span class="ticker-pulse"></span>
153      <span>LIVE TICKER</span>
154    </div>
155    <div class="ticker-track" id="ticker-track">
156      <!-- Generated via JS -->
157      <div class="ticker-item"><span class="ticker-symbol">XAUUSD</span> <span class="ticker-price">2914.85</span> <span class="ticker-change up">+1.42%</span></div>
158      <div class="ticker-item"><span class="ticker-symbol">EURUSD</span> <span class="ticker-price">1.0842</span> <span class="ticker-change up">+0.18%</span></div>
159      <div class="ticker-item"><span class="ticker-symbol">BTCUSD</span> <span class="ticker-price">88450.00</span> <span class="ticker-change up">+3.15%</span></div>
160      <div class="ticker-item"><span class="ticker-symbol">US30</span> <span class="ticker-price">43810.00</span> <span class="ticker-change up">+0.54%</span></div>
161      <div class="ticker-item"><span class="ticker-symbol">GBPUSD</span> <span class="ticker-price">1.2985</span> <span class="ticker-change down">-0.34%</span></div>
162    </div>
163  </aside>
164
165  <!-- Main Navigation Header -->
166  <header class="header-nav">
167    <div class="container header-content">
168      <div class="brand-group">
169        <div class="brand-logo-icon" aria-hidden="true">
170          <!-- Trading Agent SVG Logo -->
171          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#8fd424" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
172            <polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline>
173            <polyline points="16 7 22 7 22 13"></polyline>
174          </svg>
175        </div>
176        <div class="brand-info">
177          <div class="brand-title">AgentFx<span>Trading</span></div>
178        </div>
179      </div>
180
181      <nav aria-label="Main Navigation">
182        <ul class="nav-links">
183          <li><a href="#features" class="nav-link" data-i18n="nav_features">Tính Năng</a></li>
184          <li><a href="#strategies" class="nav-link" data-i18n="nav_strategies">3 Chiến Lược</a></li>
185          <li><a href="#presets" class="nav-link" data-i18n="nav_presets">45 Presets</a></li>
186          <li><a href="#risk" class="nav-link" data-i18n="nav_risk">Quản Trị Rủi Ro</a></li>
187          <li><a href="#calculator" class="nav-link" data-i18n="nav_calculator">Tiết Kiệm Token</a></li>
188          <li><a href="#showcase" class="nav-link" data-i18n="nav_showcase">Giao Diện WebUI</a></li>
189          <li><a href="#quickstart" class="nav-link" data-i18n="nav_docs">Tài Liệu</a></li>
190      </nav>
191
192      <div class="nav-actions">
193        <!-- 6-Language Dropdown -->
194        <div class="lang-dropdown-wrap">
195          <button id="lang-menu-btn" class="lang-menu-btn" aria-haspopup="true" aria-expanded="false" title="Change Language / Đổi ngôn ngữ">
196            <span id="current-lang-flag">🇻🇳</span>
197            <span id="current-lang-code">VI</span>
198            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"></polyline></svg>
199          </button>
200          <div id="lang-dropdown-menu" class="lang-dropdown-menu" role="menu">
201            <button class="lang-opt active" data-lang="vi" role="menuitem"><span>🇻🇳</span> <span>Tiếng Việt</span></button>
202            <button class="lang-opt" data-lang="en" role="menuitem"><span>🇬🇧</span> <span>English</span></button>
203            <button class="lang-opt" data-lang="zh" role="menuitem"><span>🇨🇳</span> <span>中文</span></button>
204            <button class="lang-opt" data-lang="pt" role="menuitem"><span>🇵🇹</span> <span>Português</span></button>
205            <button class="lang-opt" data-lang="ja" role="menuitem"><span>🇯🇵</span> <span>日本語</span></button>
206            <button class="lang-opt" data-lang="ru" role="menuitem"><span>🇷🇺</span> <span>Русский</span></button>
207          </div>
208        </div>
209
210        <!-- GitHub Stars Pill -->
211        <a href="https://github.com/kienphan/AgentFxTrading" target="_blank" rel="noopener noreferrer" class="github-star-pill" title="View repository on GitHub">
212          <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
213            <path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/>
214          </svg>
215          <span>Star</span>
216          <span class="star-count">GitHub</span>
217        </a>
218
219        <!-- CTA Button -->
220        <a href="#quickstart" class="btn-primary" data-i18n="btn_get_started">
221          Cài Đặt Ngay
222        </a>
223      </div>
224    </div>
225  </header>
226
227  <main id="main-content">
228    
229    <!-- Hero Section -->
230    <section class="hero-section" aria-labelledby="hero-title">
231      <div class="container hero-grid">
232        
233        <!-- Left: Hero Copy -->
234        <div class="hero-content">
235          <div class="hero-pill-badge">
236            <span class="sparkle">✦</span>
237            <span data-i18n="hero_badge">Hệ Thống Giao Dịch AI Mã Nguồn Mở • 3 Động Cơ cTrader + FastAPI + PostgreSQL</span>
238          </div>
239
240          <h1 id="hero-title" class="hero-title">
241            <span data-i18n="hero_title_1">Giao Dịch Forex & Multi-Asset Tự Động Với</span>
242            <span class="gradient-text" data-i18n="hero_title_highlight">Đa Trí Tuệ Nhân Tạo (Multi-LLM)</span>
243          </h1>
244
245          <p class="hero-description" data-i18n="hero_desc">
246            Hệ thống 3 động cơ kết hợp TMS+ORB, Judas Sweep ICT và FlowRSI SMC với AI đa mô hình (DeepSeek, Claude, GPT, Qwen, Gemini). 45 cấu hình Docker tối ưu, cài đặt 1 dòng lệnh VPS, và tiết kiệm 80-90% API nhờ Cycle Gating.
247          </p>
248
249          <div class="hero-cta-group">
250            <a href="https://github.com/kienphan/AgentFxTrading" target="_blank" rel="noopener noreferrer" class="btn-primary">
251              <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
252                <path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/>
253              </svg>
254              <span>GitHub Repository</span>
255            </a>
256            <a href="#showcase" class="btn-secondary" data-i18n="btn_view_demo">
257              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
258                <rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
259                <line x1="8" y1="21" x2="16" y2="21"></line>
260                <line x1="12" y1="17" x2="12" y2="21"></line>
261              </svg>
262              <span>Khám Phá WebUI</span>
263            </a>
264          </div>
265
266          <div class="hero-trust-badges">
267            <div class="trust-item">
268              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
269              <span data-i18n="trust_open_source">Mã Nguồn Mở MIT</span>
270            </div>
271            <div class="trust-item">
272              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
273              <span data-i18n="trust_ctrader">cTrader 4.x+</span>
274            </div>
275            <div class="trust-item">
276              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
277              <span data-i18n="trust_postgres">PostgreSQL 17</span>
278            </div>
279            <div class="trust-item">
280              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
281              <span data-i18n="trust_presets">45 Presets</span>
282            </div>
283            <div class="trust-item">
284              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
285              <span data-i18n="trust_cost_gate">Tiết Kiệm 80-90%</span>
286            </div>
287        </div>
288
289        <!-- Right: Interactive Hero Live Trading Dashboard Widget -->
290        <div class="hero-dashboard-widget" role="region" aria-label="Interactive Trading Dashboard Simulation">
291          <!-- Widget Topbar -->
292          <div class="widget-topbar">
293            <div class="widget-title-group">
294              <div class="widget-dots">
295                <span class="widget-dot red"></span>
296                <span class="widget-dot yellow"></span>
297                <span class="widget-dot green"></span>
298              </div>
299              <span class="widget-heading">AgentFxTrading Monitor</span>
300            </div>
301
302            <!-- Demo / Real Mode Switch -->
303            <div class="widget-mode-toggle" role="group" aria-label="Trading Mode">
304              <button id="widget-mode-demo" class="mode-btn active demo">DEMO</button>
305              <button id="widget-mode-real" class="mode-btn">REAL</button>
306            </div>
307          </div>
308
309          <!-- Mode Context Bar -->
310          <div id="widget-context-bar" style="background: #121820; padding: 5px 14px; font-size: 0.72rem; color: #38bdf8; border-bottom: 1px solid var(--border-subtle); display:flex; align-items:center;">
311            <span class="widget-dot yellow" style="display:inline-block;margin-right:6px"></span>
312            <strong>DEMO MODE</strong> · Paper Trading Environment (Isolated)
313          </div>
314
315          <!-- Killzones Bar -->
316          <div class="killzones-bar">
317            <div class="killzone-badge-list">
318              <span class="killzone-item" id="kz-tokyo"><span class="kz-dot"></span>Tokyo (00-09)</span>
319              <span class="killzone-item active" id="kz-london"><span class="kz-dot"></span>London (07-16)</span>
320              <span class="killzone-item active" id="kz-ny"><span class="kz-dot"></span>NY (12:30-21)</span>
321            </div>
322            <span class="utc-clock" id="utc-clock">UTC: 13:45:20</span>
323          </div>
324
325          <!-- Widget 4-KPI Row -->
326          <div class="widget-kpi-grid">
327            <div class="widget-kpi-card">
328              <span class="widget-kpi-label">Equity</span>
329              <span class="widget-kpi-val" id="widget-kpi-equity">$10,482.50</span>
330            </div>
331            <div class="widget-kpi-card">
332              <span class="widget-kpi-label">Today P&L</span>
333              <span class="widget-kpi-val profit" id="widget-kpi-pnl">+$482.50 (+4.8%)</span>
334            </div>
335            <div class="widget-kpi-card">
336              <span class="widget-kpi-label">Win Rate</span>
337              <span class="widget-kpi-val cyan">74.2%</span>
338            </div>
339            <div class="widget-kpi-card">
340              <span class="widget-kpi-label">Cost Gated</span>
341              <span class="widget-kpi-val profit">86.4%</span>
342            </div>
343          </div>
344
345          <!-- Active Positions Simulation Table -->
346          <div class="widget-table-wrap">
347            <table class="widget-table" aria-label="Active Positions">
348              <thead>
349                <tr>
350                  <th>Strategy</th>
351                  <th>Symbol</th>
352                  <th>Side</th>
353                  <th>Entry</th>
354                  <th>Live</th>
355                  <th>Floating P&L</th>
356                </tr>
357              </thead>
358              <tbody>
359                <tr>
360                  <td><span class="badge-engine tms">TMS+ORB</span></td>
361                  <td><strong>XAUUSD</strong></td>
362                  <td><span class="chip-side buy">BUY</span> 0.20</td>
363                  <td>2912.40</td>
364                  <td id="pos-price-xauusd">2914.85</td>
365                  <td><span id="pos-pnl-xauusd" class="pnl-chip pnl-positive">+$345.50</span></td>
366                </tr>
367                <tr>
368                  <td><span class="badge-engine judas">Judas SMC</span></td>
369                  <td><strong>EURUSD</strong></td>
370                  <td><span class="chip-side buy">BUY</span> 0.50</td>
371                  <td>1.0825</td>
372                  <td>1.0842</td>
373                  <td><span class="pnl-chip pnl-positive">+$182.00</span></td>
374                </tr>
375                <tr>
376                  <td><span class="badge-engine flowrsi">FlowRSI</span></td>
377                  <td><strong>GBPUSD</strong></td>
378                  <td><span class="chip-side buy">BUY</span> 0.30</td>
379                  <td>1.2940</td>
380                  <td>1.2965</td>
381                  <td><span class="pnl-chip pnl-positive">+$75.00</span></td>
382                </tr>
383            </table>
384          </div>
385
386          <!-- Streaming Live AI Reasoning Terminal -->
387          <div class="widget-terminal-wrap">
388            <div class="terminal-header">
389              <div class="terminal-title">
390                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></line></svg>
391                <span>Live AI Reasoning Stream</span>
392              </div>
393              <div class="terminal-filters" role="tablist" aria-label="Terminal filter">
394                <button class="t-filter-btn active" data-filter="all">ALL</button>
395                <button class="t-filter-btn" data-filter="llm">LLM</button>
396                <button class="t-filter-btn" data-filter="gate">GATE</button>
397                <button class="t-filter-btn" data-filter="event">EVENT</button>
398              </div>
399            </div>
400            <div class="terminal-body" id="terminal-logs" tabindex="0" aria-label="Live logs output">
401              <!-- Logs populated dynamically by main.js -->
402            </div>
403          </div>
404        </div>
405
406      </div>
407    </section>
408
409    <!-- Key Metrics Highlight Section -->
410    <section class="metrics-section" aria-label="Key Performance Indicators">
411      <div class="container">
412        <div class="metrics-grid">
413
414          <div class="metric-card">
415            <span class="metric-number highlight">80–90%</span>
416            <span class="metric-label" data-i18n="metric_l1_label">Tiết Kiệm Token</span>
417            <span class="metric-sub" data-i18n="metric_l1_sub">Không gọi AI khi ngoài phiên hoặc giá tích lũy</span>
418          </div>
419
420          <div class="metric-card">
421            <span class="metric-number">24/7</span>
422            <span class="metric-label" data-i18n="metric_l2_label">Tự Động Hoàn Toàn</span>
423            <span class="metric-sub" data-i18n="metric_l2_sub">Hoạt động cả 3 phiên Tokyo, London, NY</span>
424          </div>
425
426          <div class="metric-card">
427            <span class="metric-number highlight" data-i18n="metric_l3_num">3 Động Cơ</span>
428            <span class="metric-label" data-i18n="metric_l3_label">TMS + Judas + FlowRSI</span>
429            <span class="metric-sub" data-i18n="metric_l3_sub">Bắt trend, bẫy thanh khoản và hội tụ RSI SMC</span>
430
431          <div class="metric-card">
432            <span class="metric-number">&lt; 18ms</span>
433            <span class="metric-label" data-i18n="metric_l4_label">Độ Trễ FastAPI</span>
434            <span class="metric-sub" data-i18n="metric_l4_sub">Xử lý tick và phản hồi cBot thời gian thực</span>
435          </div>
436
437        </div>
438      </div>
439    </section>
440
441    <!-- Dual Strategy Engines Deep Dive -->
442    <section id="strategies" class="strategy-section" aria-labelledby="strat-heading">
443      <div class="container">
444        
445        <div class="section-header">
446          <div class="section-pill">Multi-Engine AI Framework</div>
447          <h2 id="strat-heading" class="section-title" data-i18n="strat_title">3 Động Cơ Chiến Lược AI</h2>
448          <p class="section-subtitle" data-i18n="strat_subtitle">Tích hợp TMS+ORB (động lượng xu hướng), Asian Judas Sweep (săn bẫy thanh khoản ICT) và FlowRSI SMC (hội tụ đa khung thời gian).</p>
449        </div>
450
451        <!-- Strategy Tabs Switcher -->
452        <div class="strategy-tabs-nav" role="tablist">
453          <button id="strat-btn-tms" class="strat-tab-btn active tms" role="tab" aria-selected="true">
454            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg>
455            <span data-i18n="strat_tab_tms">Động Cơ 1: TMS + ORB (Trend Momentum)</span>
456          </button>
457          <button id="strat-btn-judas" class="strat-tab-btn judas" role="tab" aria-selected="false">
458            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
459            <span data-i18n="strat_tab_judas">Động Cơ 2: Asian Judas Sweep (ICT SMC)</span>
460          </button>
461          <button id="strat-btn-flowrsi" class="strat-tab-btn flowrsi" role="tab" aria-selected="false">
462            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M2 12h5l3-9 4 18 3-9h5"></path></svg>
463            <span data-i18n="strat_tab_flowrsi">Động Cơ 3: FlowRSI (Nested RSI &amp; SMC)</span>
464          </button>
465        </div>
466
467        <!-- Panel 1: TMS + ORB -->
468        <div id="strat-panel-tms" class="strategy-display-panel">
469          <div class="strat-info-col">
470            <div class="strat-badge-pill tms">AiAgentBot.cs · C# & FastAPI</div>
471            <h3 class="strat-title">TMS + Opening Range Breakout</h3>
472            <p class="strat-desc">
473              Khai thác động lượng bứt phá đầu phiên London/NY. Kết hợp Heikin Ashi, TDI và Stochastic xác nhận xung lực đa khung (M15/H1/H4).
474            </p>
475            <ul class="strat-feature-list">
476              <li class="strat-feature-item">
477                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
478                <span><strong>KER:</strong> Tự động nhận diện xu hướng vs tích lũy, tối ưu trailing stop.</span>
479              </li>
480              <li class="strat-feature-item">
481                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
482                <span><strong>Dynamic Scaling:</strong> Tự động điều chỉnh số thập phân theo từng loại tài sản.</span>
483              </li>
484              <li class="strat-feature-item">
485                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
486                <span><strong>Cycle Gating:</strong> Chặn lệnh khi giá đã phá vỡ quá xa (> 2.5x ATR).</span>
487              </li>
488            </ul>
489          </div>
490
491          <div class="strat-visual-col">
492            <div class="strat-code-header">
493              <span class="strat-code-title">TMS_ORB_DECISION_ENGINE.cs</span>
494              <span class="badge-engine tms">ACTIVE</span>
495            </div>
496            <pre class="strat-code-block"><code><span class="comment">// 1. Kaufman Efficiency Ratio calculation</span>
497<span class="keyword">double</span> ker = CalculateKaufmanEfficiency(period: <span class="num">21</span>);
498<span class="keyword">bool</span> isTrending = ker &gt;= <span class="num">0.65</span>;
499
500<span class="comment">// 2. TDI Signal &amp; Market Base Line confirmation</span>
501<span class="keyword">if</span> (tdi.GreenLine &gt; tdi.RedLine &amp;&amp; tdi.GreenLine &gt; tdi.YellowLine) {
502    <span class="comment">// 3. Multi-timeframe trend alignment check</span>
503    <span class="keyword">var</span> prompt = BuildMultiTimeframeContext(m15, h1, h4);
504    <span class="keyword">var</span> decision = <span class="keyword">await</span> CallLlmReasoning(prompt);
505    
506    <span class="keyword">if</span> (decision.Confidence &gt;= <span class="num">0.80</span> &amp;&amp; !IsOverextended(entry, orbHigh)) {
507        ExecuteMarketOrder(TradeType.Buy, decision.Volume);
508    }
509}</code></pre>
510          </div>
511        </div>
512
513        <!-- Panel 2: Asian Range Judas Sweep (Hidden by default, shown on tab click) -->
514        <div id="strat-panel-judas" class="strategy-display-panel" style="display: none;">
515          <div class="strat-info-col">
516            <div class="strat-badge-pill judas">AsianRangeJudasSweepBot.cs · ICT Smart Money</div>
517            <h3 class="strat-title">Asian Range Judas Sweep</h3>
518            <p class="strat-desc">
519              Săn bẫy giá giả mạo (Judas Swings) của dòng tiền định chế. Giám sát phiên Á (00-06 UTC) và săn thanh khoản tại London/NY Killzone.
520            </p>
521            <ul class="strat-feature-list">
522              <li class="strat-feature-item">
523                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
524                <span><strong>Asian Range Filter:</strong> Ngưỡng biên độ tự động theo từng tài sản (Vàng, Forex, BTC).</span>
525              </li>
526              <li class="strat-feature-item">
527                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
528                <span><strong>Order Block & FVG:</strong> Chỉ vào lệnh khi có MSS và giá hồi về Order Block/FVG.</span>
529              </li>
530              <li class="strat-feature-item">
531                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
532                <span><strong>Idle Suppression:</strong> Ngủ đông, không gọi AI khi chưa có sweep.</span>
533              </li>
534            </ul>
535          </div>
536
537          <div class="strat-visual-col">
538            <div class="strat-code-header">
539              <span class="strat-code-title">ASIAN_JUDAS_SWEEP_ENGINE.cs</span>
540              <span class="badge-engine judas">ACTIVE</span>
541            </div>
542            <pre class="strat-code-block"><code><span class="comment">// 1. Asian session high/low tracking</span>
543<span class="keyword">double</span> asianHigh = GetAsianRangeHigh(utc00, utc06);
544<span class="keyword">double</span> asianLow  = GetAsianRangeLow(utc00, utc06);
545
546<span class="comment">// 2. Liquidity sweep detection during London/NY Killzone</span>
547<span class="keyword">if</span> (currentPrice &gt; asianHigh &amp;&amp; IsInKillzone(utcNow)) {
548    <span class="comment">// Check for rapid rejection candle + Market Structure Shift</span>
549    <span class="keyword">if</span> (HasMSS(candleM15) &amp;&amp; OrderBlockMitigated()) {
550        <span class="keyword">var</span> llmAssessment = <span class="keyword">await</span> FastAiGate(asianHigh, candleM15);
551        <span class="keyword">if</span> (llmAssessment.Recommendation == <span class="string">"SELL"</span>) {
552            ExecuteMarketOrder(TradeType.Sell, sl: asianHigh + <span class="num">0.1</span> * atr);
553        }
554    }
555}</code></pre>
556          </div>
557        </div>
558
559        <!-- Panel 3: FlowRSI / Nested RSI SMC (Hidden by default, shown on tab click) -->
560        <div id="strat-panel-flowrsi" class="strategy-display-panel" style="display: none;">
561          <div class="strat-info-col">
562            <div class="strat-badge-pill flowrsi">FlowRsiBot.cs · Nested RSI &amp; ICT SMC</div>
563            <h3 class="strat-title">FlowRSI &amp; Nested RSI SMC</h3>
564            <p class="strat-desc" data-i18n="strat_flowrsi_desc">
565              Hội tụ động lượng đa khung kết hợp điểm giao cắt RSI Nhanh (7) và Chậm (14) với cấu trúc ICT SMC. Nhận diện Fair Value Gap (FVG), vùng cân bằng Premium/Discount và bẫy quét thanh khoản Swing Liquidity.
566            </p>
567            <ul class="strat-feature-list">
568              <li class="strat-feature-item">
569                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
570                <span><strong>Nested RSI Cross:</strong> Bắt điểm bứt phá khi RSI 7 cắt qua RSI 14 trong vùng quá bán/hồi quy.</span>
571              </li>
572              <li class="strat-feature-item">
573                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
574                <span><strong>ICT FVG &amp; Equilibrium:</strong> Lọc vùng mất cân bằng FVG (&ge; 2.0 pips) và chỉ Buy ở Discount / Sell ở Premium.</span>
575              </li>
576              <li class="strat-feature-item">
577                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
578                <span><strong>True Zero-Loss BE &amp; Trailing:</strong> Dời hòa vốn linh hoạt và kích hoạt Trailing Stop bám đỉnh/đáy.</span>
579              </li>
580              <li class="strat-feature-item">
581                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
582                <span><strong>Direct AI Bridge:</strong> Cầu nối API xác thực trực tiếp qua FastAPI server (/trade) với ngưỡng confidence &ge; 70%.</span>
583              </li>
584            </ul>
585          </div>
586
587          <div class="strat-visual-col">
588            <div class="strat-code-header">
589              <span class="strat-code-title">FLOW_RSI_SMC_ENGINE.cs</span>
590              <span class="badge-engine flowrsi">ACTIVE</span>
591            </div>
592            <pre class="strat-code-block"><code><span class="comment">// 1. Nested RSI momentum convergence (Fast 7 &amp; Slow 14)</span>
593<span class="keyword">bool</span> bullishCross = HasBullishRsiCross(fastRsi: <span class="num">7</span>, slowRsi: <span class="num">14</span>, lookback: <span class="num">3</span>);
594
595<span class="comment">// 2. ICT SMC structural alignment: Discount zone + FVG imbalance</span>
596<span class="keyword">if</span> (bullishCross &amp;&amp; IsInDiscountZone() &amp;&amp; HasValidFvg(minPips: <span class="num">2.0</span>)) {
597    <span class="comment">// 3. AI agent bridge validation &amp; dynamic risk calculation</span>
598    <span class="keyword">var</span> decision = <span class="keyword">await</span> CallAiAgentBridge(symbol, period: <span class="string">"M15"</span>);
599    <span class="keyword">if</span> (decision.IsApproved &amp;&amp; decision.Confidence &gt;= <span class="num">0.70</span>) {
600        ExecuteMarketOrder(TradeType.Buy, sl: swingLow, tpRr: <span class="num">1.5</span>);
601    }
602}</code></pre>
603          </div>
604        </div>
605
606      </div>
607    </section>
608
609    <!-- Institutional 8-Layer Risk Shield Bento Grid -->
610    <section id="risk" class="risk-section" aria-labelledby="risk-heading">
611      <div class="container">
612        
613        <div class="section-header">
614          <div class="section-pill">Risk Management Shield</div>
615          <h2 id="risk-heading" class="section-title" data-i18n="risk_title">Khiên Chắn Rủi Ro 8 Lớp</h2>
616          <p class="section-subtitle" data-i18n="risk_subtitle">
617            Bảo vệ vốn tự động, loại bỏ yếu tố cảm xúc.
618          </p>
619        </div>
620
621        <div class="risk-grid">
622
623          <!-- Layer 1 -->
624          <div class="risk-card">
625            <span class="risk-layer-badge">L1</span>
626            <div class="risk-icon-wrap">
627              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 12h-4l-3 9L9 3l-3 9H2"></path></svg>
628            </div>
629            <h3 class="risk-title" data-i18n="risk_l1_title">MFE/MAE Memory</h3>
630            <p class="risk-desc" data-i18n="risk_l1_desc">Theo dõi lãi/lỗ cực đại từng tick.</p>
631            <div class="risk-formula">Peak_MFE = max(MFE_t)</div>
632          </div>
633
634          <!-- Layer 2 -->
635          <div class="risk-card">
636            <span class="risk-layer-badge">L2</span>
637            <div class="risk-icon-wrap">
638              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
639            </div>
640            <h3 class="risk-title" data-i18n="risk_l2_title">Auto Breakeven</h3>
641            <p class="risk-desc" data-i18n="risk_l2_desc">Dời SL về entry + 0.1 ATR khi lãi &ge; 0.8 ATR.</p>
642            <div class="risk-formula">Profit &ge; 0.8&times;ATR &rarr; SL = Entry + 0.1&times;ATR</div>
643          </div>
644
645          <!-- Layer 3 -->
646          <div class="risk-card">
647            <span class="risk-layer-badge">L3</span>
648            <div class="risk-icon-wrap">
649              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
650            </div>
651            <h3 class="risk-title" data-i18n="risk_l3_title">Trailing Stop Động</h3>
652            <p class="risk-desc" data-i18n="risk_l3_desc">Bám đỉnh khi lãi &ge; 1.2 ATR, khoảng cách 0.7 ATR.</p>
653            <div class="risk-formula">Active: Profit &ge; 1.2&times;ATR &bull; Trail: 0.7&times;ATR</div>
654          </div>
655
656          <!-- Layer 4 -->
657          <div class="risk-card">
658            <span class="risk-layer-badge">L4</span>
659            <div class="risk-icon-wrap">
660              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
661            </div>
662            <h3 class="risk-title" data-i18n="risk_l4_title">Giveback Floor</h3>
663            <p class="risk-desc" data-i18n="risk_l4_desc">Chốt lời nếu giá hồi &ge; 40% đỉnh lãi.</p>
664            <div class="risk-formula">Giveback &ge; 40% Peak MFE &rarr; Close</div>
665          </div>
666
667          <!-- Layer 5 -->
668          <div class="risk-card">
669            <span class="risk-layer-badge">L5</span>
670            <div class="risk-icon-wrap">
671              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
672            </div>
673            <h3 class="risk-title" data-i18n="risk_l5_title">Anti-Overextension</h3>
674            <p class="risk-desc" data-i18n="risk_l5_desc">Chặn lệnh khi giá đã chạy quá 2.5x ATR từ OR.</p>
675            <div class="risk-formula">Distance &gt; 2.5&times;ATR &rarr; Block</div>
676          </div>
677
678          <!-- Layer 6 -->
679          <div class="risk-card">
680            <span class="risk-layer-badge">L6</span>
681            <div class="risk-icon-wrap">
682              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
683            </div>
684            <h3 class="risk-title" data-i18n="risk_l6_title">Max Loss $12</h3>
685            <p class="risk-desc" data-i18n="risk_l6_desc">Trần thua lỗ cố định mỗi lệnh.</p>
686            <div class="risk-formula">Max_Loss &le; $12.00 / Trade</div>
687          </div>
688
689          <!-- Layer 7 -->
690          <div class="risk-card">
691            <span class="risk-layer-badge">L7</span>
692            <div class="risk-icon-wrap">
693              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
694            </div>
695            <h3 class="risk-title" data-i18n="risk_l7_title">Streak Guard</h3>
696            <p class="risk-desc" data-i18n="risk_l7_desc">Dừng giao dịch sau 3 lệnh thua liên tiếp.</p>
697            <div class="risk-formula">3 Losses &rarr; Halt</div>
698          </div>
699
700          <!-- Layer 8 -->
701          <div class="risk-card">
702            <span class="risk-layer-badge">L8</span>
703            <div class="risk-icon-wrap">
704              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="8" rx="2" ry="2"></rect><rect x="2" y="14" width="20" height="8" rx="2" ry="2"></rect><line x1="6" y1="6" x2="6.01" y2="6"></line><line x1="6" y1="18" x2="6.01" y2="18"></line></svg>
705            </div>
706            <h3 class="risk-title" data-i18n="risk_l8_title">Cycle Gating</h3>
707            <p class="risk-desc" data-i18n="risk_l8_desc">Không gọi AI khi ngoài phiên/giá trong OR/đang thua.</p>
708            <div class="risk-formula">Save 80%–90% API</div>
709          </div>
710
711        </div>
712      </div>
713    </section>
714
715    <!-- Multi-LLM & Interactive Token Savings Calculator -->
716    <section id="calculator" class="llm-section" aria-labelledby="calc-heading">
717      <div class="container">
718        
719        <div class="section-header">
720          <div class="section-pill">Multi-LLM & Cost Optimizer</div>
721          <h2 id="calc-heading" class="section-title" data-i18n="calc_title">Tính Chi Phí & Tiết Kiệm Token AI</h2>
722          <p class="section-subtitle" data-i18n="calc_subtitle">Hỗ trợ DeepSeek, Qwen, Claude, GPT, Gemini, Ollama. Cycle Gating giảm 80-90% chi phí API.</p>
723        </div>
724
725        <!-- Supported LLM Provider Badges -->
726        <div class="llm-provider-logos">
727          <div class="llm-badge">
728            <span>⚡ DeepSeek</span>
729          </div>
730          <div class="llm-badge">
731            <span>🌐 Qwen</span>
732          </div>
733          <div class="llm-badge">
734            <span>🧠 Claude</span>
735          </div>
736          <div class="llm-badge">
737            <span>🤖 OpenAI</span>
738          </div>
739          <div class="llm-badge">
740            <span>✨ Gemini</span>
741          </div>
742          <div class="llm-badge">
743            <span>💻 Ollama</span>
744          </div>
745        </div>
746
747        <!-- Interactive Calculator Widget -->
748        <div class="calculator-card">
749          <div class="calc-controls">
750            <h3 class="calc-heading" data-i18n="calc_heading">Mô Phỏng Chi Phí Hàng Tháng</h3>
751
752            <div class="calc-field">
753              <div class="calc-label-row">
754                <label for="calc-slider-trades" data-i18n="calc_slider_label">Tần Suất Quét Nến</label>
755                <span class="calc-val-display" id="calc-val-trades">180 checks / ngày</span>
756              </div>
757              <input type="range" id="calc-slider-trades" class="calc-slider" min="30" max="600" step="10" value="180" aria-label="Market check frequency slider">
758            </div>
759
760            <div class="calc-field">
761              <div class="calc-label-row">
762                <label for="calc-select-llm" data-i18n="calc_model_label">Mô Hình AI Phân Tích</label>
763              </div>
764              <select id="calc-select-llm" class="calc-select" aria-label="Select LLM Provider">
765                <option value="deepseek" data-i18n="calc_model_deepseek">DeepSeek (Hiệu năng cao, siêu tiết kiệm)</option>
766                <option value="qwen" data-i18n="calc_model_qwen">Qwen (Khuyên dùng - Cực kỳ chuẩn xác)</option>
767                <option value="openai" data-i18n="calc_model_openai">OpenAI (Đa nhiệm cao cấp)</option>
768                <option value="claude" data-i18n="calc_model_claude">Claude (Tư duy tài chính vượt trội)</option>
769                <option value="gemini" data-i18n="calc_model_gemini">Gemini (Tốc độ phản hồi cực nhanh)</option>
770              </select>
771          </div>
772
773          <div class="calc-results-panel">
774            <span class="calc-result-title" data-i18n="calc_saved_label">LƯỢNG TOKEN TIẾT KIỆM ĐƯỢC</span>
775
776            <div class="calc-big-saving">
777              <span class="saving-percent" id="display-saving-percent">86%</span>
778              <span class="saving-subtitle" id="display-tokens-saved">4.02M Tokens / tháng</span>
779            </div>
780
781            <div class="calc-breakdown-list">
782              <div class="calc-row">
783                <span class="label" data-i18n="calc_original_cost">Chi phí gốc (Không lọc):</span>
784                <span class="value" id="display-standard-cost">$1.38 / tháng</span>
785              </div>
786              <div class="calc-row">
787                <span class="label" data-i18n="calc_gated_cost">Chi phí thực tế (Với Cycle Gate):</span>
788                <span class="value" id="display-gated-cost">$0.19 / tháng</span>
789              </div>
790              <div class="calc-row highlight">
791                <span class="label" data-i18n="calc_annual_saved">Tiết kiệm mỗi năm:</span>
792                <span class="value" id="display-annual-saved">$14.28 USD</span>
793              </div>
794            </div>
795          </div>
796        </div>
797
798      </div>
799    </section>
800
801    <!-- WebUI Showcase (Tabs with Real Screenshots) -->
802    <section id="showcase" class="showcase-section" aria-labelledby="showcase-heading">
803      <div class="container">
804        
805        <div class="section-header">
806          <div class="section-pill">cTrader-Inspired WebUI</div>
807          <h2 id="showcase-heading" class="section-title" data-i18n="showcase_title">Giao Diện WebUI Chuyên Nghiệp</h2>
808          <p class="section-subtitle" data-i18n="showcase_subtitle">Dark theme cTrader, WebSocket real-time, cách ly Demo/Real.</p>
809        </div>
810
811        <!-- Showcase Tab Navigation -->
812        <div class="showcase-tabs-nav" role="tablist">
813          <button class="showcase-tab-btn active" data-target="overview" role="tab" aria-selected="true" data-i18n="showcase_tab_overview">
814            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
815            <span>Tổng Quan &amp; Phiên Giao Dịch</span>
816          </button>
817          <button class="showcase-tab-btn" data-target="ai" role="tab" aria-selected="false" data-i18n="showcase_tab_ai">
818            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
819            <span>Luồng Suy Luận AI</span>
820          </button>
821          <button class="showcase-tab-btn" data-target="leaderboard" role="tab" aria-selected="false" data-i18n="showcase_tab_leaderboard">
822            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"></path><path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"></path><path d="M4 22h16"></path><path d="M10 14.66V17c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-2.34"></path><path d="M18 17c0 .55-.45 1-1 1h-2c-.55 0-1-.45-1-1v-2.34"></path><path d="M8 22v-3"></path><path d="M16 22v-3"></path><path d="M8 12a4 4 0 0 0 8 0V4H8v8z"></path></svg>
823            <span>Bảng Xếp Hạng Định Lượng</span>
824          </button>
825          <button class="showcase-tab-btn" data-target="news" role="tab" aria-selected="false" data-i18n="showcase_tab_news">
826            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
827            <span>Lọc Tin Đỏ ForexFactory</span>
828          </button>
829        </div>
830
831        <!-- Preview Showcase Frame -->
832        <div class="showcase-preview-frame">
833          <div class="preview-topbar">
834            <div class="widget-dots">
835              <span class="widget-dot red"></span>
836              <span class="widget-dot yellow"></span>
837              <span class="widget-dot green"></span>
838            </div>
839            <span class="preview-url-pill">http://127.0.0.1:8000/real/dashboard</span>
840            <span class="status-pill status-pill--online" style="display:inline-flex;align-items:center;gap:6px;font-size:0.7rem;color:var(--accent-bright);"><span class="ticker-pulse"></span>Live WS</span>
841          </div>
842
843          <div class="showcase-img-container">
844            <img src="assets/images/overview.png" alt="AgentFxTrading Web Dashboard Overview" class="showcase-img active" data-id="overview" loading="lazy">
845            <img src="assets/images/ai-thinking.png" alt="AgentFxTrading AI Strategy Feed and Reasoning" class="showcase-img" data-id="ai" loading="lazy">
846            <img src="assets/images/leaderboard.png" alt="AgentFxTrading Quant Performance Leaderboard" class="showcase-img" data-id="leaderboard" loading="lazy">
847            <img src="assets/images/news-assessment.png" alt="ForexFactory Red News Assessment and Volatility" class="showcase-img" data-id="news" loading="lazy">
848          </div>
849
850          <div class="preview-caption-bar">
851            <div class="showcase-caption-item" data-id="overview" style="display:flex;align-items:center;justify-content:space-between;width:100%;">
852              <span class="caption-text" data-i18n="showcase_caption_overview">Tổng quan 9 KPI, Killzones, vị thế thực và biểu đồ P&amp;L.</span>
853              <div class="caption-tags">
854                <span class="caption-tag">WebSocket</span>
855                <span class="caption-tag">Killzones</span>
856                <span class="caption-tag">KPIs</span>
857              </div>
858            </div>
859            <div class="showcase-caption-item" data-id="ai" style="display:none;align-items:center;justify-content:space-between;width:100%;">
860              <span class="caption-text" data-i18n="showcase_caption_ai">Log suy luận AI đa khung M15/H1/H4, confidence score và logic vào/thoát.</span>
861              <div class="caption-tags">
862                <span class="caption-tag">Multi-LLM</span>
863                <span class="caption-tag">MFE</span>
864                <span class="caption-tag">Prompts</span>
865              </div>
866            </div>
867            <div class="showcase-caption-item" data-id="leaderboard" style="display:none;align-items:center;justify-content:space-between;width:100%;">
868              <span class="caption-text" data-i18n="showcase_caption_leaderboard">Xếp hạng hiệu suất bot với Tier S/A/B/C, Win Rate và Profit Factor.</span>
869              <div class="caption-tags">
870                <span class="caption-tag">Ranking</span>
871                <span class="caption-tag">Tiers</span>
872                <span class="caption-tag">Sharpe</span>
873              </div>
874            </div>
875            <div class="showcase-caption-item" data-id="news" style="display:none;align-items:center;justify-content:space-between;width:100%;">
876              <span class="caption-text" data-i18n="showcase_caption_news">Lọc tin ForexFactory, phân tích tác động và chặn lệnh khi biến động cao.</span>
877              <div class="caption-tags">
878                <span class="caption-tag">Calendar</span>
879                <span class="caption-tag">Red News</span>
880                <span class="caption-tag">Protection</span>
881              </div>
882            </div>
883          </div>
884        </div>
885
886      </div>
887    </section>
888
889    <!-- Architecture & Telemetry Flow -->
890    <section class="arch-section" aria-labelledby="arch-heading">
891      <div class="container">
892        
893        <div class="section-header">
894          <div class="section-pill">System Architecture</div>
895          <h2 id="arch-heading" class="section-title" data-i18n="arch_title">Kiến Trúc Micro-Service</h2>
896          <p class="section-subtitle" data-i18n="arch_subtitle">Tách biệt execution layer (cTrader) và AI layer (FastAPI).</p>
897        </div>
898        <div class="arch-flow-grid">
899          
900          <div class="arch-step-card">
901            <div class="arch-step-num">1</div>
902            <h3 class="arch-step-title">3 cTrader cBots (C#)</h3>
903            <p class="arch-step-desc" data-i18n="arch_step1_desc">3 robot định lượng (AiAgentBot, AsianRangeJudasSweepBot, FlowRsiBot) tính toán chỉ báo và gửi telemetry về server.</p>
904            <span class="arch-tech-badge">cTrader Automate API</span>
905          </div>
906
907          <div class="arch-step-card">
908            <div class="arch-step-num">2</div>
909            <h3 class="arch-step-title">FastAPI Server (Python)</h3>
910            <p class="arch-step-desc" data-i18n="arch_step2_desc">Kiểm tra risk shield 8 lớp và Cycle Gating trước khi gọi AI.</p>
911            <span class="arch-tech-badge">Python 3.9+ / FastAPI</span>
912          </div>
913
914          <div class="arch-step-card">
915            <div class="arch-step-num">3</div>
916            <h3 class="arch-step-title">Multi-LLM Reasoning</h3>
917            <p class="arch-step-desc" data-i18n="arch_step3_desc">AI phân tích nến đa khung, tin tức và tính confidence score.</p>
918            <span class="arch-tech-badge">DeepSeek / Qwen / Claude / GPT / Gemini</span>
919          </div>
920
921          <div class="arch-step-card">
922            <div class="arch-step-num">4</div>
923            <h3 class="arch-step-title">Execution &amp; Telemetry</h3>
924            <p class="arch-step-desc" data-i18n="arch_step4_desc">cBot khớp lệnh với SL/Trailing động, lưu PostgreSQL 17 / SQLite.</p>
925            <span class="arch-tech-badge">PostgreSQL 17 / SQLite &amp; WS</span>
926          </div>
927
928        </div>
929      </div>
930    </section>
931
932    <!-- 45 Presets Catalog Matrix Section -->
933    <section id="presets" class="presets-section" aria-labelledby="presets-heading">
934      <div class="container">
935        
936        <div class="section-header">
937          <div class="section-pill">Docker Presets Matrix</div>
938          <h2 id="presets-heading" class="section-title" data-i18n="presets_title">45 Cấu Hình Docker Sẵn Sàng (15 Symbols &times; 3 Chiến Lược)</h2>
939          <p class="section-subtitle" data-i18n="presets_subtitle">
940            Hỗ trợ đầy đủ 15 cặp tài sản trên cả 3 chiến lược. Khởi tạo 1-click trực tiếp trên WebUI Dashboard (Setup Instances) hoặc Docker CLI.
941          </p>
942        </div>
943
944        <div class="presets-matrix-card">
945          <div class="presets-matrix-header">
946            <div class="presets-matrix-title">
947              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="8" rx="2" ry="2"></rect><rect x="2" y="14" width="20" height="8" rx="2" ry="2"></rect><line x1="6" y1="6" x2="6.01" y2="6"></line>
947<line x1="6" y1="18" x2="6.01" y2="18"></line></svg>
948              <span>Preset Matrix: 15 Cặp Tài Sản &times; 3 Động Cơ</span>
949            </div>
950            <div style="display:flex;gap:8px;align-items:center;">
951              <span class="presets-matrix-badge">15 &times; 3 = 45 Cells</span>
952              <a href="https://github.com/kienphan/AgentFxTrading/blob/main/docs/docker-instances.md" target="_blank" rel="noopener noreferrer" style="font-size:0.75rem;color:var(--accent-bright);text-decoration:none;font-weight:600;">
953                Xem docs/docker-instances.md &rarr;
954              </a>
955            </div>
956          </div>
957
958          <div class="presets-table-wrap">
959            <table class="presets-table" aria-label="45 Presets Matrix">
960              <thead>
961                <tr>
962                  <th>Symbol &amp; Asset Class</th>
963                  <th>Động Cơ 1: TMS + ORB</th>
964                  <th>Động Cơ 2: Judas Sweep</th>
965                  <th>Động Cơ 3: FlowRSI SMC</th>
966                </tr>
967              </thead>
968              <tbody>
969                <tr>
970                  <td><span class="symbol-badge">XAUUSD</span><span class="asset-pill">Metal</span></td>
971                  <td><span class="preset-cell-tag tms">M15 · New York</span></td>
972                  <td><span class="preset-cell-tag judas">M15 · London+NY KZ</span></td>
973                  <td><span class="preset-cell-tag flowrsi">M15 · All Sessions</span></td>
974                </tr>
975                <tr>
976                  <td><span class="symbol-badge">EURUSD</span><span class="asset-pill">Forex Major</span></td>
977                  <td><span class="preset-cell-tag tms">M15 · London</span></td>
978                  <td><span class="preset-cell-tag judas">M15 · London+NY KZ</span></td>
979                  <td><span class="preset-cell-tag flowrsi">M15 · All Sessions</span></td>
980                </tr>
981                <tr>
982                  <td><span class="symbol-badge">GBPUSD</span><span class="asset-pill">Forex Major</span></td>
983                  <td><span class="preset-cell-tag tms">M15 · London</span></td>
984                  <td><span class="preset-cell-tag judas">M15 · London+NY KZ</span></td>
985                  <td><span class="preset-cell-tag flowrsi">M15 · All Sessions</span></td>
986                </tr>
987                <tr>
988                  <td><span class="symbol-badge">USDJPY</span><span class="asset-pill">Forex Major</span></td>
989                  <td><span class="preset-cell-tag tms">M15 · Tokyo</span></td>
990                  <td><span class="preset-cell-tag judas">M15 · London+NY KZ</span></td>
991                  <td><span class="preset-cell-tag flowrsi">M15 · All Sessions</span></td>
992                </tr>
993                <tr>
994                  <td><span class="symbol-badge">GBPJPY</span><span class="asset-pill">Forex Cross</span></td>
995                  <td><span class="preset-cell-tag tms">M15 · London</span></td>
996                  <td><span class="preset-cell-tag judas">M15 · London+NY KZ</span></td>
997                  <td><span class="preset-cell-tag flowrsi">M15 · All Sessions</span></td>
998                </tr>
999                <tr>
1000                  <td><span class="symbol-badge">EURJPY</span><span class="asset-pill">Forex Cross</span></td>
1001                  <td><span class="preset-cell-tag tms">M15 · London</span></td>
1002                  <td><span class="preset-cell-tag judas">M15 · London+NY KZ</span></td>
1003                  <td><span class="preset-cell-tag flowrsi">M15 · All Sessions</span></td>
1004                </tr>
1005                <tr>
1006                  <td><span class="symbol-badge">USDCAD</span><span class="asset-pill">Forex Major</span></td>
1007                  <td><span class="preset-cell-tag tms">M15 · New York</span></td>
1008                  <td><span class="preset-cell-tag judas">M15 · London+NY KZ</span></td>
1009                  <td><span class="preset-cell-tag flowrsi">M15 · All Sessions</span></td>
1010                </tr>
1011                <tr>
1012                  <td><span class="symbol-badge">AUDUSD</span><span class="asset-pill">Forex Major</span></td>
1013                  <td><span class="preset-cell-tag tms">M15 · Tokyo</span></td>
1014                  <td><span class="preset-cell-tag judas">M15 · London+NY KZ</span></td>
1015                  <td><span class="preset-cell-tag flowrsi">M15 · All Sessions</span></td>
1016                </tr>
1017                <tr>
1018                  <td><span class="symbol-badge">AUDJPY</span><span class="asset-pill">Forex Cross</span></td>
1019                  <td><span class="preset-cell-tag tms">M15 · Tokyo</span></td>
1020                  <td><span class="preset-cell-tag judas">M15 · London+NY KZ</span></td>
1021                  <td><span class="preset-cell-tag flowrsi">M15 · All Sessions</span></td>
1022                </tr>
1023                <tr>
1024                  <td><span class="symbol-badge">US30</span><span class="asset-pill">Index</span></td>
1025                  <td><span class="preset-cell-tag tms">M15 · New York</span></td>
1026                  <td><span class="preset-cell-tag judas">M15 · London+NY KZ</span></td>
1027                  <td><span class="preset-cell-tag flowrsi">M15 · All Sessions</span></td>
1028                </tr>
1029                <tr>
1030                  <td><span class="symbol-badge">USTEC</span><span class="asset-pill">Index</span></td>
1031                  <td><span class="preset-cell-tag tms">M5 · New York</span></td>
1032                  <td><span class="preset-cell-tag judas">M15 · London+NY KZ</span></td>
1033                  <td><span class="preset-cell-tag flowrsi">M15 · All Sessions</span></td>
1034                </tr>
1035                <tr>
1036                  <td><span class="symbol-badge">DE40</span><span class="asset-pill">Index</span></td>
1037                  <td><span class="preset-cell-tag tms">M15 · London</span></td>
1038                  <td><span class="preset-cell-tag judas">M15 · London+NY KZ</span></td>
1039                  <td><span class="preset-cell-tag flowrsi">M15 · All Sessions</span></td>
1040                </tr>
1041                <tr>
1042                  <td><span class="symbol-badge">UK100</span><span class="asset-pill">Index</span></td>
1043                  <td><span class="preset-cell-tag tms">M15 · London</span></td>
1044                  <td><span class="preset-cell-tag judas">M15 · London+NY KZ</span></td>
1045                  <td><span class="preset-cell-tag flowrsi">M15 · All Sessions</span></td>
1046                </tr>
1047                <tr>
1048                  <td><span class="symbol-badge">BTCUSD</span><span class="asset-pill">Crypto</span></td>
1049                  <td><span class="preset-cell-tag tms">M15 · New York</span></td>
1050                  <td><span class="preset-cell-tag judas">M15 · London+NY KZ</span></td>
1051                  <td><span class="preset-cell-tag flowrsi">M15 · All Sessions</span></td>
1052                </tr>
1053                <tr>
1054                  <td><span class="symbol-badge">ETHUSD</span><span class="asset-pill">Crypto</span></td>
1055                  <td><span class="preset-cell-tag tms">M15 · New York</span></td>
1056                  <td><span class="preset-cell-tag judas">M15 · London+NY KZ</span></td>
1057                  <td><span class="preset-cell-tag flowrsi">M15 · All Sessions</span></td>
1058                </tr>
1059              </tbody>
1060            </table>
1061          </div>
1062
1063          <div class="presets-matrix-footer">
1064            <span>💡 <strong>Giao diện Setup Instances:</strong> Chọn tài khoản cTrader, tick chọn các ô cần chạy, bấm <em>Create instances</em> để hệ thống tự động sinh container Docker.</span>
1065            <span>Mỗi container tự động cấu hình tên chuẩn: <code>cbot-&lt;slug&gt;-&lt;symbol&gt;-&lt;session&gt;</code></span>
1066          </div>
1067        </div>
1068    </section>
1069
1070    <!-- Quick Start 4-Step Terminal Setup Guide -->
1071    <section id="quickstart" class="quickstart-section" aria-labelledby="qs-heading">
1072      <div class="container">
1073        
1074        <div class="section-header">
1075          <div class="section-pill">Fast Track Installation</div>
1076          <h2 id="qs-heading" class="section-title" data-i18n="qs_title">Bắt Đầu Trong 10 Phút</h2>
1077          <p class="section-subtitle" data-i18n="qs_subtitle">
1078            4 bước: clone, cấu hình API, chạy server, khởi động cBot.
1079          </p>
1080        </div>
1081
1082        <!-- One-Line VPS Installer Highlight Box -->
1083        <div class="vps-install-box">
1084          <div class="vps-install-header">
1085            <div class="vps-install-title">
1086              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></line></svg>
1087              <span>Cài Đặt Tự Động VPS 1 Dòng Lệnh (Ubuntu 22.04 / 24.04 / 26.04)</span>
1088            </div>
1089            <span class="vps-chip" style="background:rgba(143,212,36,0.15);color:var(--accent-bright);font-weight:700;">Khuyên dùng cho VPS</span>
1090          </div>
1091          <p style="font-size:0.85rem;color:var(--text-secondary);margin-bottom:12px;">
1092            Chạy lệnh sau trên VPS mới với quyền <code>root</code>. Script tự động tạo swap file theo RAM, cài đặt PostgreSQL 17, Docker CE, biên dịch cả 3 gói <code>.algo</code>, thiết lập systemd service <code>agentfx.service</code>, bảo mật SSH key user <code>forge</code> và kích hoạt sao lưu database hàng ngày:
1093          </p>
1094          <div class="code-box" style="margin-bottom:0;">
1095            <button class="copy-btn" data-copy-target="code-vps-script" aria-label="Copy to clipboard">Copy</button>
1096            <pre><code id="code-vps-script">curl -fsSL https://raw.githubusercontent.com/kienphan/AgentFxTrading/main/scripts/install.sh | sudo bash</code></pre>
1097          </div>
1098          <div class="vps-chip-row">
1099            <span class="vps-chip">✓ Ubuntu 22.04 / 24.04 / 26.04</span>
1100            <span class="vps-chip">✓ PostgreSQL 17 PGDG</span>
1101            <span class="vps-chip">✓ Docker CE</span>
1102            <span class="vps-chip">✓ Build 3 cBots (.algo)</span>
1103            <span class="vps-chip">✓ Systemd Service</span>
1104            <span class="vps-chip">✓ Daily Backup Cron</span>
1105          </div>
1106        </div>
1107
1108        <div class="quickstart-frame">
1109          <nav class="quickstart-nav" role="tablist">
1110            <button class="qs-tab-btn active" data-target="qs-clone" role="tab" data-i18n="qs_tab1">1. Clone &amp; Cài Đặt</button>
1111            <button class="qs-tab-btn" data-target="qs-env" role="tab" data-i18n="qs_tab2">2. Cấu Hình .env</button>
1112            <button class="qs-tab-btn" data-target="qs-server" role="tab" data-i18n="qs_tab3">3. Chạy FastAPI Server</button>
1113            <button class="qs-tab-btn" data-target="qs-cbot" role="tab" data-i18n="qs_tab4">4. Khởi Động cBot</button>
1114          </nav>
1115
1116          <!-- Step 1 Pane -->
1117          <div id="qs-clone" class="quickstart-pane active">
1118            <div class="code-box">
1119              <button class="copy-btn" data-copy-target="code-clone" aria-label="Copy to clipboard">Copy</button>
1120              <pre><code id="code-clone"># Clone kho mã nguồn từ GitHub
1121git clone https://github.com/kienphan/AgentFxTrading.git
1122cd AgentFxTrading
1123
1124# Tạo và kích hoạt môi trường ảo Python (khuyên dùng)
1125python -m venv .venv
1126source .venv/bin/activate  # Trên Windows: .venv\Scripts\activate
1127
1128# Cài đặt các thư viện phụ thuộc
1129pip install -r requirements.txt</code></pre>
1130            </div>
1131          </div>
1132
1133          <!-- Step 2 Pane -->
1134          <div id="qs-env" class="quickstart-pane">
1135            <div class="code-box">
1136              <button class="copy-btn" data-copy-target="code-env" aria-label="Copy to clipboard">Copy</button>
1137              <pre><code id="code-env"># Sao chép file cấu hình mẫu
1138cp .env.example .env
1139
1140# Chỉnh sửa file .env với API key của bạn:
1141# Khuyên dùng Qwen hoặc DeepSeek để tiết kiệm chi phí tối đa:
1142LLM_PROVIDER=qwen
1143DASHSCOPE_API_KEY=sk-your-dashscope-key
1144LLM_MODEL=qwen-max
1145
1146# Hoặc cấu hình DeepSeek:
1147# LLM_PROVIDER=deepseek
1148# DEEPSEEK_API_KEY=sk-your-deepseek-key
1149# LLM_MODEL=deepseek-chat</code></pre>
1150            </div>
1151          </div>
1152
1153          <!-- Step 3 Pane -->
1154          <div id="qs-server" class="quickstart-pane">
1155            <div class="code-box">
1156              <button class="copy-btn" data-copy-target="code-server" aria-label="Copy to clipboard">Copy</button>
1157              <pre><code id="code-server"># Khởi động máy chủ FastAPI
1158python app/server.py
1159
1160# Máy chủ sẽ chạy tại:
1161# WebUI Demo: http://127.0.0.1:8000/demo/dashboard
1162# WebUI Real: http://127.0.0.1:8000/real/dashboard
1163# API Docs:   http://127.0.0.1:8000/docs</code></pre>
1164            </div>
1165          </div>
1166
1167          <!-- Step 4 Pane -->
1168          <div id="qs-cbot" class="quickstart-pane">
1169            <div class="code-box">
1170              <button class="copy-btn" data-copy-target="code-cbot" aria-label="Copy to clipboard">Copy</button>
1171              <pre><code id="code-cbot"># Cách A: Dùng cTrader Desktop GUI
1172# 1. Mở cTrader -> chọn tab Automate
1173# 2. Tạo cBot mới, dán mã từ cBot/AiAgentBot.cs, cBot/AsianRangeJudasSweepBot.cs hoặc cBot/FlowRsiBot.cs
1174# 3. Bấm Build và kéo bot thả vào biểu đồ (khuyên dùng M15)
1175# 4. Thiết lập API URL: http://127.0.0.1:8000/trade
1176
1177# Cách B: Dùng Docker Bot Management -> Setup Instances trên WebUI
1178# Mở http://127.0.0.1:8000 -> Setup Instances -> chọn cTrader Account -> tick các ô chiến lược trong 45 presets -> bấm "Create instances"
1179
1180# Cách C: Chạy Headless qua Docker CLI (Biên dịch 3 bot .algo)
1181docker run --rm -v $(pwd):/workspace -v /root:/root ghcr.io/spotware/ctrader-console:latest build cBot/AiAgentBot.csproj
1182docker run --rm -v $(pwd):/workspace -v /root:/root ghcr.io/spotware/ctrader-console:latest build cBot/AsianRangeJudasSweepBot.csproj
1183docker run --rm -v $(pwd):/workspace -v /root:/root ghcr.io/spotware/ctrader-console:latest build cBot/FlowRsiBot.csproj</code></pre>
1184            </div>
1185          </div>
1186
1187        </div>
1188      </div>
1189    </section>
1190
1191    <!-- Rich FAQ Section (Google Rich Snippets SEO) -->
1192    <section class="faq-section" aria-labelledby="faq-heading">
1193      <div class="container">
1194        
1195        <div class="section-header">
1196          <div class="section-pill">Frequently Asked Questions</div>
1197          <h2 id="faq-heading" class="section-title" data-i18n="faq_title">Câu Hỏi Thường Gặp</h2>
1198          <p class="section-subtitle" data-i18n="faq_subtitle">
1199            Giải đáp kỹ thuật, sàn giao dịch và an toàn vốn.
1200          </p>
1201        </div>
1202
1203        <div class="faq-list">
1204
1205          <div class="faq-item open">
1206            <button class="faq-question" aria-expanded="true">
1207              <span data-i18n="faq_q1">AgentFxTrading khác gì so với EA Forex thông thường?</span>
1208              <svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"></polyline></svg>
1209            </button>
1210            <div class="faq-answer">
1211              <p data-i18n="faq_a1">EA thông thường chỉ dùng chỉ báo cố định (RSI, MA) nên thất bại khi thị trường đổi cấu trúc. AgentFxTrading kết hợp TMS/SMC với Multi-LLM, đánh giá tin tức vĩ mô, cấu trúc swing và động lượng đa khung M15/H1/H4 trước khi vào lệnh.</p>
1212            </div>
1213          </div>
1214
1215          <div class="faq-item">
1216            <button class="faq-question" aria-expanded="false">
1217              <span data-i18n="faq_q2">Cycle Gating tiết kiệm 80-90% API như thế nào?</span>
1218              <svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"></polyline></svg>
1219            </button>
1220            <div class="faq-answer">
1221              <p data-i18n="faq_a2">Gọi LLM liên tục mỗi nến rất tốn kém. Cycle Gating chặn gọi AI khi ngoài Killzone, giá trong Opening Range, hoặc đang thua. Bạn chỉ tốn vài cent/ngày mà 
1221không bỏ lỡ cơ hội bứt phá.</p>
1222            </div>
1223          </div>
1224
1225          <div class="faq-item">
1226            <button class="faq-question" aria-expanded="false">
1227              <span data-i18n="faq_q3">Hệ thống hỗ trợ sàn nào?</span>
1228              <svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"></polyline></svg>
1229            </button>
1230            <div class="faq-answer">
1231              <p data-i18n="faq_a3">Tương thích 100% cTrader 4.x+. Khuyến nghị <a href="https://ic.com/?camp=95400" target="_blank" rel="noopener" style="color:var(--accent-bright);">IC Markets</a> (Raw Spread) hoặc Pepperstone.</p>
1232            </div>
1233          </div>
1234
1235          <div class="faq-item">
1236            <button class="faq-question" aria-expanded="false">
1237              <span data-i18n="faq_q4">Chạy trên VPS được không?</span>
1238              <svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"></polyline></svg>
1239            </button>
1240              <p data-i18n="faq_a4">Rất đơn giản và tối ưu. Bạn chỉ cần chạy script cài đặt 1 dòng lệnh trên Ubuntu 22.04 / 24.04 / 26.04 (<code>curl -fsSL ... | sudo bash</code>), script sẽ tự động cài PostgreSQL 17, Docker CE, cấu hình swap, build 3 file <code>.algo</code> và khởi chạy service. Khuyên dùng <a href="https://ic.com/?camp=95400" target="_blank" rel="noopener" style="color:var(--accent-bright);">IC Markets cTrader</a> để có độ trễ thấp nhất.</p>
1241          </div>
1242
1243          <div class="faq-item">
1244            <button class="faq-question" aria-expanded="false">
1245              <span data-i18n="faq_q5">Có an toàn cho tài khoản real không?</span>
1246              <svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"></polyline></svg>
1247            </button>
1248            <div class="faq-answer">
1249              <p data-i18n="faq_a5">Cách ly Demo/Real tuyệt đối. Risk shield 8 lớp: auto breakeven, trailing stop, giveback floor, dừng sau 3 lệnh thua, trần lỗ $12/lệnh. Mở tài khoản <a href="https://ic.com/?camp=95400" target="_blank" rel="noopener" style="color:var(--accent-bright);">IC Markets</a> để trải nghiệm.</p>
1250            </div>
1251          </div>
1252
1253          <div class="faq-item">
1254            <button class="faq-question" aria-expanded="false">
1255              <span data-i18n="faq_q6">Hệ thống hỗ trợ những chiến lược cBot nào?</span>
1256              <svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"></polyline></svg>
1257            </button>
1258            <div class="faq-answer">
1259              <p data-i18n="faq_a6">AgentFxTrading cung cấp sẵn 3 cBot: 1) AiAgentBot (TMS + ORB + KER), 2) AsianRangeJudasSweepBot (ICT SMC Liquidity Sweep phiên Á), và 3) FlowRsiBot (Nested RSI 7/14 + FVG SMC + True Zero-loss BE). Hệ thống cung cấp sẵn 45 cấu hình Docker tối ưu cho 15 cặp tài sản khác nhau.</p>
1260            </div>
1261          </div>
1262
1263        </div>
1264      </div>
1265    </section>
1266
1267  </main>
1268
1269  <!-- High-Conversion Site Footer -->
1270  <footer class="site-footer">
1271    <div class="container">
1272      <div class="footer-grid">
1273
1274        <div class="footer-brand-col">
1275          <div class="brand-group">
1276            <div class="brand-logo-icon">
1277              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#8fd424" stroke-width="2.2">
1278                <polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline>
1279                <polyline points="16 7 22 7 22 13"></polyline>
1280              </svg>
1281            </div>
1282            <div class="brand-info">
1283              <div class="brand-title">AgentFx<span>Trading</span></div>
1284            </div>
1285          </div>
1286          <p class="footer-desc" data-i18n="footer_desc">
1287            Hệ thống giao dịch AI mã nguồn mở: cTrader C# + FastAPI + Multi-LLM.
1288          </p>
1289          <div style="display:flex;gap:10px;margin-top:4px;">
1290            <a href="https://buymeacoffee.com/kaz126" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:6px;background:#ffdd00;color:#000;font-weight:700;font-size:0.75rem;padding:6px 12px;border-radius:4px;">
1291              ☕ Buy Me A Coffee
1292            </a>
1293          </div>
1294        </div>
1295
1296        <div>
1297          <h4 class="footer-col-title" data-i18n="footer_strategies">Chiến Lược</h4>
1298          <ul class="footer-links">
1299            <li><a href="#strategies" class="footer-link">TMS + ORB Engine</a></li>
1300            <li><a href="#strategies" class="footer-link">Asian Range Judas Sweep</a></li>
1301            <li><a href="#strategies" class="footer-link">FlowRSI &amp; Nested RSI SMC</a></li>
1302            <li><a href="#presets" class="footer-link">45 Docker Presets</a></li>
1303            <li><a href="#risk" class="footer-link" data-i18n="footer_risk_shield">Khiên Chắn Rủi Ro 8 Lớp</a></li>
1304            <li><a href="#calculator" class="footer-link">Cycle Cost Gating</a></li>
1305          </ul>
1306        </div>
1307
1308        <div>
1309          <h4 class="footer-col-title" data-i18n="footer_resources">Tài Nguyên</h4>
1310          <ul class="footer-links">
1311            <li><a href="https://github.com/kienphan/AgentFxTrading" target="_blank" rel="noopener" class="footer-link">GitHub Repository</a></li>
1312            <li><a href="https://github.com/kienphan/AgentFxTrading/blob/main/README.md" target="_blank" rel="noopener" class="footer-link" data-i18n="footer_docs_en">Tài Liệu Tiếng Anh</a></li>
1313            <li><a href="https://github.com/kienphan/AgentFxTrading/blob/main/README.vi.md" target="_blank" rel="noopener" class="footer-link" data-i18n="footer_docs_vi">Tài Liệu Tiếng Việt</a></li>
1314            <li><a href="/llms.txt" class="footer-link">AI Documentation (llms.txt)</a></li>
1315            <li><a href="/llms-full.txt" class="footer-link" data-i18n="footer_tech_docs">Tài Liệu Kỹ Thuật (llms-full.txt)</a></li>
1316          </ul>
1317        </div>
1318
1319        <div>
1320          <h4 class="footer-col-title" data-i18n="footer_community">Cộng Đồng &amp; Sàn</h4>
1321          <ul class="footer-links">
1322            <li><a href="https://ic.com/?camp=95400" target="_blank" rel="noopener" class="footer-link">IC Markets cTrader</a></li>
1323            <li><a href="https://github.com/kienphan/AgentFxTrading/issues" target="_blank" rel="noopener" class="footer-link" data-i18n="footer_report">Báo Lỗi &amp; Đóng Góp</a></li>
1324            <li><a href="https://opensource.org/licenses/MIT" target="_blank" rel="noopener" class="footer-link" data-i18n="footer_license">
1324Giấy Phép MIT</a></li>
1325            <li><a href="https://github.com/kienphan" target="_blank" rel="noopener" class="footer-link" data-i18n="footer_author">Tác Giả: @kienphan</a></li>
1326          </ul>
1327        </div>
1328
1329      </div>
1330
1331      <div class="footer-bottom">
1332        <div>
1333          &copy; 2026 AgentFxTrading. <span data-i18n="footer_copyright">Phát hành theo giấy phép</span> <a href="https://opensource.org/licenses/MIT" target="_blank" rel="noopener" style="color:var(--accent-bright);">MIT License</a>.
1334        </div>
1335      </div>
1336
1337      <p class="footer-disclaimer">
1338        <strong>Risk Disclaimer:</strong> <span data-i18n="footer_disclaimer">Giao dịch Forex/CFD/Crypto chứa rủi ro thua lỗ lớn. AgentFxTrading là phần mềm mã nguồn mở cho mục đích nghiên cứu, không phải lời khuyên đầu tư. Hãy thử nghiệm kỹ trên Demo trước khi dùng vốn thực.</span>
1339      </p>
1340    </div>
1341  </footer>
1342
1343  <!-- Main JavaScript File -->
1344  
1344<script src="assets/js/main.js" defer></script>
1344
1345</body>
1346</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.