\n \n\n\n",[],[258,325,327],"7dc38db9-1dbb-4f9d-b91d-867f0cfa306e","api.ts","019f68b9-9fa0-755f-881f-5d726b4b6574",26,["D",1784176156285],5,"// Tiny typed fetch client for the dashboard.\nasync function req(url: string, opts?: RequestInit): Promise {\n const res = await fetch(url, {\n ...opts,\n headers: { \"Content-Type\": \"application/json\", ...(opts?.headers ?? {}) },\n });\n const text = await res.text();\n const data = text ? JSON.parse(text) : {};\n if (!res.ok) throw new Error(data.error || `HTTP ${res.status}`);\n return data as T;\n}\n\nexport interface Candle {\n time: number; open: number; high: number; low: number; close: number; volume: number;\n}\nexport interface Quote {\n symbol: string; price: number; change: number; percentChange: number; timestamp: number;\n}\nexport interface Factor { name: string; side: string; weight: number; detail: string; }\nexport interface Signal {\n id: number; direction: string; confidence: number; entry: number; stopLoss: number;\n takeProfits: number[]; riskRewardRatios: number[]; atr: number;\n bullishScore: number; bearishScore: number; session: string;\n reasoning: string[]; factors: Factor[]; status: string; telegramSent: boolean; createdAt: number;\n}\nexport interface Strategy {\n id: number; name: string; description: string; side: string; weight: number; active: boolean;\n condition: { indicator: string; operator: string; value: number };\n}\nexport interface Settings {\n hasApiKey: boolean; riskPerTrade: number; riskReward: number[];\n scanIntervalMin: number; botRunning: boolean;\n}\nexport interface Telegram {\n hasToken: boolean; chatId: string; notifyBuy: boolean; notifySell: boolean;\n notifyNeutral: boolean; minConfidence: number;\n}\nexport interface PocketOption {\n enabled: boolean; isDemo: boolean; asset: string; tradeAmount: number;\n expirySeconds: number; minConfidence: number;\n}\nexport interface POCredentials {\n hasSession: boolean; hasUid: boolean; hasEmail: boolean; hasPassword: boolean;\n}\nexport interface Execution {\n id: number; signalId: number; direction: string; asset: string; amount: number;\n expirySeconds: number; confidence: number; entryPrice: number | null;\n status: string; dealId: string | null; result: string | null;\n payout: number | null; profitLoss: number | null; workerId: string | null;\n createdAt: number; claimedAt: number | null; executedAt: number | null; completedAt: number | null;\n}\nexport interface ExecutionStats {\n total: number; wins: number; losses: number; draws: number; errors: number;\n pending: number; profitLoss: number;\n}\n\nexport const api = {\n candles: (interval: string, outputsize = 200) =>\n req<{ interval: string; candles: Candle[] }>(`/api/market-data?type=candles&interval=${interval}&outputsize=${outputsize}`),\n quote: () => req(`/api/market-data?type=quote`),\n analyze: () => req<{ ok: boolean; analysis?: any; telegramSent: boolean; telegramError?: string; error?: string }>(`/api/analyze`, { method: \"POST\" }),\n\n signals: (limit = 50) => req(`/api/bot/signals?limit=${limit}`),\n setSignalStatus: (id: number, status: string) =>\n req(`/api/bot/signals/${id}`, { method: \"PATCH\", body: JSON.stringify({ status }) }),\n\n strategies: () => req(`/api/bot/strategies`),\n createStrategy: (s: Partial) => req<{ id: number }>(`/api/bot/strategies`, { method: \"POST\", body: JSON.stringify(s) }),\n updateStrategy: (id: number, s: Partial) => req(`/api/bot/strategies/${id}`, { method: \"PATCH\", body: JSON.stringify(s) }),\n deleteStrategy: (id: number) => req(`/api/bot/strategies/${id}`, { method: \"DELETE\" }),\n\n settings: () => req(`/api/bot/settings`),\n updateSettings: (s: Partial) => req(`/api/bot/settings`, { method: \"PATCH\", body: JSON.stringify(s) }),\n\n telegram: () => req(`/api/bot/telegram`),\n updateTelegram: (t: Partial) => req(`/api/bot/telegram`, { method: \"PATCH\", body: JSON.stringify(t) }),\n testTelegram: () => req<{ ok: boolean; error?: string }>(`/api/bot/telegram/test`, { method: \"POST\" }),\n\n pocketOption: () => req(`/api/bot/pocket-option`),\n updatePocketOption: (p: Partial) => req(`/api/bot/pocket-option`, { method: \"PATCH\", body: JSON.stringify(p) }),\n\n poCredentials: () => req(`/api/bot/pocket-option/creds`),\n updatePOCredentials: (c: Partial<{ session: string; uid: string; email: string; password: string }>) =>\n req(`/api/bot/pocket-option/creds`, { method: \"PATCH\", body: JSON.stringify(c) }),\n\n executions: (limit = 50) => req(`/api/execution/list?limit=${limit}`),\n executionStats: () => req(`/api/execution/stats`),\n};\n",[],[258,325,335],"07cf1bbe-d96f-4965-8c37-6eb30a91dbc7","App.tsx","019f68b9-9fa0-755f-881f-5bd4ab37b7bf",14,["D",1784168494723],2,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Dashboard } from \"./tabs/Dashboard.tsx\";\nimport { Signals } from \"./tabs/Signals.tsx\";\nimport { Strategies } from \"./tabs/Strategies.tsx\";\nimport { SettingsTab } from \"./tabs/SettingsTab.tsx\";\nimport { TelegramTab } from \"./tabs/TelegramTab.tsx\";\n\nconst TABS = [\n { id: \"dashboard\", label: \"Dashboard\", icon: \"📊\" },\n { id: \"signals\", label: \"Signals\", icon: \"📡\" },\n { id: \"strategies\", label: \"Strategy Intelligence\", icon: \"🧠\" },\n { id: \"settings\", label: \"Settings\", icon: \"⚙️\" },\n { id: \"telegram\", label: \"Telegram\", icon: \"✈️\" },\n];\n\nexport function App() {\n const [tab, setTab] = useState(\"dashboard\");\n return (\n

\n 🥇\n

XAU/USD Gold Bot

Ultimate Hybrid Strategy

\n view source\n

\n \n

\n\n

\n {tab === \"dashboard\" && }\n {tab === \"signals\" && }\n {tab === \"strategies\" && }\n {tab === \"settings\" && }\n {tab === \"pocketoption\" && }\n {tab === \"telegram\" && }\n

\n\n \n

\n );\n}\n",[],[258,325,344],"4111bd5d-c253-40d5-b8d4-3a597c29639d","TelegramTab.tsx","019f68b9-9fa0-755f-881f-5376150275dd","019f68b9-9fa0-755f-881f-5647a720ad18",["D",1784168423025],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api, type Telegram } from \"../api.ts\";\nimport { Card, Btn, Input } from \"../components/ui.tsx\";\n\nfunction Toggle({ label, checked, onChange }: { label: string; checked: boolean; onChange: (v: boolean) => void }) {\n return (\n \n {label}\n \n \n );\n}\n\nexport function TelegramTab() {\n const [t, setT] = useState(null);\n const [botToken, setBotToken] = useState(\"\");\n const [msg, setMsg] = useState<{ ok: boolean; text: string } | null>(null);\n\n useEffect(() => { api.telegram().then(setT).catch(() => {}); }, []);\n\n async function save() {\n if (!t) return;\n await api.updateTelegram({\n botToken: botToken || undefined as any,\n chatId: t.chatId,\n notifyBuy: t.notifyBuy, notifySell: t.notifySell, notifyNeutral: t.notifyNeutral,\n minConfidence: t.minConfidence,\n });\n setBotToken(\"\");\n setT(await api.telegram());\n setMsg({ ok: true, text: \"Saved\" });\n setTimeout(() => setMsg(null), 2500);\n }\n\n async function test() {\n setMsg(null);\n const r = await api.testTelegram().catch((e) => ({ ok: false, error: String(e.message) }));\n setMsg(r.ok ? { ok: true, text: \"Test message sent! Check Telegram.\" } : { ok: false, text: r.error || \"Failed\" });\n }\n\n if (!t) return

Loading…

;\n\n return (\n

\n \n

Open Telegram and message @BotFather
Send /newbot and follow the prompts to get a bot token
Message @userinfobot to get your numeric chat ID
Start a chat with your new bot (send it any message) so it can reply to you
Paste both below, save, then hit Send Test Message

\n \n\n \n Bot Token {t.hasToken && ✓ saved}\n setBotToken(e.target.value)} className=\"mt-1 mb-3\" />\n Chat ID\n setT({ ...t, chatId: e.target.value })} className=\"mt-1\" />\n

\n Save\n Send Test Message\n

\n {msg &&

{msg.ok ? \"✓ \" : \"✕ \"}{msg.text}

}\n \n\n \n setT({ ...t, notifyBuy: v })} />\n setT({ ...t, notifySell: v })} />\n setT({ ...t, notifyNeutral: v })} />\n

\n Minimum confidence\n {t.minConfidence}%\n

\n setT({ ...t, minConfidence: Number(e.target.value) })}\n className=\"w-full mt-2 accent-amber-500\" />\n

\n Save Filters\n \n

\n );\n}\n",[],[258,325,360,353],"tabs","10eab569-1662-4fbf-88d9-998284af52a3","Strategies.tsx","019f68b9-9fa0-755f-881f-4cf890050a14",["D",1784168423025],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api, type Strategy } from \"../api.ts\";\nimport { Card, Btn, Input } from \"../components/ui.tsx\";\n\nconst INDICATORS = [\n { v: \"rsi\", label: \"RSI (14)\" },\n { v: \"macd_hist\", label: \"MACD Histogram\" },\n { v: \"ema_trend\", label: \"EMA20 − EMA50\" },\n { v: \"price_vs_ema200\", label: \"Price − EMA200\" },\n];\n\nconst blank = {\n name: \"\", description: \"\", side: \"bullish\", weight: 1,\n indicator: \"rsi\", operator: \"<\", value: 30,\n};\n\nexport function Strategies() {\n const [list, setList] = useState([]);\n const [form, setForm] = useState({ ...blank });\n const [editId, setEditId] = useState(null);\n const [loading, setLoading] = useState(true);\n\n async function load() {\n setLoading(true);\n setList(await api.strategies().catch(() => []));\n setLoading(false);\n }\n useEffect(() => { load(); }, []);\n\n function reset() { setForm({ ...blank }); setEditId(null); }\n\n async function save() {\n if (!form.name.trim()) return;\n const payload = {\n name: form.name, description: form.description, side: form.side, weight: Number(form.weight),\n active: true,\n condition: { indicator: form.indicator, operator: form.operator, value: Number(form.value) },\n };\n if (editId) await api.updateStrategy(editId, payload as any);\n else await api.createStrategy(payload as any);\n reset();\n await load();\n }\n\n function edit(s: Strategy) {\n setEditId(s.id);\n setForm({\n name: s.name, description: s.description, side: s.side, weight: s.weight,\n indicator: s.condition.indicator, operator: s.condition.operator, value: s.condition.value,\n });\n }\n\n async function toggle(s: Strategy) {\n await api.updateStrategy(s.id, { active: !s.active } as any);\n setList((p) => p.map((x) => x.id === s.id ? { ...x, active: !x.active } : x));\n }\n\n async function remove(id: number) {\n await api.deleteStrategy(id);\n setList((p) => p.filter((x) => x.id !== id));\n }\n\n const sel = \"bg-slate-950 border border-slate-700 rounded-lg px-3 py-2 text-sm w-full\";\n\n return (\n

\n \n

\n setForm({ ...form, name: e.target.value })} />\n setForm({ ...form, description: e.target.value })} />\n

\n \n setForm({ ...form, weight: Number(e.target.value) })} />\n

Rule: when

\n \n \n setForm({ ...form, value: Number(e.target.value) })} />\n

\n {editId ? \"Update\" : \"Add Strategy\"}\n {editId && Cancel}\n

\n \n\n \n {loading ?

Loading…

:\n list.length === 0 ?

No custom strategies yet. Active strategies are evaluated on every scan alongside the built-in engine.

: (\n

\n {list.map((s) => (\n

\n \n {s.name}\n +{s.weight} {s.side}\n

\n {s.condition.indicator} {s.condition.operator} {s.condition.value}\n

\n toggle(s)}>{s.active ? \"Pause\" : \"Activate\"}\n edit(s)}>Edit\n remove(s.id)}>✕\n

\n ))}\n

\n )}\n \n

\n );\n}\n",[],[258,325,360,362],"b08a5c06-c15a-47e9-99a8-58e6d71cc1c7","Signals.tsx","019f68b9-9fa0-755f-881f-48ed1dd17798",["D",1784168423025],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api, type Signal } from \"../api.ts\";\nimport { Card, SignalCard } from \"../components/ui.tsx\";\n\nconst FILTERS = [\"all\", \"BUY\", \"SELL\", \"open\", \"tp_hit\", \"sl_hit\"] as const;\nconst LABELS: Record = {\n all: \"All\", BUY: \"Buy\", SELL: \"Sell\", open: \"Open\", tp_hit: \"Hit TP\", sl_hit: \"Hit SL\",\n};\n\nexport function Signals() {\n const [signals, setSignals] = useState([]);\n const [filter, setFilter] = useState(\"all\");\n const [loading, setLoading] = useState(true);\n\n async function load() {\n setLoading(true);\n setSignals(await api.signals(100).catch(() => []));\n setLoading(false);\n }\n useEffect(() => { load(); }, []);\n\n async function setStatus(id: number, status: string) {\n await api.setSignalStatus(id, status);\n setSignals((prev) => prev.map((s) => s.id === id ? { ...s, status } : s));\n }\n\n const filtered = signals.filter((s) => {\n if (filter === \"all\") return true;\n if (filter === \"BUY\" || filter === \"SELL\") return s.direction === filter;\n return s.status === filter;\n });\n\n return (\n \n

\n {FILTERS.map((f) => (\n \n ))}\n {filtered.length} signals\n

\n {loading ? (\n

Loading…

\n ) : filtered.length === 0 ? (\n

No signals match this filter.

\n ) : (\n

\n {filtered.map((s) => setStatus(s.id, st)} />)}\n

\n )}\n \n );\n}\n",[],[258,325,360,369],"74d7fdbb-07ce-4949-809a-8bd534b2e3b6","SettingsTab.tsx","019f68b9-9fa0-755f-881f-47d37b642eb2",["D",1784168423025],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api, type Settings } from \"../api.ts\";\nimport { Card, Btn, Input } from \"../components/ui.tsx\";\n\nexport function SettingsTab() {\n const [s, setS] = useState(null);\n const [apiKey, setApiKey] = useState(\"\");\n const [saved, setSaved] = useState(false);\n\n useEffect(() => { api.settings().then(setS).catch(() => {}); }, []);\n\n async function save() {\n if (!s) return;\n await api.updateSettings({\n apiKey: apiKey || undefined as any,\n riskPerTrade: s.riskPerTrade,\n riskReward: s.riskReward,\n scanIntervalMin: s.scanIntervalMin,\n });\n setApiKey(\"\");\n setSaved(true);\n setS(await api.settings());\n setTimeout(() => setSaved(false), 2500);\n }\n\n if (!s) return

Loading…

;\n\n return (\n

\n \n API Key {s.hasApiKey && ✓ saved}\n setApiKey(e.target.value)} className=\"mt-1\" />\n

\n Get a free key (800 calls/day) at{\" \"}\n twelvedata.com.\n Stored securely server-side and never returned to the browser.\n

\n \n\n \n Risk per trade (%)\n setS({ ...s, riskPerTrade: Number(e.target.value) })} className=\"mt-1 mb-3\" />\n Risk : Reward ratios (TP1 / TP2 / TP3)\n

\n {s.riskReward.map((r, i) => (\n {\n const rr = [...s.riskReward]; rr[i] = Number(e.target.value); setS({ ...s, riskReward: rr });\n }} />\n ))}\n

\n Auto-scan interval (minutes)\n setS({ ...s, scanIntervalMin: Number(e.target.value) })} className=\"mt-1\" />\n

Free Val Town tier enforces a 15-minute minimum on the cron schedule.

\n \n\n

\n Save Settings\n {saved && ✓ Saved}\n

\n );\n}\n",[],[258,325,360,376],"fb8d5a2d-76a5-473d-9ade-56f112eb0627","PocketOptionTab.tsx","429dbac0-80bd-11f1-9b05-1607ee4eb77e",27,["D",1784176203795],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { api, type PocketOption, type POCredentials, type Execution, type ExecutionStats } from \"../api.ts\";\nimport { Card, Btn, Input } from \"../components/ui.tsx\";\n\nconst ASSETS = [\n \"XAUUSD_otc\", \"EURUSD_otc\", \"GBPUSD_otc\", \"AUDCAD_otc\",\n \"USDJPY_otc\", \"EURJPY_otc\", \"BTCUSD_otc\", \"ETHUSD_otc\",\n];\n\nconst STATUS_STYLES: Record = {\n pending: \"bg-blue-500/15 text-blue-400\",\n claimed: \"bg-amber-500/15 text-amber-400\",\n executing: \"bg-purple-500/15 text-purple-400\",\n win: \"bg-emerald-500/15 text-emerald-400\",\n loss: \"bg-red-500/15 text-red-400\",\n draw: \"bg-slate-500/15 text-slate-400\",\n error: \"bg-red-700/15 text-red-500\",\n skipped: \"bg-slate-600/20 text-slate-500\",\n};\n\nfunction Toggle({ label, checked, onChange }: { label: string; checked: boolean; onChange: (v: boolean) => void }) {\n return (\n \n {label}\n \n \n );\n}\n\nconst WORKER_URL = \"https://john3--019f68b99fa0755f881f9931b705fb3b.web.val.run\";\n\nexport function PocketOptionTab() {\n const [config, setConfig] = useState(null);\n const [creds, setCreds] = useState(null);\n const [executions, setExecutions] = useState([]);\n const [stats, setStats] = useState(null);\n const [saved, setSaved] = useState(false);\n const [credsSaved, setCredsSaved] = useState(false);\n\n // credential form fields\n const [session, setSession] = useState(\"\");\n const [uid, setUid] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n\n const load = useCallback(async () => {\n try {\n const [c, cr, e, s] = await Promise.all([\n api.pocketOption(),\n api.poCredentials(),\n api.executions(50),\n api.executionStats(),\n ]);\n setConfig(c);\n setCreds(cr);\n setExecutions(e);\n setStats(s);\n } catch {}\n }, []);\n\n useEffect(() => {\n load();\n const interval = setInterval(load, 5000);\n return () => clearInterval(interval);\n }, [load]);\n\n async function saveConfig() {\n if (!config) return;\n await api.updatePocketOption(config);\n setSaved(true);\n setTimeout(() => setSaved(false), 2500);\n }\n\n async function saveCreds() {\n const payload: Record = {};\n if (session.trim()) payload.session = session.trim();\n if (uid.trim()) payload.uid = uid.trim();\n if (email.trim()) payload.email = email.trim();\n if (password.trim()) payload.password = password.trim();\n if (Object.keys(payload).length === 0) return;\n await api.updatePOCredentials(payload);\n setSession(\"\"); setUid(\"\"); setEmail(\"\"); setPassword(\"\");\n setCredsSaved(true);\n setTimeout(() => setCredsSaved(false), 2500);\n await load();\n }\n\n if (!config || !creds) return

Loading…

;\n\n const winRate = stats && stats.total > 0\n ? ((stats.wins / (stats.wins + stats.losses + stats.draws)) * 100).toFixed(1)\n : \"—\";\n\n const credsReady = creds.hasSession && creds.hasUid;\n\n return (\n

\n {/* Stats Bar */}\n {stats && (\n

\n \n \n \n \n \n \n = 0 ? `+$${stats.profitLoss.toFixed(2)}` : `-$${Math.abs(stats.profitLoss).toFixed(2)}`} cls={stats.profitLoss >= 0 ? \"text-emerald-400\" : \"text-red-400\"} />\n

\n )}\n\n {/* Credentials + Config */}\n

\n {/* Credentials Card */}\n \n

\n \n \n {credsReady ? \"Credentials configured ✓\" : \"Credentials needed — enter below\"}\n \n

\n \n \n \n \n

\n\n

\n Session Token {creds.hasSession && ✓ saved}\n setSession(e.target.value)} className=\"mt-1\" />\n

From browser: DevTools → Application → Cookies → pocketoption.com → \"session\"

\n\n

\n User ID (UID) {creds.hasUid && ✓ saved}\n setUid(e.target.value)} className=\"mt-1\" />\n

Found in your Pocket Option profile or account settings

\n\n

Or use email/password (worker will auto-login to get session):

\n Email {creds.hasEmail && ✓ saved}\n setEmail(e.target.value)} className=\"mt-1\" />\n

\n Password {creds.hasPassword && ✓ saved}\n setPassword(e.target.value)} className=\"mt-1\" />\n

\n\n

\n Save Credentials\n {credsSaved && ✓ Saved}\n

\n\n

\n 🔒 Credentials stored server-side in encrypted SQLite. Never returned to the browser.\n Only the worker can access them via the /api/worker/config endpoint.\n

\n \n\n {/* Config Card */}\n \n

\n setConfig({ ...config, enabled: v })} />\n setConfig({ ...config, isDemo: v })} />\n\n

\n Trading asset\n \n

\n\n

\n Trade amount ($)\n setConfig({ ...config, tradeAmount: Number(e.target.value) })} className=\"mt-1\" />\n

\n Expiry (seconds)\n setConfig({ ...config, expirySeconds: Number(e.target.value) })} className=\"mt-1\" />\n

\n\n

\n Min confidence to execute\n {config.minConfidence}%\n

\n setConfig({ ...config, minConfidence: Number(e.target.value) })}\n className=\"w-full mt-2 accent-amber-500\" />\n

\n\n

\n Save Config\n {saved && ✓ Saved}\n

\n \n

\n\n {/* Complete Setup Guide */}\n \n

\n \n Go to Settings tab → paste your Twelve Data API key (free at twelvedata.com)\n \n \n Enter your Pocket Option session + UID above (or email/password)\n \n \n Toggle \"Enable auto-execution\" above and save config\n \n \n Install Python worker on your computer/VPS (see below)\n \n

\n\n

🖥️ Run the Worker (one command)

\n The worker fetches all config (credentials, asset, amount) from this dashboard automatically.\n No env vars needed — just set the URL.\n

# Install dependencies

pip install pocket-option-async aiohttp

\n
\n

# Set your dashboard URL

export VAL_TOWN_URL=\"{WORKER_URL}\"

\n
\n

# Download & run the worker

curl -o worker.py \"{WORKER_URL}/api/worker/download\"

python worker.py

\n\n

🍪 How to get your Session Token & UID

Open pocketoption.com and log in
Press F12 to open Developer Tools
Go to Application → Cookies → pocketoption.com
Find the cookie named session — copy its value
For UID: go to your profile page — the number in the URL or settings is your UID
Paste both in the credentials form above and click Save Credentials

\n Alternatively, just enter your email + password above. The worker will auto-login to get a fresh session.\n

\n\n

\n 0 ? \"bg-amber-400 animate-pulse\" : \"bg-slate-600\"}`}>\n \n {stats && stats.pending > 0\n ? `${stats.pending} signal(s) waiting for worker to come online`\n : \"No pending signals — worker will pick up new signals when they arrive\"}\n \n

\n \n\n {/* Execution History */}\n \n {executions.length === 0 ? (\n

\n No executions yet. Once the worker is running, trades will appear here in real-time.\n

\n ) : (\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {executions.map((e) => (\n \n \n \n \n \n \n \n \n \n \n \n ))}\n \n

ID	Dir	Asset	Amount	Expiry	Entry	Status	P/L	Time
#{e.id}	\n \n {e.direction === \"BUY\" ? \"CALL ▲\" : \"PUT ▼\"}\n \n	{e.asset}	${e.amount}	{e.expirySeconds}s	{e.entryPrice ?? \"—\"}	\n \n {e.status}\n \n	= 0 ? \"text-emerald-400\" : \"text-red-400\"}`}>\n {e.profitLoss === null ? \"—\" : e.profitLoss >= 0 ? `+$${e.profitLoss.toFixed(2)}` : `-$${Math.abs(e.profitLoss).toFixed(2)}`}\n	{new Date(e.createdAt).toLocaleTimeString()}

\n )}\n \n

\n );\n}\n\nfunction StatBox({ label, value, cls = \"\" }: { label: string; value: string | number; cls?: string }) {\n return (\n

{label}

{value}

\n );\n}\n\nfunction CredChip({ label, ok }: { label: string; ok: boolean }) {\n return (\n \n {ok ? \"✓\" : \"○\"} {label}\n \n );\n}\n\nfunction SetupStep({ num, title, done, children }: { num: string; title: string; done: boolean; children: React.ReactNode }) {\n return (\n

\n \n {done ? \"✓\" : num}\n \n {title}\n

{children}

\n );\n}\n",[],[258,325,360,383],"201d7aea-09b9-496e-aaca-e20786868325","Dashboard.tsx","019f68b9-9fa0-755f-881f-4380d119367d",["D",1784168423025],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api, type Candle, type Quote, type Settings, type Signal } from \"../api.ts\";\nimport { Card, Btn, SignalCard } from \"../components/ui.tsx\";\nimport { CandleChart } from \"../components/Chart.tsx\";\n\nconst TIMEFRAMES = [\"1min\", \"5min\", \"15min\", \"30min\", \"1h\", \"1day\"];\n\nexport function Dashboard() {\n const [tf, setTf] = useState(\"5min\");\n const [candles, setCandles] = useState([]);\n const [quote, setQuote] = useState(null);\n const [signals, setSignals] = useState([]);\n const [settings, setSettings] = useState(null);\n const [loading, setLoading] = useState(false);\n const [scanning, setScanning] = useState(false);\n const [msg, setMsg] = useState(null);\n\n async function loadChart(interval = tf) {\n setLoading(true);\n setMsg(null);\n try {\n const [c, q] = await Promise.all([api.candles(interval), api.quote().catch(() => null)]);\n setCandles(c.candles);\n if (q) setQuote(q);\n } catch (e) {\n setMsg(String((e as Error).message));\n } finally {\n setLoading(false);\n }\n }\n\n async function loadMeta() {\n setSignals(await api.signals(10).catch(() => []));\n setSettings(await api.settings().catch(() => null));\n }\n\n useEffect(() => { loadMeta(); }, []);\n useEffect(() => { loadChart(tf); }, [tf]);\n\n async function scanNow() {\n setScanning(true);\n setMsg(null);\n try {\n const r = await api.analyze();\n if (!r.ok) setMsg(\"Scan failed: \" + r.error);\n else setMsg(`New ${r.analysis.direction} signal @ ${r.analysis.confidence}%${r.telegramSent ? \" · sent to Telegram\" : \"\"}`);\n await loadMeta();\n await loadChart();\n } catch (e) {\n setMsg(String((e as Error).message));\n } finally {\n setScanning(false);\n }\n }\n\n async function toggleBot() {\n if (!settings) return;\n await api.updateSettings({ botRunning: !settings.botRunning });\n setSettings({ ...settings, botRunning: !settings.botRunning });\n }\n\n const up = (quote?.change ?? 0) >= 0;\n\n return (\n

\n {!settings?.hasApiKey && (\n

\n ⚠️ No Twelve Data API key set. Go to Settings and add your key to load live data.\n

\n )}\n\n

\n \n

XAU/USD

\n {quote ? quote.price.toFixed(2) : \"—\"}\n

\n {quote && (\n

\n {up ? \"▲\" : \"▼\"} {quote.change.toFixed(2)} ({quote.percentChange.toFixed(2)}%)\n

\n )}\n

\n \n {scanning ? \"Scanning…\" : \"🔍 Scan Now\"}\n \n \n {settings?.botRunning ? \"⏹ Stop Auto-Scan\" : \"▶ Start Auto-Scan\"}\n \n {settings && (\n

\n Auto-scan every {settings.scanIntervalMin} min · {settings.botRunning ? \"🟢 running\" : \"⚪ stopped\"}\n

\n )}\n

\n \n\n \n

\n {TIMEFRAMES.map((t) => (\n \n ))}\n

\n {loading ? (\n

Loading chart…

\n ) : candles.length ? (\n \n ) : (\n

No data yet

\n )}\n \n

\n\n {msg &&

{msg}

}\n\n \n {signals.length === 0 ? (\n

No signals yet. Click Scan Now to generate one.

\n ) : (\n

\n {signals.map((s) => )}\n

\n )}\n \n

\n );\n}\n",[],[258,325,360,391],"d487fc63-50a6-4c78-8674-002606ec1888",["D",1784168423025],[195,196,197,198,199,200],[258,325,360],"7098918f-ab65-4817-b92b-5c0a2cdb025f","ui.tsx","019f68b9-9fa0-755f-881f-3ae40100fbb2","019f68b9-9fa0-755f-881f-3f68d8c0fa8a",["D",1784168423025],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Signal } from \"../api.ts\";\n\nexport function Card({ title, children, className = \"\" }: { title?: string; children: React.ReactNode; className?: string }) {\n return (\n

\n {title &&

{title}

}\n {children}\n

\n );\n}\n\nexport function Btn({ children, onClick, variant = \"primary\", disabled, className = \"\" }: {\n children: React.ReactNode; onClick?: () => void; variant?: \"primary\" | \"ghost\" | \"danger\" | \"success\"; disabled?: boolean; className?: string;\n}) {\n const styles: Record = {\n primary: \"bg-amber-500 hover:bg-amber-400 text-slate-950\",\n success: \"bg-emerald-600 hover:bg-emerald-500 text-white\",\n danger: \"bg-red-600 hover:bg-red-500 text-white\",\n ghost: \"bg-slate-800 hover:bg-slate-700 text-slate-200\",\n };\n return (\n \n );\n}\n\nexport function Input(props: React.InputHTMLAttributes) {\n return ;\n}\n\nexport function DirBadge({ dir }: { dir: string }) {\n const map: Record = {\n BUY: \"bg-emerald-500/15 text-emerald-400 border-emerald-500/30\",\n SELL: \"bg-red-500/15 text-red-400 border-red-500/30\",\n NEUTRAL: \"bg-slate-500/15 text-slate-400 border-slate-500/30\",\n };\n return {dir};\n}\n\nexport function StatusBadge({ status }: { status: string }) {\n const map: Record = {\n open: [\"Open\", \"bg-blue-500/15 text-blue-400\"],\n tp_hit: [\"Hit TP\", \"bg-emerald-500/15 text-emerald-400\"],\n sl_hit: [\"Hit SL\", \"bg-red-500/15 text-red-400\"],\n cancelled: [\"Cancelled\", \"bg-slate-600/20 text-slate-400\"],\n };\n const [label, cls] = map[status] ?? map.open;\n return {label};\n}\n\nexport function SignalCard({ s, onStatus }: { s: Signal; onStatus?: (status: string) => void }) {\n const [open, setOpen] = useState(false);\n const time = new Date(s.createdAt).toLocaleString();\n return (\n

\n \n {s.confidence}%\n \n

\n {s.telegramSent ? 📨 : null}\n {time}\n

\n \n \n \n \n \n

\n 🟢 {s.bullishScore} / 🔴 {s.bearishScore} · {s.session} · ATR {s.atr}\n

\n \n

\n {open && (\n

• {r}

\n {onStatus && s.status === \"open\" && (\n

\n onStatus(\"tp_hit\")}>Hit TP\n onStatus(\"sl_hit\")}>Hit SL\n onStatus(\"cancelled\")}>Cancel\n

\n )}\n

\n );\n}\n\nfunction Stat({ label, value, cls = \"\" }: { label: string; value: number; cls?: string }) {\n return (\n

{label}

{value}

\n );\n}\n",[],[258,325,409,402],"components","064918ec-d3f2-41d1-905b-1640b0b09e93","Chart.tsx","019f68b9-9fa0-755f-881f-34b1e00626ce",["D",1784168423025],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport type { Candle } from \"../api.ts\";\n\nexport function CandleChart({ candles }: { candles: Candle[] }) {\n const ref = useRef(null);\n\n useEffect(() => {\n const canvas = ref.current;\n if (!canvas || candles.length === 0) return;\n const dpr = window.devicePixelRatio || 1;\n const W = canvas.clientWidth;\n const H = canvas.clientHeight;\n canvas.width = W * dpr;\n canvas.height = H * dpr;\n const ctx = canvas.getContext(\"2d\")!;\n ctx.scale(dpr, dpr);\n ctx.clearRect(0, 0, W, H);\n\n const priceH = H * 0.78;\n const volH = H * 0.22;\n const padR = 56;\n const plotW = W - padR;\n\n const data = candles.slice(-120);\n const highs = data.map((c) => c.high);\n const lows = data.map((c) => c.low);\n const maxP = Math.max(...highs);\n const minP = Math.min(...lows);\n const range = maxP - minP || 1;\n const maxV = Math.max(...data.map((c) => c.volume), 1);\n\n const cw = plotW / data.length;\n const bodyW = Math.max(1, cw * 0.6);\n const yP = (p: number) => 6 + (priceH - 12) * (1 - (p - minP) / range);\n\n // grid + price axis\n ctx.font = \"10px ui-monospace, monospace\";\n ctx.textBaseline = \"middle\";\n for (let i = 0; i <= 4; i++) {\n const p = minP + (range * i) / 4;\n const y = yP(p);\n ctx.strokeStyle = \"rgba(148,163,184,0.12)\";\n ctx.beginPath();\n ctx.moveTo(0, y);\n ctx.lineTo(plotW, y);\n ctx.stroke();\n ctx.fillStyle = \"rgba(148,163,184,0.8)\";\n ctx.fillText(p.toFixed(2), plotW + 6, y);\n }\n\n // candles\n data.forEach((c, i) => {\n const x = i * cw + cw / 2;\n const up = c.close >= c.open;\n const color = up ? \"#22c55e\" : \"#ef4444\";\n ctx.strokeStyle = color;\n ctx.fillStyle = color;\n // wick\n ctx.beginPath();\n ctx.moveTo(x, yP(c.high));\n ctx.lineTo(x, yP(c.low));\n ctx.stroke();\n // body\n const yo = yP(c.open);\n const yc = yP(c.close);\n const top = Math.min(yo, yc);\n const h = Math.max(1, Math.abs(yc - yo));\n ctx.fillRect(x - bodyW / 2, top, bodyW, h);\n // volume\n const vh = (c.volume / maxV) * (volH - 6);\n ctx.globalAlpha = 0.5;\n ctx.fillRect(x - bodyW / 2, H - vh, bodyW, vh);\n ctx.globalAlpha = 1;\n });\n }, [candles]);\n\n return (\n \n );\n}\n",[],[258,325,409,411],"f5791cab-707b-4cb8-960e-6775420e7063",["D",1784168423025],[192,193],[258,325,409],"9ae374c3-cdb4-4e17-a291-749a029e1187",["D",1784168423025],[191,194,201,202,203,204],[258,325],"1b3d80a6-465c-4f8f-a9c9-285d6cbe3cf9",["D",1784168423025],[190,205],[258],["D",1784168423025],[],[18,68],["D",1784168423025],[188],[18],["D",1784168423025],["D",1789525843977],{"_11":12,"_131":74},{"_11":12,"_126":127,"_73":74,"_31":72,"_128":129,"_130":30},{"_39":115,"_13":16,"_33":36,"_116":78,"_117":63,"_118":64,"_119":82,"_120":121,"_122":123,"_124":14,"_125":12},"ctx",{"_52":-5,"_152":473,"_474":475,"_476":477,"_478":30,"_479":30,"_480":30,"_481":24,"_482":-5,"_483":-7,"_484":-7,"_485":26,"_486":30,"_487":30,"_488":-5,"_489":30,"_490":30,"_491":30,"_492":-5},"ENV",{"_444":445,"_446":447,"_448":16,"_449":450,"_451":452,"_453":454,"_455":456,"_457":458,"_459":460,"_461":462,"_463":464,"_465":466,"_467":468,"_469":470,"_471":472},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · cron