XAU/USD Gold Terminal

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_374":375,"_376":377},"routes/_app.x.$handle.$name",{"_105":104,"_37":48,"_114":92,"_32":115,"_13":14,"_116":-5,"_11":117,"_118":119,"_120":121,"_122":123,"_124":125,"_26":-5,"_126":127,"_128":129,"_130":30,"_131":132,"_133":62,"_134":-5,"_135":-5,"_136":137},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_46":47,"_37":48,"_41":49,"_50":-5,"_51":30,"_52":53,"_54":53,"_55":56,"_57":-5,"_19":58,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":30},"version",10,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","5bd12889-29aa-490f-b038-6a10198aaa0a","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":33,"_38":26,"_39":40,"_41":42,"_43":14,"_44":45,"_29":30},"previous","deleted",false,"deletedHere","path","README.md","latestPath","fileId","a0f58e0c-5b30-11f1-8154-ee650bb23af1","name","fileType","content","# 🥇 XAU/USD Gold Terminal\n\nTerminal phân tích & tín hiệu giao dịch **Vàng (XAU/USD)** realtime, viết bằng Hono + React trên Val Town (Deno).\n\n## Tính năng\n\n- **Xác thực email + OTP** — đăng ký / đăng nhập, mã OTP 6 số, session 7 ngày (cookie HttpOnly).\n- **Giá realtime** — ticker cập nhật mỗi 2 giây (TradingView scanner + fallback gold-api.com).\n- **Biểu đồ nến** — đa khung thời gian (M1 / M5 / M15 / H1 / D1) với lightweight-charts, vẽ sẵn các mức Entry / SL / TP.\n- **Tín hiệu giao dịch** — chấm điểm xu hướng/động lượng + hợp lưu SMC (Order Block, FVG), SL/TP theo ATR, giải thích lý do bằng tiếng Việt.\n- **Quét đa khung** — đồng bộ tín hiệu MUA/BÁN trên cả 5 khung.\n- **Nhận định thị trường (H1)** — Lý thuyết Dow + Smart Money Concepts + Price Action + tổng hợp khuyến nghị.\n- **Backtest** — mô phỏng chiến lược theo thời gian (không look-ahead), thống kê winrate / pips / P&L, lưu vào SQLite.\n\n## Kiến trúc\n\n```mermaid\nflowchart TD\n U[Trình duyệt] -->|index.html + JSX| FE[Frontend React]\n FE -->|/api/*| H[Hono app · main.ts]\n H --> G{Session guard}\n G -->|/api/auth/*| A[Auth routes]\n G -->|đã đăng nhập| M[Market / Signals / Backtest]\n A --> DB[(SQLite)]\n M --> SIG[signals.ts + advanced_analysis.ts]\n M --> OUT[market_outlook.ts]\n M --> BT[backtest/engine.ts] --> DB\n M -->|giá & nến| EXT[TradingView · Yahoo · gold-api]\n```\n\n## Cấu trúc thư mục\n\n| Đường dẫn | Vai trò |\n|---|---|\n| `main.ts` | HTTP server (Hono): session guard, mount API, serve frontend |\n| `backend/api.ts` | Lớp dữ liệu thị trường (giá, nến, chuẩn hoá spread) |\n| `backend/routes.ts` | Các route API (auth + market + backtest) |\n| `backend/signals.ts` | Sinh tín hiệu giao dịch + SL/TP |\n| `backend/advanced_analysis.ts` | SMC: swing, BOS/CHoCH, FVG, Order Block, sweep, mẫu nến |\n| `backend/market_outlook.ts` | Báo cáo nhận định H1 (Dow + SMC + Price Action) |\n| `backend/backtest/engine.ts` | Engine backtest theo thời gian |\n| `backend/db.ts` | SQLite: users, OTP, sessions, lịch sử lệnh |\n| `backend/email.ts` | Gửi OTP (Resend → std/email → dev mode) |\n| `frontend/*` | Giao diện React (auth, chart, panels, backtest) |\n\n## Cấu hình email (tuỳ chọn)\n\nMặc định OTP gửi qua `std/email` tới chủ val và cũng hiển thị trong giao diện (chế độ dev).\nĐể gửi tới **bất kỳ email người dùng nào**, thêm khoá `RESEND_API_KEY`:\n\n👉 Add RESEND_API_KEY here: https://www.val.town/x/arleencary/minhmmo1--/environment-variables?key=RESEND_API_KEY\n\n## Lưu ý\n\nĐây là công cụ tham khảo kỹ thuật, **không phải lời khuyên đầu tư**. Giao dịch vàng/forex có rủi ro cao.\n","createdAt",["D",1780039984204],"branchVersion","branchId","e6f125f2-5b2f-11f1-b21a-ee650bb23af1","id","e6ec1ae4-5b2f-11f1-b21a-ee650bb23af1","minhmmo1--",["D",1780039672087],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","XAU/USD Gold Terminal — tín hiệu, SMC, Dow, backtest","imageUrl","532213ee-ebc7-4520-ac5c-52f189de8763","pinnedFileId","019e72a1-e159-74ae-b793-60a1665473c2","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019e729c-079f-71fd-befd-7fc2837a7a7e","tursoName","e6ec1ae45b2f11f1b21aee650bb23af1","tursoHostname","e6ec1ae45b2f11f1b21aee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789529498250],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_105":104,"_113":109},"org",{"_105":104,"_106":107,"_108":109,"_19":58,"_110":111,"_112":30},"branch",{"_13":14,"_37":92,"_46":45,"_93":47,"_94":95,"_96":97,"_98":53,"_99":100,"_101":68,"_102":48,"_103":104},"isOwned","main","projectId","forkedBranchId","c4a22ba4-5b2f-11f1-9115-ee650bb23af1","forkedBranchVersion",1,"forkedProjectPrivacy","forkedProjectId","c49d81da-5b2f-11f1-9115-ee650bb23af1","forkedProjectOrgId","projectName","userHandle","arleencary","handle","displayName","Arleen Cary","avatar","https://lh3.googleusercontent.com/a/ACg8ocJFdrruEtCHF2s0vY9kzpULcY-YWHlrKVWSx7eKUBLQgO84vw=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_46":47,"_37":48,"_41":369,"_50":-5,"_51":30,"_52":53,"_54":53,"_55":56,"_57":-5,"_19":58,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":370,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":371,"_87":372,"_89":373,"_91":30},"tree",[185,198,207,208],"files",[185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208],"counts",{"_175":66,"_176":97,"_177":97,"_178":179,"_180":181},"contents",[146,147,148,149],"upstreamProject",{"_46":100,"_37":144,"_55":115,"_57":-5,"_52":53,"_85":145},"upstreamBranch",{"_46":95,"_41":138,"_139":140,"_37":92,"_93":100,"_13":97,"_94":141,"_96":97,"_142":143,"_50":-5,"_91":30,"_52":53,"_103":104,"_67":68,"_102":144},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1780039614533],"updatedAt",["D",1780039614533],"8528477e-5b2f-11f1-8bc9-ee650bb23af1","lockfileKey","1780039887952-esm.town_v_arleencary_minhmmo1-@1-main","minhmmo1-",{"_105":104,"_113":109},{"_46":170,"_37":171,"_35":172,"_152":-5,"_44":45,"_43":97,"_153":62,"_41":173,"_13":66,"_38":168,"_39":-5,"_29":30,"_157":-5,"_32":174},{"_46":163,"_37":164,"_35":165,"_152":-5,"_44":45,"_43":166,"_153":62,"_41":167,"_13":66,"_38":168,"_39":-5,"_29":30,"_157":-5,"_32":169},{"_46":160,"_37":33,"_35":36,"_152":-5,"_44":45,"_43":14,"_153":62,"_41":161,"_13":66,"_38":26,"_39":40,"_29":30,"_157":-5,"_32":162},{"_46":150,"_37":151,"_35":60,"_152":-5,"_44":45,"_43":97,"_153":62,"_41":154,"_13":66,"_38":155,"_39":156,"_29":30,"_157":158,"_32":159},"e6f8055c-5b2f-11f1-b21a-ee650bb23af1","main.ts","parentId","latest",["D",1780039672087],"http","// XAU/USD Gold Terminal — main HTTP server (Hono on Val Town / Deno).\nimport { Hono } from \"npm:hono@4\";\nimport { logger } from \"npm:hono@4/logger\";\nimport { getCookie, setCookie } from \"npm:hono@4/cookie\";\nimport { readFile, serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { api, requireSession } from \"./backend/routes.ts\";\n\nconst app = new Hono();\napp.use(\"*\", logger());\n\n// full stack traces on error\napp.onError((err) => Promise.reject(err));\n\n// view source\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// session guard for /api/* (auth endpoints stay public)\napp.use(\"/api/*\", async (c, next) => {\n const path = c.req.path;\n if (path.startsWith(\"/api/auth/\")) return next();\n const sid = getCookie(c, \"sessionId\");\n if (!(await requireSession(sid))) {\n if (sid) setCookie(c, \"sessionId\", \"\", { path: \"/\", maxAge: 0 });\n return c.json({ error: \"Unauthorized\" }, 401);\n }\n return next();\n});\n\n// mount API\napp.route(\"/api\", api);\n\n// static frontend files\napp.get(\"/frontend/*\", async (c) => {\n const path = c.req.path.replace(/^\\//, \"\");\n try {\n return await serveFile(path, import.meta.url);\n } catch {\n return c.notFound();\n }\n});\n\n// SPA: everything else returns index.html\napp.get(\"*\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\nexport default app.fetch;\n","label","xtreme",[151],"a0f58d6c-5b30-11f1-8154-ee650bb23af1",["D",1780039984204],[33],"19f1f6b6-5b30-11f1-8569-ee650bb23af1","frontend","b020e05d-d441-465d-949b-25a5e3b830e4",2,["D",1780039757689],"directory",[164],"e6f803fe-5b2f-11f1-b21a-ee650bb23af1","backend","019e72a1-e159-74ae-b793-5f05c17ebf42",["D",1780039672087],[171],"pulls","branches","forks","envVars",{"_182":66,"_184":66},"connections",{"_182":66,"_183":66},"count","unfilledCount","emptyCount",{"_46":170,"_37":171,"_35":172,"_152":-5,"_44":45,"_43":97,"_153":62,"_41":366,"_13":66,"_38":168,"_39":-5,"_29":30,"_157":-5,"_210":367,"_32":368},{"_46":362,"_37":361,"_35":356,"_152":172,"_44":45,"_43":97,"_153":62,"_41":363,"_13":66,"_38":168,"_39":-5,"_29":30,"_157":-5,"_210":364,"_32":365},{"_46":353,"_37":354,"_35":355,"_152":356,"_44":45,"_43":97,"_153":62,"_41":357,"_13":66,"_38":229,"_39":358,"_29":30,"_157":-5,"_210":359,"_32":360},{"_46":346,"_37":347,"_35":348,"_152":172,"_44":45,"_43":97,"_153":62,"_41":349,"_13":66,"_38":229,"_39":350,"_29":30,"_157":-5,"_210":351,"_32":352},{"_46":339,"_37":340,"_35":341,"_152":172,"_44":45,"_43":97,"_153":62,"_41":342,"_13":66,"_38":229,"_39":343,"_29":30,"_157":-5,"_210":344,"_32":345},{"_46":332,"_37":333,"_35":334,"_152":172,"_44":45,"_43":97,"_153":62,"_41":335,"_13":66,"_38":229,"_39":336,"_29":30,"_157":-5,"_210":337,"_32":338},{"_46":325,"_37":326,"_35":327,"_152":172,"_44":45,"_43":97,"_153":62,"_41":328,"_13":66,"_38":229,"_39":329,"_29":30,"_157":-5,"_210":330,"_32":331},{"_46":318,"_37":319,"_35":320,"_152":172,"_44":45,"_43":97,"_153":62,"_41":321,"_13":66,"_38":229,"_39":322,"_29":30,"_157":-5,"_210":323,"_32":324},{"_46":311,"_37":312,"_35":313,"_152":172,"_44":45,"_43":97,"_153":62,"_41":314,"_13":66,"_38":229,"_39":315,"_29":30,"_157":-5,"_210":316,"_32":317},{"_46":304,"_37":305,"_35":306,"_152":172,"_44":45,"_43":97,"_153":62,"_41":307,"_13":66,"_38":229,"_39":308,"_29":30,"_157":-5,"_210":309,"_32":310},{"_46":297,"_37":298,"_35":299,"_152":172,"_44":45,"_43":97,"_153":62,"_41":300,"_13":66,"_38":229,"_39":301,"_29":30,"_157":-5,"_210":302,"_32":303},{"_46":290,"_37":291,"_35":292,"_152":172,"_44":45,"_43":97,"_153":62,"_41":293,"_13":66,"_38":229,"_39":294,"_29":30,"_157":-5,"_210":295,"_32":296},{"_46":283,"_37":284,"_35":285,"_152":172,"_44":45,"_43":97,"_153":62,"_41":286,"_13":66,"_38":229,"_39":287,"_29":30,"_157":-5,"_210":288,"_32":289},{"_46":163,"_37":164,"_35":165,"_152":-5,"_44":45,"_43":166,"_153":62,"_41":280,"_13":66,"_38":168,"_39":-5,"_29":30,"_157":-5,"_210":281,"_32":282},{"_46":272,"_37":273,"_35":274,"_152":165,"_44":45,"_43":275,"_153":62,"_41":276,"_13":66,"_38":229,"_39":277,"_29":30,"_157":-5,"_210":278,"_32":279},{"_46":264,"_37":265,"_35":266,"_152":165,"_44":45,"_43":267,"_153":62,"_41":268,"_13":66,"_38":229,"_39":269,"_29":30,"_157":-5,"_210":270,"_32":271},{"_46":256,"_37":257,"_35":258,"_152":165,"_44":45,"_43":259,"_153":62,"_41":260,"_13":66,"_38":229,"_39":261,"_29":30,"_157":-5,"_210":262,"_32":263},{"_46":248,"_37":249,"_35":250,"_152":165,"_44":45,"_43":251,"_153":62,"_41":252,"_13":66,"_38":229,"_39":253,"_29":30,"_157":-5,"_210":254,"_32":255},{"_46":240,"_37":241,"_35":242,"_152":165,"_44":45,"_43":243,"_153":62,"_41":244,"_13":66,"_38":229,"_39":245,"_29":30,"_157":-5,"_210":246,"_32":247},{"_46":233,"_37":234,"_35":235,"_152":165,"_44":45,"_43":166,"_153":62,"_41":236,"_13":66,"_38":26,"_39":237,"_29":30,"_157":-5,"_210":238,"_32":239},{"_46":224,"_37":225,"_35":226,"_152":165,"_44":45,"_43":227,"_153":62,"_41":228,"_13":66,"_38":229,"_39":230,"_29":30,"_157":-5,"_210":231,"_32":232},{"_46":216,"_37":217,"_35":218,"_152":165,"_44":45,"_43":219,"_153":62,"_41":220,"_13":66,"_38":26,"_39":221,"_29":30,"_157":-5,"_210":222,"_32":223},{"_46":160,"_37":33,"_35":36,"_152":-5,"_44":45,"_43":14,"_153":62,"_41":213,"_13":66,"_38":26,"_39":40,"_29":30,"_157":-5,"_210":214,"_32":215},{"_46":150,"_37":151,"_35":60,"_152":-5,"_44":45,"_43":97,"_153":62,"_41":209,"_13":66,"_38":155,"_39":156,"_29":30,"_157":158,"_210":211,"_32":212},["D",1780039672087],"children",[],[151],["D",1780039984204],[],[33],"392a4560-5b30-11f1-a9f4-ee650bb23af1","style.css","392a4628-5b30-11f1-a9f4-ee650bb23af1",3,["D",1780039810071],":root {\n --bg: #0a0d14;\n --panel: #11151f;\n --panel-2: #161b28;\n --border: #232a3a;\n --text: #e8eaf0;\n --muted: #8b94a7;\n --gold: #ffd700;\n --green: #00e676;\n --red: #ff5252;\n --blue: #4da3ff;\n --amber: #ffb74d;\n --shadow: 0 8px 30px rgba(0, 0, 0, .4);\n}\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, system-ui, sans-serif;\n background: radial-gradient(1200px 600px at 80% -10%, #15203a 0%, transparent 60%), var(--bg);\n color: var(--text);\n min-height: 100vh;\n -webkit-font-smoothing: antialiased;\n}\n\nbutton { font-family: inherit; cursor: pointer; }\ninput { font-family: inherit; }\na { color: var(--blue); }\n\n/* ---------- Auth screens ---------- */\n.auth-wrap {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px;\n}\n.auth-card {\n width: 100%;\n max-width: 400px;\n background: var(--panel);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 32px;\n box-shadow: var(--shadow);\n}\n.auth-logo {\n font-size: 30px;\n font-weight: 800;\n text-align: center;\n margin-bottom: 4px;\n}\n.auth-logo .au { color: var(--gold); }\n.auth-sub { text-align: center; color: var(--muted); font-size: 13px; margin-bottom: 24px; }\n.auth-card h2 { font-size: 18px; margin-bottom: 16px; }\n.field { margin-bottom: 14px; }\n.field label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 6px; }\n.field input {\n width: 100%;\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 9px;\n padding: 12px 14px;\n color: var(--text);\n font-size: 15px;\n outline: none;\n transition: border-color .15s;\n}\n.field input:focus { border-color: var(--gold); }\n.otp-input {\n letter-spacing: 12px;\n text-align: center;\n font-size: 24px !important;\n font-weight: 700;\n}\n.btn {\n width: 100%;\n background: linear-gradient(135deg, var(--gold), #f0a500);\n color: #1a1300;\n font-weight: 700;\n border: none;\n border-radius: 9px;\n padding: 13px;\n font-size: 15px;\n transition: transform .1s, opacity .15s;\n}\n.btn:hover { opacity: .92; }\n.btn:active { transform: scale(.98); }\n.btn:disabled { opacity: .55; cursor: not-allowed; }\n.btn-ghost {\n background: transparent;\n border: 1px solid var(--border);\n color: var(--text);\n width: 100%;\n border-radius: 9px;\n padding: 11px;\n font-size: 14px;\n margin-top: 10px;\n}\n.auth-switch { text-align: center; font-size: 13px; color: var(--muted); margin-top: 18px; }\n.auth-switch button { background: none; border: none; color: var(--gold); font-weight: 600; font-size: 13px; }\n.msg { font-size: 13px; padding: 10px 12px; border-radius: 8px; margin-bottom: 14px; }\n.msg.err { background: rgba(255, 82, 82, .12); color: var(--red); border: 1px solid rgba(255, 82, 82, .3); }\n.msg.ok { background: rgba(0, 230, 118, .1); color: var(--green); border: 1px solid rgba(0, 230, 118, .3); }\n.msg.info { background: rgba(77, 163, 255, .1); color: var(--blue); border: 1px solid rgba(77, 163, 255, .3); }\n.dev-otp { font-weight: 800; letter-spacing: 3px; }\n\n/* ---------- App shell ---------- */\n.app { max-width: 1400px; margin: 0 auto; padding: 0 16px 40px; }\n.topbar {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px 4px;\n flex-wrap: wrap;\n border-bottom: 1px solid var(--border);\n margin-bottom: 20px;\n}\n.brand { font-size: 20px; font-weight: 800; }\n.brand .au { color: var(--gold); }\n.ticker {\n display: flex;\n align-items: baseline;\n gap: 10px;\n background: var(--panel);\n border: 1px solid var(--border);\n border-radius: 10px;\n padding: 8px 16px;\n}\n.ticker .sym { color: var(--muted); font-size: 12px; font-weight: 600; }\n.ticker .px { font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; transition: color .2s; }\n.ticker .chg { font-size: 13px; font-weight: 700; }\n.up { color: var(--green); }\n.down { color: var(--red); }\n.spacer { flex: 1; }\n.user-chip { color: var(--muted); font-size: 13px; }\n.logout-btn {\n background: transparent;\n border: 1px solid var(--border);\n color: var(--text);\n border-radius: 8px;\n padding: 8px 14px;\n font-size: 13px;\n}\n.logout-btn:hover { border-color: var(--red); color: var(--red); }\n\n/* ---------- Tabs ---------- */\n.tabs { display: flex; gap: 6px; margin-bottom: 18px; flex-wrap: wrap; }\n.tab {\n background: var(--panel);\n border: 1px solid var(--border);\n color: var(--muted);\n border-radius: 9px;\n padding: 9px 18px;\n font-size: 14px;\n font-weight: 600;\n}\n.tab.active { background: var(--panel-2); color: var(--gold); border-color: var(--gold); }\n\n/* ---------- Layout grids ---------- */\n.grid { display: grid; gap: 16px; }\n.grid-2 { grid-template-columns: 2fr 1fr; }\n.grid-3 { grid-template-columns: repeat(3, 1fr); }\n@media (max-width: 980px) { .grid-2, .grid-3 { grid-template-columns: 1fr; } }\n\n.card {\n background: var(--panel);\n border: 1px solid var(--border);\n border-radius: 14px;\n padding: 18px;\n}\n.card h3 { font-size: 14px; color: var(--muted); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 14px; }\n.card-title-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }\n.card-title-row h3 { margin-bottom: 0; }\n\n/* ---------- Chart ---------- */\n.tf-row { display: flex; gap: 6px; }\n.tf-btn {\n background: var(--bg);\n border: 1px solid var(--border);\n color: var(--muted);\n border-radius: 7px;\n padding: 6px 12px;\n font-size: 13px;\n font-weight: 600;\n}\n.tf-btn.active { background: var(--gold); color: #1a1300; border-color: var(--gold); }\n#chart { width: 100%; height: 420px; border-radius: 10px; overflow: hidden; }\n\n/* ---------- Signal panel ---------- */\n.signal-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 26px;\n font-weight: 900;\n padding: 8px 20px;\n border-radius: 12px;\n letter-spacing: 1px;\n}\n.signal-badge.BUY { background: rgba(0, 230, 118, .14); color: var(--green); }\n.signal-badge.SELL { background: rgba(255, 82, 82, .14); color: var(--red); }\n.signal-badge.NEUTRAL { background: rgba(139, 148, 167, .14); color: var(--muted); }\n\n.score-bar { height: 8px; background: var(--bg); border-radius: 6px; overflow: hidden; display: flex; margin: 14px 0 6px; }\n.score-bar .buy { background: var(--green); }\n.score-bar .sell { background: var(--red); }\n.score-legend { display: flex; justify-content: space-between; font-size: 12px; color: var(--muted); }\n\n.levels { margin-top: 16px; }\n.level-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 11px 0;\n border-bottom: 1px solid var(--border);\n}\n.level-row:last-child { border-bottom: none; }\n.level-row .lbl { color: var(--muted); font-size: 13px; }\n.level-row .val { font-weight: 700; font-variant-numeric: tabular-nums; font-size: 15px; }\n.level-row .val.sl { color: var(--red); }\n.level-row .val.tp { color: var(--green); }\n.level-row .val.entry { color: var(--gold); }\n.rr-pill {\n font-size: 11px;\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 5px;\n padding: 2px 7px;\n margin-left: 8px;\n color: var(--muted);\n}\n\n.reason { background: var(--bg); border-radius: 10px; padding: 13px; margin-top: 12px; }\n.reason .r-lbl { font-size: 11px; color: var(--gold); font-weight: 700; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 5px; }\n.reason p { font-size: 13px; line-height: 1.6; color: #c3cad8; }\n\n/* ---------- MTF ---------- */\n.mtf-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }\n.mtf-cell { background: var(--bg); border: 1px solid var(--border); border-radius: 9px; padding: 12px 6px; text-align: center; }\n.mtf-cell .tf { font-size: 12px; color: var(--muted); font-weight: 600; }\n.mtf-cell .t { font-size: 14px; font-weight: 800; margin-top: 4px; }\n.mtf-cell .s { font-size: 11px; color: var(--muted); margin-top: 2px; }\n\n/* ---------- indicators ---------- */\n.ind-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 10px; }\n.ind { background: var(--bg); border: 1px solid var(--border); border-radius: 9px; padding: 11px 12px; }\n.ind .k { font-size: 11px; color: var(--muted); }\n.ind .v { font-size: 16px; font-weight: 700; margin-top: 3px; font-variant-numeric: tabular-nums; }\n\n/* ---------- Outlook ---------- */\n.outlook-section { margin-bottom: 18px; }\n.outlook-section:last-child { margin-bottom: 0; }\n.os-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }\n.os-head .badge {\n font-size: 11px;\n font-weight: 800;\n padding: 3px 10px;\n border-radius: 6px;\n text-transform: uppercase;\n}\n.badge.TĂNG, .badge.TÍCH\\.CỰC, .badge.BUY, .badge.bullish { background: rgba(0, 230, 118, .14); color: var(--green); }\n.badge.GIẢM, .badge.TIÊU\\.CỰC, .badge.SELL, .badge.bearish { background: rgba(255, 82, 82, .14); color: var(--red); }\n.badge.neutral, .badge.HOLD, .badge.ĐI\\.NGANG, .badge.TRUNG\\.LẬP { background: rgba(139, 148, 167, .14); color: var(--muted); }\n.os-head h4 { font-size: 14px; }\n.outlook-section p { font-size: 13px; line-height: 1.65; color: #c3cad8; }\n.summary-card { border: 1px solid var(--gold); background: linear-gradient(180deg, rgba(255, 215, 0, .06), transparent); }\n.gauge { height: 10px; background: var(--bg); border-radius: 6px; overflow: hidden; margin: 10px 0; }\n.gauge .fill { height: 100%; transition: width .4s; }\n.pattern-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }\n.ptag { font-size: 12px; background: var(--bg); border: 1px solid var(--border); border-radius: 6px; padding: 4px 9px; }\n.ptag.bullish { border-color: rgba(0, 230, 118, .4); color: var(--green); }\n.ptag.bearish { border-color: rgba(255, 82, 82, .4); color: var(--red); }\n\n/* ---------- Backtest ---------- */\n.stats-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin-bottom: 18px; }\n.stat { background: var(--bg); border: 1px solid var(--border); border-radius: 11px; padding: 16px; }\n.stat .k { font-size: 12px; color: var(--muted); }\n.stat .v { font-size: 24px; font-weight: 800; margin-top: 4px; font-variant-numeric: tabular-nums; }\n.trades-table { width: 100%; border-collapse: collapse; font-size: 13px; }\n.trades-table th { text-align: left; color: var(--muted); font-weight: 600; padding: 10px 8px; border-bottom: 1px solid var(--border); font-size: 12px; text-transform: uppercase; }\n.trades-table td { padding: 10px 8px; border-bottom: 1px solid var(--border); font-variant-numeric: tabular-nums; }\n.pill { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 5px; }\n.pill.BUY { background: rgba(0, 230, 118, .14); color: var(--green); }\n.pill.SELL { background: rgba(255, 82, 82, .14); color: var(--red); }\n.pill.TP1, .pill.TP2 { background: rgba(0, 230, 118, .14); color: var(--green); }\n.pill.SL { background: rgba(255, 82, 82, .14); color: var(--red); }\n.table-scroll { overflow-x: auto; max-height: 460px; overflow-y: auto; }\n\n.loading { color: var(--muted); font-size: 14px; padding: 30px; text-align: center; }\n.spin { display: inline-block; width: 16px; height: 16px; border: 2px solid var(--border); border-top-color: var(--gold); border-radius: 50%; animation: spin .7s linear infinite; vertical-align: middle; }\n@keyframes spin { to { transform: rotate(360deg); } }\n\n.footer { text-align: center; color: var(--muted); font-size: 12px; margin-top: 30px; }\n.footer a { color: var(--muted); }\n.flash-up { animation: flashUp .4s; }\n.flash-down { animation: flashDown .4s; }\n@keyframes flashUp { 0% { background: rgba(0,230,118,.25); } 100% { background: transparent; } }\n@keyframes flashDown { 0% { background: rgba(255,82,82,.25); } 100% { background: transparent; } }\n",[],[164,217],"656004b2-5b30-11f1-bfdf-ee650bb23af1","panels.jsx","65600566-5b30-11f1-bfdf-ee650bb23af1",7,["D",1780039884245],"script","/** @jsxImportSource https://esm.sh/react@18 */\nimport React from \"https://esm.sh/react@18\";\nimport { fmt, TF_LABELS } from \"./api.js\";\n\nconst dirVi = (t) => (t === \"BUY\" ? \"MUA\" : t === \"SELL\" ? \"BÁN\" : \"ĐỨNG NGOÀI\");\n\nexport function SignalPanel({ signal, tf }) {\n if (!signal) return

Đang phân tích…

;\n const s = signal;\n return (\n

Tín hiệu {TF_LABELS[tf]}

\n {dirVi(s.type)}\n

\n\n

\n MUA {s.buyScore}%\n Độ mạnh {s.score}%\n BÁN {s.sellScore}%\n

\n\n

\n Điểm vào lệnh (Entry)\n {fmt(s.entry)}\n

\n Cắt lỗ (Stop Loss)\n {fmt(s.stopLoss)}\n

\n Chốt lời 1 (TP1)\n {fmt(s.takeProfit1)}R:R {s.riskRewardTp1}\n

\n Chốt lời 2 (TP2)\n {fmt(s.takeProfit2)}R:R {s.riskRewardTp2}\n

\n ATR (biến động)\n {fmt(s.atr)}\n

\n\n

Lý do vào lệnh

{s.entryReason}

Lý do cắt lỗ

{s.slReason}

Lý do chốt lời

{s.tpReason}

\n );\n}\n\nexport function MtfPanel({ mtf }) {\n if (!mtf) return null;\n const order = [\"1\", \"5\", \"15\", \"60\", \"1D\"];\n return (\n

Quét đa khung thời gian

\n {order.map((tf) => {\n const m = mtf[tf];\n if (!m) return null;\n return (\n

{TF_LABELS[tf]}

{dirVi(m.type)}

{m.score}%

\n );\n })}\n

\n );\n}\n\nexport function IndicatorsPanel({ quote }) {\n if (!quote) return null;\n const items = [\n [\"RSI (14)\", fmt(quote.rsi, 1)],\n [\"MACD\", fmt(quote.macd, 2)],\n [\"Signal\", fmt(quote.macdSignal, 2)],\n [\"ADX\", fmt(quote.adx, 1)],\n [\"CCI (20)\", fmt(quote.cci20, 1)],\n [\"Stoch %K\", fmt(quote.stochK, 1)],\n [\"ATR\", fmt(quote.atr, 2)],\n [\"EMA 20\", fmt(quote.ema20, 2)],\n [\"EMA 50\", fmt(quote.ema50, 2)],\n [\"EMA 200\", fmt(quote.ema200, 2)],\n [\"SMA 20\", fmt(quote.sma20, 2)],\n [\"Đỉnh ngày\", fmt(quote.high, 2)],\n [\"Đáy ngày\", fmt(quote.low, 2)],\n ];\n return (\n

Chỉ báo kỹ thuật (TradingView)

\n {items.map(([k, v]) => (\n

{k}

{v}

\n ))}\n

\n );\n}\n\nfunction badgeClass(label) {\n return String(label).replace(/\\s+/g, \".\");\n}\n\nexport function OutlookPanel({ outlook }) {\n if (!outlook) return

Đang dựng báo cáo H1…

;\n const { dow, smc, priceAction, summary } = outlook;\n const gaugeColor = summary.bias === \"BUY\" ? \"#00e676\" : summary.bias === \"SELL\" ? \"#ff5252\" : \"#8b94a7\";\n return (\n

Tổng hợp khuyến nghị (H1)

\n {summary.bias}\n

Phe BÁNĐiểm: {summary.score}/95Phe MUA

{summary.text}

Mục tiêu{fmt(summary.target)}

Cắt lỗ{fmt(summary.stopLoss)}

\n\n

Lý thuyết Dow

{dow.primaryTrend}

{dow.text}

Kháng cự{fmt(dow.resistance)}

Hỗ trợ{fmt(dow.support)}

{dow.secondaryTrend}

\n\n

Smart Money (SMC)

{smc.text}

\n {smc.bullishOB &&

OB Cầu{fmt(smc.bullishOB.bottom)}–{fmt(smc.bullishOB.top)}

}\n {smc.bearishOB &&

OB Cung{fmt(smc.bearishOB.top)}–{fmt(smc.bearishOB.bottom)}

}\n

Quét thanh khoản{smc.sweeps}

\n\n

Price Action

{priceAction.sentiment}

{priceAction.advice}

\n {priceAction.patterns.length\n ? priceAction.patterns.map((p, i) => {p.name})\n : Chưa có mô hình nến nổi bật}\n

\n );\n}\n",[],[164,225],"19f1cee8-5b30-11f1-8569-ee650bb23af1","index.html","19f1cf9c-5b30-11f1-8569-ee650bb23af1",["D",1780039757689],"\n\n\n \n \n XAU/USD Gold Terminal\n \n \n \n \n\n\n

\n \n\n\n",[],[164,234],"52e44fe6-5b30-11f1-bfdf-ee650bb23af1","chart.jsx","52e4509a-5b30-11f1-bfdf-ee650bb23af1",6,["D",1780039853236],"/** @jsxImportSource https://esm.sh/react@18 */\nimport React, { useEffect, useRef } from \"https://esm.sh/react@18\";\n\n// Uses the global LightweightCharts loaded via

Diff · v10