\n \n\n\n",[],[241,316,318],"bb86c695-e3ac-4cb5-b7e5-c70a2df83594","api.ts","019f6bd6-7eb5-772f-9280-eff2b57f5eae",10,["D",1784220743166],3,"// 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: opts?.body instanceof FormData\n ? { ...(opts?.headers ?? {}) }\n : { \"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}\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 extractStrategy: (file: File) => {\n const form = new FormData();\n form.append(\"file\", file);\n return req<{ transcript: string; strategies: any[]; summary: string; error?: string }>(\n `/api/bot/extract-strategy`,\n { method: \"POST\", body: form as any },\n );\n },\n};\n",[],[241,316,325],"0560717c-7a84-463e-8661-f1a05a451bb5","App.tsx","019f6bd6-7eb5-772f-9280-ea5e189a70b3",11,["D",1784220743166],"/** @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\";\nimport { VideoStrategy } from \"./tabs/VideoStrategy.tsx\";\n\nconst TABS = [\n { id: \"dashboard\", label: \"Dashboard\", icon: \"📊\" },\n { id: \"video\", label: \"Video Strategy\", 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 === \"video\" && }\n {tab === \"signals\" && }\n {tab === \"strategies\" && }\n {tab === \"settings\" && }\n {tab === \"telegram\" && }\n

\n\n \n

\n );\n}\n",[],[241,316,334],"6a41a4f2-204e-4e42-89f7-03aa269beeff","VideoStrategy.tsx","a61aa6a2-8136-11f1-864b-1607ee4eb77e","019f6bd6-7eb5-772f-9280-e6648c342c0a",5,["D",1784220713968],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { 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\ninterface ExtractedStrategy {\n name: string;\n description: string;\n side: \"bullish\" | \"bearish\";\n weight: number;\n indicator: string;\n operator: string;\n value: number;\n reasoning: string;\n}\n\ninterface ExtractionResult {\n transcript: string;\n strategies: ExtractedStrategy[];\n summary: string;\n}\n\nconst MAX_SIZE = 25 * 1024 * 1024; // 25MB Groq limit\nconst ACCEPTED = \".mp4,.mov,.m4a,.mp3,.wav,.webm,.ogg,.flac,.aac,.mkv,.avi\";\n\nexport function VideoStrategy() {\n const [file, setFile] = useState(null);\n const [loading, setLoading] = useState(false);\n const [result, setResult] = useState(null);\n const [error, setError] = useState(\"\");\n const [saved, setSaved] = useState>(new Set());\n\n function onFileChange(e: React.ChangeEvent) {\n const f = e.target.files?.[0];\n if (!f) return;\n if (f.size > MAX_SIZE) {\n setError(`File too large (${(f.size / 1024 / 1024).toFixed(1)}MB). Max 25MB for Groq Whisper.`);\n setFile(null);\n return;\n }\n setError(\"\");\n setFile(f);\n setResult(null);\n setSaved(new Set());\n }\n\n async function extract() {\n if (!file) return;\n setLoading(true);\n setError(\"\");\n setResult(null);\n try {\n const r = await api.extractStrategy(file);\n setResult(r);\n } catch (e: any) {\n setError(e.message || String(e));\n }\n setLoading(false);\n }\n\n async function saveStrategy(s: ExtractedStrategy, idx: number) {\n try {\n await api.createStrategy({\n name: s.name,\n description: s.description,\n side: s.side,\n weight: s.weight,\n active: true,\n condition: { indicator: s.indicator, operator: s.operator, value: s.value },\n } as any);\n setSaved((prev) => new Set(prev).add(idx));\n } catch (e: any) {\n setError(e.message || String(e));\n }\n }\n\n async function saveAll() {\n if (!result) return;\n for (let i = 0; i < result.strategies.length; i++) {\n if (!saved.has(i)) await saveStrategy(result.strategies[i], i);\n }\n }\n\n const fmtSize = (b: number) => b > 1024 * 1024 ? `${(b / 1024 / 1024).toFixed(1)}MB` : `${(b / 1024).toFixed(0)}KB`;\n\n return (\n

\n {/* Upload card */}\n \n

\n Upload a trading strategy video and AI will automatically transcribe it,\n extract the trading rules, and save them as strategies for your bot.\n

\n\n \n

🎬

\n {file ? (\n

{file.name}

{fmtSize(file.size)}

\n ) : (\n

Click to select a video or audio file

MP4, MOV, M4A, MP3, WAV, WebM — max 25MB

\n )}\n

\n \n \n\n {error &&

✕ {error}

}\n\n \n {loading ? \"🔄 Transcribing & extracting...\" : \"Extract Strategies from Video\"}\n \n\n {loading && (\n

\n This can take 30-60 seconds depending on video length.\n

\n )}\n\n

How it works:

Video/audio is transcribed with Groq Whisper (free)
AI extracts trading rules from the transcript
Review extracted strategies and save to your bot

\n \n\n {/* Results card */}\n \n {!result && !loading && (\n

\n Upload a video and click extract to see strategies here.\n

\n )}\n\n {loading && (\n

🤖

\n Processing your video...\n

\n )}\n\n {result && (\n

Summary

{result.summary}

\n\n {result.strategies.length === 0 ? (\n

\n No specific trading rules were found in this video. Try a video that\n explains clear entry/exit conditions.\n

\n ) : (\n <>\n

\n \n {result.strategies.length} strateg{result.strategies.length === 1 ? \"y\" : \"ies\"} found\n \n \n Save All\n \n

\n\n {result.strategies.map((s, i) => (\n

\n \n {s.side}\n \n {s.name}\n w:{s.weight}\n

\n {saved.has(i) ? (\n ✓ Saved\n ) : (\n saveStrategy(s, i)} className=\"text-xs\">\n Save\n \n )}\n

{s.description}

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

{s.reasoning}

\n ))}\n\n

\n View full transcript ({result.transcript.length} chars)\n

\n {result.transcript}\n

\n \n )}\n

\n )}\n \n

\n );\n}\n",[],[241,316,350,342],"tabs","bd6c47ac-372c-4da1-b2eb-5807283c95a3","TelegramTab.tsx","019f6bd6-7eb5-772f-9280-e0750cef63b6",["D",1784220647036],"/** @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",[],[241,316,350,352],"8e3f9823-e3bb-4f3a-9e6a-605fbd138e24","Strategies.tsx","019f6bd6-7eb5-772f-9280-dce2b1f5a370",["D",1784220647036],"/** @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",[],[241,316,350,359],"bb87c728-b5dd-401a-9eb4-25ddd108a738","Signals.tsx","019f6bd6-7eb5-772f-9280-d849d4bda5c4",["D",1784220647036],"/** @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",[],[241,316,350,366],"5d5c9abe-4ae9-4df2-8f5c-4b1effa89e59","SettingsTab.tsx","019f6bd6-7eb5-772f-9280-d4d813dc7ba3",["D",1784220647036],"/** @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",[],[241,316,350,373],"af26cbe5-6b6a-413a-8888-9dfddd851c12","Dashboard.tsx","019f6bd6-7eb5-772f-9280-d2ac2820d84b",["D",1784220647036],"/** @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",[],[241,316,350,380],"58ddec71-fe71-410b-a797-f569bb9a3962",["D",1784220647036],[193,194,195,196,197,198],[241,316,350],"fef17e29-ec47-4e5a-9abb-bc9123f5c0d7","ui.tsx","019f6bd6-7eb5-772f-9280-cbe7af115820","019f6bd6-7eb5-772f-9280-cc0ff61b6370",["D",1784220647036],"/** @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",[],[241,316,398,391],"components","c4c6d646-1faa-4f6e-b15b-9246049add66","Chart.tsx","019f6bd6-7eb5-772f-9280-c5a174d11b0d",["D",1784220647036],"/** @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",[],[241,316,398,400],"cdb5560a-3e49-4e67-af3c-70a84f78fac9",["D",1784220647036],[190,191],[241,316,398],"66d54f9d-5c8d-4384-a74b-ef117f2a38b7",["D",1784220647036],[189,192,199,200,201,202],[241,316],"75547b1b-83db-4b4d-83f9-1f23557ddc76",["D",1784220647036],[188,203],[241],["D",1784220647036],[],[18,68],["D",1784220647036],[186],[18],["D",1784220647036],["D",1789472446807],{"_11":12,"_130":74},{"_11":12,"_126":12,"_73":74,"_31":72,"_127":128,"_129":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,"_151":462,"_463":464,"_465":466,"_467":30,"_468":30,"_469":30,"_470":24,"_471":-5,"_472":-7,"_473":-7,"_474":26,"_475":30,"_476":30,"_477":-5,"_478":30,"_479":30,"_480":30,"_481":-5},"ENV",{"_433":434,"_435":436,"_437":16,"_438":439,"_440":441,"_442":443,"_444":445,"_446":447,"_448":449,"_450":451,"_452":453,"_454":455,"_456":457,"_458":459,"_460":461},"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