\n \n\n\n",[],[230,315,317],"a66c8206-fa10-44af-aa5b-3b27311ba5a2","api.ts","b7b64d62-7d76-11f1-8014-1607ee4eb77e",16,["D",1783808426608],"// Tiny typed fetch client for the protection bot 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 { time: number; open: number; high: number; low: number; close: number; volume: number; }\nexport interface Quote { symbol: string; price: number; change: number; percentChange: number; timestamp: number; }\nexport interface Factor { name: string; side: string; weight: number; detail: string; }\n\nexport interface ProtectionAlert {\n id: number; level: string; score: number; price: number;\n signals: { type: string; severity: string; message: string; detail: string }[];\n reasoning: string[]; action: string; telegramSent: boolean; createdAt: number;\n}\n\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}\n\nexport interface Trade {\n id: number; direction: string; entry: number; stopLoss: number; takeProfit: number;\n size: number; status: string; closePrice: number | null; pnl: number | null;\n openedAt: number; closedAt: number | null; source: string; note: string;\n}\n\nexport interface ChatMsg { id: number; role: string; text: string; timestamp: number; metadata?: string; }\n\nexport interface Settings {\n hasApiKey: boolean; riskPerTrade: number; riskReward: number[];\n scanIntervalMin: number; botRunning: boolean; autoTrade: boolean; sourceBotUrl: string;\n}\n\nexport interface Telegram {\n hasToken: boolean; chatId: string; notifyProtection: boolean; notifySignals: boolean;\n notifyTrades: boolean; minAlertLevel: string;\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\n protect: () => req<{ ok: boolean; protection?: any; analysis?: any; error?: string; autoTraded: boolean; telegramSent: boolean }>(`/api/protect`, { method: \"POST\" }),\n\n sourceSignals: () => req(`/api/source-signals`),\n signals: (limit = 50) => req(`/api/signals?limit=${limit}`),\n protection: (limit = 50) => req(`/api/protection?limit=${limit}`),\n\n trades: () => req(`/api/trades`),\n openTrades: () => req(`/api/trades/open`),\n openTrade: (t: Partial) => req<{ id: number }>(`/api/trades/open`, { method: \"POST\", body: JSON.stringify(t) }),\n closeTrade: (id: number, price?: number) => req(`/api/trades/${id}/close`, { method: \"POST\", body: JSON.stringify({ price }) }),\n checkTrades: () => req<{ closed: number; messages: string[] }>(`/api/trades/check`, { method: \"POST\" }),\n\n chat: () => req(`/api/chat`),\n sendChat: (text: string) => req<{ reply: string }>(`/api/chat`, { method: \"POST\", body: JSON.stringify({ text }) }),\n\n settings: () => req(`/api/settings`),\n updateSettings: (s: Partial) => req(`/api/settings`, { method: \"PATCH\", body: JSON.stringify(s) }),\n\n telegram: () => req(`/api/telegram`),\n updateTelegram: (t: Partial) => req(`/api/telegram`, { method: \"PATCH\", body: JSON.stringify(t) }),\n testTelegram: () => req<{ ok: boolean; error?: string }>(`/api/telegram/test`, { method: \"POST\" }),\n};\n",[],[230,315,325],"4c9e39f9-7508-40c6-b3c4-c448d6f0892a","App.tsx","b7c47d10-7d76-11f1-a32d-1607ee4eb77e",17,["D",1783808426611],"/** @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 { LiveChat } from \"./tabs/LiveChat.tsx\";\nimport { Protection } from \"./tabs/Protection.tsx\";\nimport { DemoTrade } from \"./tabs/DemoTrade.tsx\";\nimport { SettingsTab } from \"./tabs/SettingsTab.tsx\";\nimport { TelegramTab } from \"./tabs/TelegramTab.tsx\";\n\nconst TABS = [\n { id: \"dashboard\", label: \"Dashboard\", icon: \"📊\" },\n { id: \"chat\", label: \"Live Chat\", icon: \"💬\" },\n { id: \"protection\", label: \"Protection\", icon: \"🛡️\" },\n { id: \"trades\", label: \"Demo Trade\", 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

Gold Protection Bot

Stop Loss Reversal Detection + Live Trading Chat

\n view source\n

\n \n

\n\n

\n {tab === \"dashboard\" && }\n {tab === \"chat\" && }\n {tab === \"protection\" && }\n {tab === \"trades\" && }\n {tab === \"settings\" && }\n {tab === \"telegram\" && }\n

\n\n \n

\n );\n}\n",[],[230,315,333],"9e404d6c-7166-4e18-b672-ff0d57ab490e","TelegramTab.tsx","14789564-7d77-11f1-b951-1607ee4eb77e","d8b3e3f1-585d-4d56-945a-59be456a06bc",21,["D",1783808582220],"/** @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\nconst LEVELS = [\"SAFE\", \"CAUTION\", \"DANGER\", \"CRITICAL\"];\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, notifyProtection: t.notifyProtection,\n notifySignals: t.notifySignals, notifyTrades: t.notifyTrades,\n minAlertLevel: t.minAlertLevel,\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, notifyProtection: v })} />\n setT({ ...t, notifySignals: v })} />\n setT({ ...t, notifyTrades: v })} />\n

\n Minimum alert level to notify\n

\n {LEVELS.map((l) => (\n \n ))}\n

\n Save Settings\n \n

\n );\n}\n",[],[230,315,349,341],"tabs","7f81a06d-631e-46da-b472-7785c7186338","SettingsTab.tsx","146bc2c6-7d77-11f1-b9c9-1607ee4eb77e",19,["D",1783808582219],"/** @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 sourceBotUrl: s.sourceBotUrl,\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

\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-check interval (minutes)\n setS({ ...s, scanIntervalMin: Number(e.target.value) })} className=\"mt-1\" />\n

Free Val Town tier enforces a 15-minute minimum.

\n \n\n \n Source Bot URL (Weru Gold Bot)\n setS({ ...s, sourceBotUrl: e.target.value })} className=\"mt-1\" />\n

The protection bot fetches recent signals from this URL to use as context for protection analysis.

\n \n\n

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

\n );\n}\n",[],[230,315,349,351],"273f3f57-248e-4515-bbc1-1a77843a89f4","Protection.tsx","14873934-7d77-11f1-9101-1607ee4eb77e",22,["D",1783808582231],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api, type ProtectionAlert } from \"../api.ts\";\nimport { Card, Btn } from \"../components/ui.tsx\";\n\nconst LEVEL_STYLES: Record = {\n SAFE: \"bg-emerald-500/15 text-emerald-400 border-emerald-500/30\",\n CAUTION: \"bg-amber-500/15 text-amber-400 border-amber-500/30\",\n DANGER: \"bg-red-500/15 text-red-400 border-red-500/30\",\n CRITICAL: \"bg-red-600/30 text-red-300 border-red-600/50\",\n};\nconst SEVERITY_ICON: Record = { SAFE: \"✅\", CAUTION: \"⚠️\", DANGER: \"🛑\", CRITICAL: \"🚨\" };\nconst ACTION_LABELS: Record = {\n HOLD: \"✅ Hold Position\", TIGHTEN_SL: \"⚠️ Tighten Stop Loss\",\n CLOSE_NOW: \"🛑 Close Position Now\", REVERSE: \"🚨 Consider Reversing\",\n};\n\nexport function Protection() {\n const [alerts, setAlerts] = useState([]);\n const [loading, setLoading] = useState(true);\n const [scanning, setScanning] = useState(false);\n const [msg, setMsg] = useState(null);\n\n async function load() {\n setLoading(true);\n setAlerts(await api.protection(50).catch(() => []));\n setLoading(false);\n }\n useEffect(() => { load(); }, []);\n\n async function runCheck() {\n setScanning(true); setMsg(null);\n try {\n const r = await api.protect();\n if (!r.ok) setMsg(\"Check failed: \" + r.error);\n else setMsg(`Protection: ${r.protection.level} (${r.protection.score}/100) — ${r.protection.recommendedAction}`);\n await load();\n } catch (e) { setMsg(String((e as Error).message)); }\n finally { setScanning(false); }\n }\n\n const stats = alerts.reduce((acc, a) => { acc[a.level] = (acc[a.level] ?? 0) + 1; return acc; }, {} as Record);\n\n return (\n

🛡️ Stop Loss Reversal Detection

\n {scanning ? \"Checking…\" : \"🛡️ Run Protection Check\"}\n

\n\n {msg &&

{msg}

}\n\n

\n {[\"SAFE\", \"CAUTION\", \"DANGER\", \"CRITICAL\"].map((level) => (\n

{stats[level] ?? 0}

{SEVERITY_ICON[level]} {level}

\n ))}\n

\n\n \n {loading ?

Loading…

:\n alerts.length === 0 ?

No protection alerts yet. Click Run Protection Check to start monitoring.

: (\n

\n {alerts.map((a) => (\n

\n {SEVERITY_ICON[a.level]} {a.level}\n {a.score}/100\n {ACTION_LABELS[a.action] ?? a.action}\n

{a.telegramSent && \"📨 \"}{new Date(a.createdAt).toLocaleString()}

Price

{a.price}

Signals

{a.signals.length}

Action

{a.action}

\n {a.signals.length > 0 && (\n

\n {a.signals.map((s, i) => (\n

\n {SEVERITY_ICON[s.severity]}\n

{s.message}({s.type})

\n ))}\n

\n )}\n {a.reasoning.length > 0 && (\n

Show reasoning

• {r}

\n )}\n

\n ))}\n

\n )}\n \n

\n );\n}\n",[],[230,315,349,359],"1f6930cb-2456-4e5e-9a00-bbaf2b24108d","LiveChat.tsx","d5e6b600-7d76-11f1-af2b-1607ee4eb77e",18,["D",1783808477314],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { api, type ChatMsg } from \"../api.ts\";\nimport { Card, Btn } from \"../components/ui.tsx\";\n\nconst QUICK_CMDS = [\n { label: \"🔍 Scan\", text: \"scan\" },\n { label: \"💹 Price\", text: \"price\" },\n { label: \"📊 Buy/Sell\", text: \"buy\" },\n { label: \"🛡️ Risk\", text: \"risk\" },\n { label: \"📡 Signal\", text: \"signal\" },\n { label: \"❓ Help\", text: \"help\" },\n];\n\nexport function LiveChat() {\n const [messages, setMessages] = useState([]);\n const [input, setInput] = useState(\"\");\n const [sending, setSending] = useState(false);\n const [autoMode, setAutoMode] = useState(false);\n const endRef = useRef(null);\n\n async function load() {\n setMessages(await api.chat().catch(() => []));\n }\n\n useEffect(() => { load(); }, []);\n useEffect(() => { endRef.current?.scrollIntoView({ behavior: \"smooth\" }); }, [messages]);\n\n async function send(text?: string) {\n const msg = (text ?? input).trim();\n if (!msg || sending) return;\n setInput(\"\");\n setSending(true);\n try {\n const r = await api.sendChat(msg);\n await load();\n } catch (e) {\n // Still reload to show the saved messages\n await load();\n } finally {\n setSending(false);\n }\n }\n\n return (\n

\n {/* Chat panel */}\n

\n {/* Header */}\n

\n 💬\n Trading Assistant Chat\n

\n \n

\n\n {/* Messages */}\n

\n {messages.length === 0 && (\n

🛡️

Chat with your Gold Protection Bot.

Type \"help\" to see available commands.

\n )}\n {messages.map((m) => (\n

\n {m.role === \"bot\" &&

🤖 Protection Bot

}\n {m.text}\n

\n {new Date(m.timestamp).toLocaleTimeString()}\n

\n ))}\n {sending && (\n

\n 🤖 analyzing...\n

\n )}\n

\n\n {/* Input */}\n

\n setInput(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && send()}\n placeholder=\"Type a message or command...\"\n className=\"flex-1 bg-slate-950 border border-slate-700 rounded-lg px-3 py-2 text-sm focus:outline-none focus:border-amber-500\"\n />\n send()} disabled={sending || !input.trim()}>\n Send\n \n

\n {QUICK_CMDS.map((c) => (\n \n ))}\n

\n\n {/* Side panel */}\n

\n \n

\n The chat assistant analyzes live market data and your open positions in real-time.\n It can recommend trades, check protection status, and alert you to stop loss reversal risks.\n

\n {autoMode && (\n

\n 🤖 Auto Mode: The bot will automatically execute trades and log alerts to this chat.\n

\n )}\n \n \n

scan — Run protection analysis
price — Live XAU/USD quote
buy/sell — Trade recommendation
close — Check open trade
risk — Risk assessment
signal — Source bot signal

\n \n

\n );\n}\n",[],[230,315,349,367],"8401bec3-abfe-4d66-b947-4f18ad9c8c81","DemoTrade.tsx","14a0848e-7d77-11f1-a443-1607ee4eb77e",23,["D",1783808582235],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api, type Trade, type Quote } from \"../api.ts\";\nimport { Card, Btn, Input } from \"../components/ui.tsx\";\n\nexport function DemoTrade() {\n const [trades, setTrades] = useState([]);\n const [quote, setQuote] = useState(null);\n const [loading, setLoading] = useState(true);\n const [msg, setMsg] = useState(null);\n\n // New trade form\n const [dir, setDir] = useState(\"BUY\");\n const [entry, setEntry] = useState(\"\");\n const [sl, setSl] = useState(\"\");\n const [tp, setTp] = useState(\"\");\n const [size, setSize] = useState(\"0.1\");\n\n async function load() {\n setLoading(true);\n setTrades(await api.trades().catch(() => []));\n setQuote(await api.quote().catch(() => null));\n setLoading(false);\n }\n useEffect(() => { load(); }, []);\n\n async function openNew() {\n if (!entry || !sl || !tp) { setMsg(\"Fill in entry, SL, and TP\"); return; }\n try {\n await api.openTrade({ direction: dir, entry: Number(entry), stopLoss: Number(sl), takeProfit: Number(tp), size: Number(size), source: \"MANUAL\", note: \"\" });\n setMsg(`✅ Opened ${dir} trade at ${entry}`);\n setEntry(\"\"); setSl(\"\"); setTp(\"\");\n await load();\n } catch (e) { setMsg(String((e as Error).message)); }\n }\n\n async function closeTrade(id: number) {\n try {\n await api.closeTrade(id);\n setMsg(`Closed trade #${id}`);\n await load();\n } catch (e) { setMsg(String((e as Error).message)); }\n }\n\n async function checkTrades() {\n const r = await api.checkTrades();\n setMsg(r.closed > 0 ? `${r.closed} trade(s) auto-closed` : \"No trades needed closing\");\n await load();\n }\n\n const openTrades = trades.filter((t) => t.status === \"OPEN\");\n const closedTrades = trades.filter((t) => t.status !== \"OPEN\");\n const totalPnl = closedTrades.reduce((sum, t) => sum + (t.pnl ?? 0), 0);\n const wins = closedTrades.filter((t) => (t.pnl ?? 0) > 0).length;\n const losses = closedTrades.filter((t) => (t.pnl ?? 0) <= 0).length;\n const price = quote?.price ?? 0;\n\n return (\n

\n {msg &&

{msg}

}\n\n {/* Stats */}\n

{openTrades.length}

Open Trades

= 0 ? \"text-emerald-400\" : \"text-red-400\"}`}>\n {totalPnl >= 0 ? \"+\" : \"\"}{totalPnl.toFixed(2)}\n

Total P&L

{wins}

Wins

{losses}

Losses

\n\n

\n {/* Open new trade */}\n \n

\n {price > 0 &&

Live Price: {price.toFixed(2)}

}\n

\n \n \n

\n setEntry(e.target.value)} />\n setSl(e.target.value)} />\n setTp(e.target.value)} />\n setSize(e.target.value)} />\n Open Trade\n Check SL/TP Hits\n

\n \n\n {/* Open positions */}\n \n {openTrades.length === 0 ?

No open trades.

: (\n

\n {openTrades.map((t) => {\n const unrealizedPnl = t.direction === \"BUY\" ? (price - t.entry) * t.size * 100 : (t.entry - price) * t.size * 100;\n return (\n

\n {t.direction}\n {t.entry}\n {t.source === \"AUTO\" ? \"🤖 auto\" : \"👤 manual\"}\n

\n closeTrade(t.id)} className=\"text-xs px-2 py-1\">Close\n

SL: {t.stopLoss}

TP: {t.takeProfit}

Size: {t.size}

P&L: = 0 ? \"text-emerald-400\" : \"text-red-400\"}`}>{unrealizedPnl >= 0 ? \"+\" : \"\"}{unrealizedPnl.toFixed(2)}

\n {t.note &&

{t.note}

}\n

\n );\n })}\n

\n )}\n \n

\n\n {/* Trade history */}\n \n {loading ?

Loading…

:\n closedTrades.length === 0 ?

No closed trades yet.

: (\n

\n {closedTrades.slice(0, 20).map((t) => (\n

\n {t.direction}\n Entry: {t.entry}\n Close: {t.closePrice?.toFixed(2) ?? \"—\"}\n = 0 ? \"text-emerald-400\" : \"text-red-400\"}`}>\n {(t.pnl ?? 0) >= 0 ? \"+\" : \"\"}{(t.pnl ?? 0).toFixed(2)}\n \n {t.status.replace(\"CLOSED_\", \"\")}\n {t.closedAt ? new Date(t.closedAt).toLocaleString() : \"\"}\n

\n ))}\n

\n )}\n \n

\n );\n}\n",[],[230,315,349,375],"7ee9b568-c100-447e-9295-7defb3146ba7","Dashboard.tsx","1472f94c-7d77-11f1-a19f-1607ee4eb77e",20,["D",1783808582225],"/** @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, type ProtectionAlert } from \"../api.ts\";\nimport { Card, Btn } from \"../components/ui.tsx\";\nimport { CandleChart } from \"../components/Chart.tsx\";\n\nconst TIMEFRAMES = [\"1min\", \"5min\", \"15min\", \"30min\", \"1h\", \"1day\"];\n\nconst LEVEL_STYLES: Record = {\n SAFE: \"bg-emerald-500/15 text-emerald-400 border-emerald-500/30\",\n CAUTION: \"bg-amber-500/15 text-amber-400 border-amber-500/30\",\n DANGER: \"bg-red-500/15 text-red-400 border-red-500/30\",\n CRITICAL: \"bg-red-600/30 text-red-300 border-red-600/50\",\n};\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 [alerts, setAlerts] = useState([]);\n const [sourceSignals, setSourceSignals] = 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 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) { setMsg(String((e as Error).message)); }\n finally { setLoading(false); }\n }\n\n async function loadMeta() {\n setSignals(await api.signals(5).catch(() => []));\n setAlerts(await api.protection(5).catch(() => []));\n setSourceSignals(await api.sourceSignals().catch(() => []));\n setSettings(await api.settings().catch(() => null));\n }\n\n useEffect(() => { loadMeta(); }, []);\n useEffect(() => { loadChart(tf); }, [tf]);\n\n async function protectNow() {\n setScanning(true); setMsg(null);\n try {\n const r = await api.protect();\n if (!r.ok) setMsg(\"Protection check failed: \" + r.error);\n else setMsg(`🛡️ Protection: ${r.protection.level} (${r.protection.score}/100) — ${r.protection.recommendedAction}${r.autoTraded ? \" | auto-traded!\" : \"\"}${r.telegramSent ? \" | sent to Telegram\" : \"\"}`);\n await loadMeta(); await loadChart();\n } catch (e) { setMsg(String((e as Error).message)); }\n finally { setScanning(false); }\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 async function toggleAutoTrade() {\n if (!settings) return;\n await api.updateSettings({ autoTrade: !settings.autoTrade });\n setSettings({ ...settings, autoTrade: !settings.autoTrade });\n }\n\n const up = (quote?.change ?? 0) >= 0;\n const latestAlert = alerts[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 {latestAlert && (\n

\n {latestAlert.level}\n Risk Score: {latestAlert.score}/100\n Action: {latestAlert.action}\n

\n {new Date(latestAlert.createdAt).toLocaleTimeString()}\n

\n {latestAlert.signals.length > 0 && (\n

\n {latestAlert.signals.slice(0, 3).map((s, i) =>

• {s.message}

)}\n

\n )}\n

\n )}\n\n

\n \n

XAU/USD

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

\n {quote && (\n

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

\n )}\n

\n \n {scanning ? \"Checking…\" : \"🛡️ Run Protection Check\"}\n \n \n {settings?.botRunning ? \"⏹ Stop Auto-Check\" : \"▶ Start Auto-Check\"}\n \n \n {settings?.autoTrade ? \"🤖 Auto-Trade: ON\" : \"🤖 Auto-Trade: OFF\"}\n \n {settings && (\n

\n Auto-check 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 {sourceSignals.length > 0 && (\n \n

\n {sourceSignals.slice(0, 3).map((s) => (\n

\n {s.direction}\n {s.confidence}%\n Entry: {s.entry}\n SL: {s.stopLoss}\n {new Date(s.createdAt).toLocaleString()}\n

\n ))}\n

\n \n )}\n\n

\n \n {alerts.length === 0 ?

No alerts yet. Click Run Protection Check to start.

: (\n

\n {alerts.slice(0, 5).map((a) => (\n

\n {a.level} ({a.score}/100)\n {new Date(a.createdAt).toLocaleTimeString()}\n

{a.signals.length} signals · {a.action}

\n ))}\n

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

No signals yet.

: (\n

\n {signals.slice(0, 5).map((s) => (\n

\n {s.direction}\n {s.confidence}%\n {s.session}\n {new Date(s.createdAt).toLocaleTimeString()}\n

\n ))}\n

\n )}\n \n

\n );\n}\n",[],[230,315,349,383],"8a3e1ac9-3072-4b74-9ef5-e522d7f75594",["D",1783808477314],[180,181,182,183,184,185],[230,315,349],"401c84f5-e42b-43a8-a706-d853a4358a4f","ui.tsx","019f5342-05a5-715f-a222-19c594e830be","019f5342-05a5-715f-a222-170acb53569c",3,["D",1783808263592],"/** @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",[],[230,315,403,395],"components","d55e0e00-1592-4c73-87cd-95514c6b4538","Chart.tsx","019f5342-05a5-715f-a222-1df467ae274e",["D",1783808263592],"/** @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",[],[230,315,403,405],"4fd9465d-b58d-4bf5-ae04-ebc646247020",["D",1783808263592],[177,178],[230,315,403],"30ce04f6-d815-4074-800c-88f6e59ae45e",["D",1783808263592],[176,179,186,187,188,189],[230,315],"f79a2034-d13e-4f9e-878e-b91462e29fde",["D",1783808256047],[175,190],[230],["D",1783808403250],[],[18,65],["D",1783808403250],[173],[18],["D",1783808251262],["D",1789526460011],{"_11":12,"_127":71},{"_11":12,"_122":123,"_70":71,"_31":69,"_124":125,"_126":30},{"_39":113,"_13":16,"_33":36,"_114":75,"_115":-5,"_116":-5,"_117":-5,"_118":-5,"_119":-5,"_120":14,"_121":12},"ctx",{"_53":-5,"_146":467,"_468":469,"_470":471,"_472":30,"_473":30,"_474":30,"_475":24,"_476":-5,"_477":-7,"_478":-7,"_479":26,"_480":30,"_481":30,"_482":-5,"_483":30,"_484":30,"_485":30,"_486":-5},"ENV",{"_438":439,"_440":441,"_442":16,"_443":444,"_445":446,"_447":448,"_449":450,"_451":452,"_453":454,"_455":456,"_457":458,"_459":460,"_461":462,"_463":464,"_465":466},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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