- {loadErr && (
-
- {loadErr}
+
+ {/* Link to Trades page for bot config */}
+
+
+
+
Bot & exchange settings
+
+ Position size, leverage, TP/SL, Hyperliquid API key, and subscription are managed on the Trades page.
+
- )}
- {section === 'bot' &&
}
- {section === 'exchange' &&
}
- {section === 'account' &&
}
+
+ Go to Trades →
+
+
+
+
+ {/* Legal links */}
+
+
Legal
+
+
)
diff --git a/app/[locale]/terms/page.tsx b/app/[locale]/terms/page.tsx
new file mode 100644
index 0000000..c862a8a
--- /dev/null
+++ b/app/[locale]/terms/page.tsx
@@ -0,0 +1,62 @@
+export default function TermsPage() {
+ return (
+
+
+
+
Terms of Service
+
Last updated: April 2026
+
+
+
+
+
1. Acceptance
+
+ By connecting your wallet or using TrumpSignal, you agree to these Terms of Service. If you do not
+ agree, do not use the service.
+
+
+
2. Not Financial Advice
+
+ TrumpSignal is a research and automation tool, not a financial advisor. {' '}
+ All signals, AI analysis, and automated trades are provided for informational purposes only and do not
+ constitute investment advice. Past performance is not indicative of future results. You are solely
+ responsible for your trading decisions and any losses incurred.
+
+
+
3. Risk Disclosure
+
+ Cryptocurrency trading involves significant risk of loss. Leveraged trading can result in losses
+ exceeding your initial investment. By enabling the automated bot, you acknowledge these risks and
+ accept full responsibility for all trades executed on your behalf.
+
+
+
4. Permitted Use
+
+ You may use TrumpSignal for personal, non-commercial purposes. You may not reverse-engineer, scrape,
+ resell, or redistribute any data or signals from the platform. You are responsible for ensuring your
+ use complies with applicable laws in your jurisdiction.
+
+
+
5. Service Availability
+
+ We strive for high availability but make no guarantee of uptime. Scheduled maintenance, infrastructure
+ failures, or third-party API outages may interrupt service. We are not liable for missed trades or
+ losses resulting from service interruptions.
+
+
+
6. Modifications
+
+ We may update these Terms at any time. Continued use of the service after changes constitutes
+ acceptance of the updated Terms.
+
+
+
7. Limitation of Liability
+
+ To the maximum extent permitted by law, TrumpSignal and its operators shall not be liable for any
+ indirect, incidental, or consequential damages arising from your use of the service, including trading
+ losses.
+
+
+
+ )
+}
diff --git a/app/[locale]/trades/page.tsx b/app/[locale]/trades/page.tsx
index ee61f17..c5c2131 100644
--- a/app/[locale]/trades/page.tsx
+++ b/app/[locale]/trades/page.tsx
@@ -1,9 +1,13 @@
'use client'
import { useState, useEffect } from 'react'
+import { useAccount, useConnect, useSignMessage } from 'wagmi'
import type { BotTrade, TrumpPost } from '@/types'
-import { getTrades, getPosts } from '@/lib/api'
+import { getTrades, getPosts, getUserPublic, getUser, setUserSettings, setHlApiKey, subscribe, type UserSettings } from '@/lib/api'
+import { useDashboardStore } from '@/store/dashboard'
+import { signRequest, getOrCreateViewEnvelope, getCachedViewEnvelope } from '@/lib/signedRequest'
+// ─── helpers ──────────────────────────────────────────────────────────────────
function fmtMoney(n: number, opts: { sign?: boolean; decimals?: number } = {}) {
const { decimals = 2, sign = false } = opts
if (n == null || isNaN(n)) return '—'
@@ -13,12 +17,7 @@ function fmtMoney(n: number, opts: { sign?: boolean; decimals?: number } = {}) {
if (sign && n > 0) return '+$' + s
return '$' + s
}
-
-function fmtPct(n: number) {
- const s = n.toFixed(2) + '%'
- return n >= 0 ? '+' + s : s
-}
-
+function fmtPct(n: number) { return (n >= 0 ? '+' : '') + n.toFixed(2) + '%' }
function fmtHold(s: number) {
if (s < 60) return s + 's'
const m = Math.floor(s / 60)
@@ -26,11 +25,636 @@ function fmtHold(s: number) {
return Math.floor(m / 60) + 'h ' + (m % 60) + 'm'
}
-function SourceIcon({ source }: { source: string }) {
- if (source === 'x') return
𝕏
- return
T
+// Defaults shown to a brand-new, un-configured wallet. take_profit_pct,
+// stop_loss_pct and daily_budget_usd are all REQUIRED before the bot will
+// trade — we still initialise them so the inputs have sensible placeholders.
+const DEFAULT_SETTINGS: UserSettings = {
+ leverage: 3, position_size_usd: 20, take_profit_pct: 2, stop_loss_pct: 1.5,
+ min_confidence: 70, daily_budget_usd: 15,
+ active_from: null, active_until: null,
}
+// ── datetime-local helpers (browser local tz ↔ ISO UTC) ──
+function isoToLocalInput(iso: string | null): string {
+ if (!iso) return ''
+ const d = new Date(iso)
+ if (isNaN(d.getTime())) return ''
+ const pad = (n: number) => String(n).padStart(2, '0')
+ return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`
+}
+function localInputToIso(v: string): string | null {
+ if (!v) return null
+ const d = new Date(v) // interpreted as local time
+ if (isNaN(d.getTime())) return null
+ return d.toISOString()
+}
+
+// ─── Bot config panel ─────────────────────────────────────────────────────────
+function BotConfigPanel() {
+ const { address, isConnected } = useAccount()
+ const { connect, connectors } = useConnect()
+ const { signMessageAsync } = useSignMessage()
+ const { isSubscribed, hlApiKeySet, hlApiKeyMasked, botReadiness, setSubscribed, setBotReadiness, setHlApiKeySet } = useDashboardStore()
+
+ const [settings, setSettings] = useState
(DEFAULT_SETTINGS)
+ // Tracks whether the SERVER already has values for these required fields.
+ // Used to flag "setup incomplete" until the user saves for the first time.
+ const [tpConfigured, setTpConfigured] = useState(false)
+ const [slConfigured, setSlConfigured] = useState(false)
+ const [budgetConfigured, setBudgetConfigured] = useState(false)
+ const [useSchedule, setUseSchedule] = useState(false)
+ const [fromLocal, setFromLocal] = useState('')
+ const [untilLocal, setUntilLocal] = useState('')
+ const [dirty, setDirty] = useState(false)
+ const [saveState, setSaveState] = useState<'idle'|'signing'|'saving'|'ok'|'err'>('idle')
+ const [saveErr, setSaveErr] = useState('')
+
+ // HL key state
+ const [apiKey, setApiKey] = useState('')
+ const [keyState, setKeyState] = useState<'idle'|'signing'|'saving'|'ok'|'err'>('idle')
+ const [keyErr, setKeyErr] = useState('')
+
+ // Subscribe state
+ const [subState, setSubState] = useState<'idle'|'signing'|'saving'|'err'>('idle')
+ const [subErr, setSubErr] = useState('')
+
+ // Mounted flag: avoid SSR/CSR mismatch since wagmi state differs between the two.
+ const [mounted, setMounted] = useState(false)
+ useEffect(() => { setMounted(true) }, [])
+
+ // Settings-load state ("idle" | "loading" | "loaded" | "err"). We do NOT
+ // auto-pop MetaMask — only fetch with a cached signature; otherwise wait
+ // for the user to click "Load settings".
+ const [loadState, setLoadState] = useState<'idle'|'loading'|'loaded'|'err'>('idle')
+ const [loadErr, setLoadErr] = useState('')
+
+ // Apply a fetched user payload into local form state.
+ function applyUserPayload(u: { active: boolean; hl_api_key_set: boolean; hl_api_key_masked: string | null; settings: UserSettings }) {
+ setSubscribed(u.active)
+ setHlApiKeySet(u.hl_api_key_set, u.hl_api_key_masked ?? undefined)
+ if (u.settings) {
+ // Fall back to defaults when server returns null so the inputs are
+ // still usable, but remember which required fields weren't configured
+ // so we can show the "Setup incomplete" warning.
+ const s = u.settings
+ setTpConfigured(s.take_profit_pct != null)
+ setSlConfigured(s.stop_loss_pct != null)
+ setBudgetConfigured(s.daily_budget_usd != null)
+ setBotReadiness(u.hl_api_key_set ? 'saved' : 'unknown')
+ setSettings({
+ ...s,
+ take_profit_pct: s.take_profit_pct ?? 2,
+ stop_loss_pct: s.stop_loss_pct ?? 1.5,
+ daily_budget_usd: s.daily_budget_usd ?? 15,
+ })
+ const hasSched = s.active_from != null && s.active_until != null
+ setUseSchedule(hasSched)
+ setFromLocal(isoToLocalInput(s.active_from))
+ setUntilLocal(isoToLocalInput(s.active_until))
+ }
+ }
+
+ // On connect: fetch public state only (no signature). If a fresh view
+ // envelope is already cached in sessionStorage, silently hydrate full data.
+ useEffect(() => {
+ if (!mounted || !isConnected || !address) return
+ let cancelled = false
+ ;(async () => {
+ const pub = await getUserPublic(address.toLowerCase()).catch(() => null)
+ if (!pub || cancelled) return
+ setSubscribed(pub.active)
+ setHlApiKeySet(pub.hl_api_key_set)
+ setBotReadiness(pub.hl_api_key_set ? 'saved' : 'unknown')
+ if (!pub.active) return
+ // Silent rehydrate: only if an unexpired cached envelope exists.
+ const cached = getCachedViewEnvelope('view_user', address)
+ if (!cached) return
+ const u = await getUser(address, cached).catch(() => null)
+ if (!u || cancelled) return
+ applyUserPayload(u)
+ setLoadState('loaded')
+ })()
+ return () => { cancelled = true }
+ }, [address, isConnected, mounted])
+
+ // Explicit "Load settings" — the only place that may pop MetaMask.
+ async function handleLoadSettings() {
+ if (!address) return
+ setLoadErr(''); setLoadState('loading')
+ try {
+ const env = await getOrCreateViewEnvelope({ action: 'view_user', wallet: address, signMessageAsync })
+ const u = await getUser(address, env)
+ applyUserPayload(u)
+ setLoadState('loaded')
+ } catch (e: unknown) {
+ const m = e instanceof Error ? e.message : ''
+ setLoadErr(m.includes('rejected') || m.includes('denied') ? 'Cancelled' : m.slice(0, 120))
+ setLoadState('err')
+ }
+ }
+
+ async function refreshUserState(wallet: string) {
+ const pub = await getUserPublic(wallet.toLowerCase())
+ setSubscribed(pub.active)
+ setHlApiKeySet(pub.hl_api_key_set)
+ setBotReadiness(pub.hl_api_key_set ? 'saved' : 'unknown')
+ return pub
+ }
+
+ function updateSettings(patch: Partial) {
+ setSettings(s => ({ ...s, ...patch }))
+ setDirty(true)
+ }
+
+ async function handleSubscribe() {
+ if (!address) return
+ setSubErr(''); setSubState('signing')
+ try {
+ const env = await signRequest({ action: 'subscribe', wallet: address, body: null, signMessageAsync })
+ setSubState('saving')
+ await subscribe(env)
+ setSubscribed(true)
+ void refreshUserState(address)
+ setSubState('idle')
+ // Fresh subscribers have no settings/trades/api-key yet — skip the
+ // view_user fetch entirely so they don't have to sign a SECOND popup
+ // immediately after subscribing. The defaults in local state are fine;
+ // we mark loadState='loaded' so the UI shows the configuration form.
+ setTpConfigured(false)
+ setSlConfigured(false)
+ setBudgetConfigured(false)
+ setLoadState('loaded')
+ } catch (e: unknown) {
+ const m = e instanceof Error ? e.message : ''
+ setSubErr(m.includes('rejected') || m.includes('denied') ? 'Cancelled' : m.slice(0, 100))
+ setSubState('err')
+ }
+ }
+
+ async function handleSaveSettings() {
+ if (!address) return
+ setSaveErr(''); setSaveState('signing')
+ try {
+ let schedFrom: string | null = null
+ let schedUntil: string | null = null
+ if (useSchedule) {
+ schedFrom = localInputToIso(fromLocal)
+ schedUntil = localInputToIso(untilLocal)
+ if (!schedFrom || !schedUntil) {
+ setSaveErr('Pick both a start and end time'); setSaveState('err'); return
+ }
+ if (new Date(schedUntil).getTime() <= new Date(schedFrom).getTime()) {
+ setSaveErr('End must be after start'); setSaveState('err'); return
+ }
+ }
+ // TP, SL and daily budget are mandatory; enforce here before signing.
+ const tp = settings.take_profit_pct, sl = settings.stop_loss_pct, bd = settings.daily_budget_usd
+ if (tp == null || tp < 0.1 || tp > 50) { setSaveErr('Take profit must be 0.1 – 50%'); setSaveState('err'); return }
+ if (sl == null || sl < 0.1 || sl > 50) { setSaveErr('Stop loss must be 0.1 – 50%'); setSaveState('err'); return }
+ if (bd == null || bd <= 0 || bd > 100000) { setSaveErr('Daily budget must be > $0'); setSaveState('err'); return }
+ const payload: UserSettings = {
+ ...settings,
+ take_profit_pct: tp,
+ stop_loss_pct: sl,
+ daily_budget_usd: bd,
+ active_from: schedFrom,
+ active_until: schedUntil,
+ }
+ const env = await signRequest({ action: 'set_settings', wallet: address, body: payload, signMessageAsync })
+ setSaveState('saving')
+ await setUserSettings(env, payload)
+ setSettings(payload)
+ setTpConfigured(true); setSlConfigured(true); setBudgetConfigured(true)
+ setBotReadiness('saved')
+ setDirty(false)
+ setSaveState('ok')
+ setTimeout(() => setSaveState('idle'), 2000)
+ } catch (e: unknown) {
+ const m = e instanceof Error ? e.message : ''
+ setSaveErr(m.includes('rejected') ? 'Cancelled' : m.slice(0, 100))
+ setSaveState('err')
+ }
+ }
+
+ async function handleSaveKey() {
+ if (!address || !apiKey.trim()) return
+ const trimmed = apiKey.trim()
+ if (!trimmed.startsWith('0x') || trimmed.length !== 66) {
+ setKeyErr('Must be 0x + 64 hex chars'); setKeyState('err'); return
+ }
+ setKeyErr(''); setKeyState('signing')
+ try {
+ const env = await signRequest({ action: 'set_hl_api_key', wallet: address, body: { api_key: trimmed }, signMessageAsync })
+ setKeyState('saving')
+ const res = await setHlApiKey(env, trimmed)
+ setHlApiKeySet(true, res.masked_key)
+ setBotReadiness('saved')
+ void refreshUserState(address)
+ setApiKey('')
+ setKeyState('ok')
+ } catch (e: unknown) {
+ const m = e instanceof Error ? e.message : ''
+ setKeyErr(m.includes('rejected') ? 'Cancelled' : m.slice(0, 100))
+ setKeyState('err')
+ }
+ }
+
+ function handleConnectWallet() {
+ const connector = connectors[0]
+ if (connector) connect({ connector })
+ }
+
+ // Before client mount, render a stable placeholder so SSR output matches
+ // the first client paint (avoids hydration mismatch — wagmi state differs).
+ if (!mounted) {
+ return
+ }
+
+ if (!isConnected) {
+ return (
+
+
Connect your wallet to configure the bot and view your trades.
+
+ Connect wallet
+
+
+
+ )
+
+ const saveBtnLabel =
+ saveState === 'signing' ? 'Sign in wallet…'
+ : saveState === 'saving' ? 'Saving…'
+ : saveState === 'ok' ? '✓ Saved'
+ : 'Save changes'
+ const keyHint =
+ hlApiKeySet && !apiKey
+ ? 'Saved in your bot profile. If you rotate the API wallet in Hyperliquid, update it here before trading again.'
+ : 'Use the Hyperliquid API wallet private key from app.hyperliquid.xyz/API. Never paste your MetaMask secret phrase or private key here.'
+ const keyStatusHint =
+ keyState === 'ok'
+ ? 'API wallet saved. Recommended next step: keep size tiny and run your own first BTC test before treating the setup as production-ready.'
+ : null
+
+ // ── Hyperliquid key strip (shown above the settings card) ──
+ const hlKeyStrip = (
+
+
+
+ {hlApiKeySet ? '✓' : '◇'}
+
+
+
Hyperliquid API wallet
+
+ {!isSubscribed ? 'Subscribe first to link your HL account'
+ : hlApiKeySet && !apiKey ? <>Linked · {hlApiKeyMasked ?? '···'} · trade-only scope
+ : 'Paste your API wallet private key — trade-only, never withdraw'}
+
+
+
+
+ {isSubscribed && hlApiKeySet && !apiKey && (
+ setApiKey(' ')}>Rotate
+ )}
+ {isSubscribed && (!hlApiKeySet || apiKey) && (
+ <>
+
+ {keyState === 'signing' ? 'Sign…' : keyState === 'saving' ? 'Saving…' : keyState === 'ok' ? '✓' : 'Save'}
+
+
+ )}
+
+
+ {keyHint}
+
+ {keyStatusHint && (
+
+ {keyStatusHint}
+
+ )}
+ {keyState === 'err' && (
+
{keyErr}
+ )}
+
+
+
+ {setupSteps.map((step) => (
+
+ {step.done ? '✓ ' : '○ '}
+ {step.label}
+
+ ))}
+
+
+ {setupGuideMessage}
+
+
+
+ {hlKeyStrip}
+
+
+ {/* ─── Header bar ─── */}
+
+
+
Trading bot
+
Executes on Hyperliquid when a Trump post clears your filters.
+
+
+ {dirty && isSubscribed && ● Unsaved }
+ {saveState === 'err' && {saveErr} }
+ {!isSubscribed ? (
+
+ {subState === 'signing' ? 'Sign…' : subState === 'saving' ? 'Activating…' : 'Subscribe'}
+
+ ) : (
+ <>
+
+ {botReady ? '● Bot ready' : '● Bot paused'}
+
+
+ {saveBtnLabel}
+
+
+ )}
+
+
+
+ {/* ─── Setup-incomplete warning (persists until fully configured) ─── */}
+ {isSubscribed && loadState === 'loaded' && !botReady && (
+
+
⚠
+
+
Setup incomplete — the bot will not open any trades.
+
+ Finish configuring: {missingSetup.join(' · ')} . Fill every required field below and save. The bot stays paused until every box is ticked.
+
+
+
+ )}
+
+ {isSubscribed && loadState === 'loaded' && botReady && (
+
+
✓
+
+
Setup complete on this page.
+
+ Wallet subscription, API wallet storage, and risk fields are all saved. Before you rely on automation, use your own account to run one tiny BTC test and confirm the live trade path behaves the way you expect.
+
+
+
+ )}
+
+ {!isSubscribed ? (
+
+ Subscribe to activate automated trading. The bot signs positions on Hyperliquid using an API wallet scoped to trade-only — it can never withdraw. You pick the size, leverage, risk limits, and signal threshold below.
+ {subState === 'err' &&
{subErr}
}
+
+ ) : loadState !== 'loaded' ? (
+
+
+ Sign a one-time message with your wallet to load your bot settings and trade history. The signature is cached for 4 minutes so repeat visits won't prompt again.
+
+
+
+ {loadState === 'loading' ? 'Waiting for signature…' : 'Load my settings'}
+
+ {loadState === 'err' && {loadErr} }
+
+
+ ) : (
+
+ {/* ─── EXECUTION ─── */}
+
+
+
+
+ Per-trade size
+ Notional in USD. margin ≈ ${(settings.position_size_usd / settings.leverage).toFixed(2)} at {settings.leverage}×
+
+
+
+ $
+
+
$5 – $10,000
+
+
+
+
+
+ Leverage
+ Applied to every position
+
+
+
+
updateSettings({ leverage: +e.target.value })} />
+
1× 25× 50×
+
+
{settings.leverage}×
+
+
+
+
+
+ Min AI confidence
+ Skip any signal below this score (0–100)
+
+
+
+
updateSettings({ min_confidence: +e.target.value })} />
+
0 50 100
+
+
{settings.min_confidence}%
+
+
+
+ {/* ─── LIMITS ─── */}
+
+
+
+
+ Daily budget *
+ Stop opening new trades once the day's total notional reaches this (UTC). Required.
+
+
+
+ $
+ /day
+
+ {!budgetConfigured &&
Not configured }
+
+
+
+
+
+ Take profit *
+ Auto-close when unrealised gain hits target. Required.
+
+
+
+ % gain
+
+ {!tpConfigured &&
Not configured }
+
+
+
+
+
+ Stop loss *
+ Auto-close when drawdown hits limit. Required.
+
+
+
+ % loss
+
+ {!slConfigured &&
Not configured }
+
+
+
+ {/* ─── SCHEDULE ─── */}
+
+
+
+
+ Only run in a window
+ Bot ignores signals outside this range. Shown in your browser's local time.
+
+
+
{ setUseSchedule(v); setDirty(true) }} />
+ {useSchedule && (
+
+
+ From
+
+
→
+
+ Until
+
+
+
+
+ {useSchedule && fromLocal && untilLocal && (() => {
+ const fromMs = new Date(fromLocal).getTime()
+ const untilMs = new Date(untilLocal).getTime()
+ const nowMs = Date.now()
+ if (isNaN(fromMs) || isNaN(untilMs) || untilMs <= fromMs) return null
+ const inWindow = nowMs >= fromMs && nowMs < untilMs
+ const durMs = untilMs - fromMs
+ const durH = durMs / 3600000
+ const durLabel = durH < 1 ? `${Math.round(durH * 60)} min`
+ : durH < 48 ? `${durH.toFixed(1)} h`
+ : `${(durH / 24).toFixed(1)} d`
+ return (
+
+
+
+
+ {inWindow ? '● In window now' : '○ Outside window'}
+
+ Duration: {durLabel}
+
+
+ )
+ })()}
+
+ )}
+
+
([])
const [posts, setPosts] = useState([])
@@ -40,12 +664,10 @@ export default function TradesPage() {
useEffect(() => {
Promise.all([
- getTrades(200, 1).catch(() => []),
+ getTrades(100, 1).catch(() => []),
getPosts(500, 1).catch(() => []),
- ]).then(([t, p]) => {
- setTrades(t)
- setPosts(p)
- }).finally(() => setLoading(false))
+ ]).then(([t, p]) => { setTrades(t); setPosts(p) })
+ .finally(() => setLoading(false))
}, [])
const filtered = trades.filter(t => {
@@ -54,8 +676,11 @@ export default function TradesPage() {
return true
})
- const totalPnl = filtered.reduce((s, t) => s + t.pnl_usd, 0)
- const wins = filtered.filter(t => t.pnl_usd > 0).length
+ // Trades closed externally on HL may have null pnl_usd — exclude from aggregates.
+ const priced = filtered.filter(t => t.pnl_usd !== null && t.pnl_usd !== undefined)
+ const totalPnl = priced.reduce((s, t) => s + (t.pnl_usd ?? 0), 0)
+ const wins = priced.filter(t => (t.pnl_usd ?? 0) > 0).length
+ const losses = priced.length - wins
const avgHold = filtered.length > 0 ? Math.round(filtered.reduce((s, t) => s + t.hold_seconds, 0) / filtered.length) : 0
return (
@@ -63,108 +688,90 @@ export default function TradesPage() {
Trades
-
Every trade your bot executed. Transparent and auditable.
-
-
-
30 days
+
Bot configuration · execution history · P&L
-
-
-
Total trades
-
{filtered.length}
-
Filtered
+ {/* Bot config: settings + HL key */}
+
+
+ {/* Stats */}
+
+
Total trades
{filtered.length}
+
Win rate
{priced.length ? ((wins/priced.length)*100).toFixed(1)+'%' : '—'}
{wins}W · {losses}L
+
Net P&L
{fmtMoney(totalPnl,{sign:true,decimals:0})}
+
Avg hold
{avgHold ? fmtHold(avgHold) : '—'}
+
+
+ {/* Filters */}
+
+
+ {(['all','BTC','ETH'] as const).map(a => (
+ setAssetFilter(a)}>
+ {a==='all'?'All assets':a}
+
+ ))}
-
-
Win rate
-
{filtered.length ? ((wins / filtered.length) * 100).toFixed(1) + '%' : '—'}
-
{wins}W · {filtered.length - wins}L
-
-
-
Net P&L
-
{fmtMoney(totalPnl, { sign: true, decimals: 0 })}
-
All assets
-
-
-
Avg hold
-
{avgHold ? fmtHold(avgHold) : '—'}
-
Per trade
+
+ {(['all','long','short'] as const).map(s => (
+ setSideFilter(s)}>
+ {s.charAt(0).toUpperCase()+s.slice(1)}
+
+ ))}
-
-
-
- {(['all', 'BTC', 'ETH'] as const).map(a => (
- setAssetFilter(a)}>
- {a === 'all' ? 'All assets' : a}
-
- ))}
-
-
- {(['all', 'long', 'short'] as const).map(s => (
- setSideFilter(s)}>
- {s.charAt(0).toUpperCase() + s.slice(1)}
-
- ))}
-
-
-
-
- {loading &&
Loading…
}
+ {loading &&
Loading…
}
{!loading && (
-
+
- Asset
- Side
- Entry
- Exit
- Hold
- Trigger
- P&L
+ Asset Side Entry Exit
+ Hold Trigger post P&L
{filtered.length === 0 && (
- No trades found No trades found
{t.asset}
+ {t.asset}
- {t.side === 'long' ? '↗ LONG' : '↘ SHORT'} {t.side==='long'?'↗ LONG':'↘ SHORT'} ${t.entry_price.toLocaleString()}
${t.exit_price.toLocaleString()}
- {fmtHold(t.hold_seconds)}
-
- {triggerPost ? (
-
-
- {triggerPost.text.slice(0, 50)}…
-
-
- ) : (
- —
- )}
+ {fmtHold(t.hold_seconds)}
+
+ {tp ? (
+
+ {tp.text.slice(0,60)}…
+
+ ) : — }
-
-
= 0 ? 'up' : 'down'}`} style={{ fontWeight: 600, fontSize: 14 }}>
- {fmtMoney(t.pnl_usd, { sign: true })}
-
-
= 0 ? 'up' : 'down'}`} style={{ fontSize: 11, opacity: 0.7 }}>{fmtPct(roiPct)}
+
+ {t.pnl_usd === null || t.pnl_usd === undefined ? (
+
+ n/a
+
+ ) : (
+ <>
+ =0?'up':'down'}`} style={{ fontWeight:600, fontSize:14 }}>
+ {fmtMoney(t.pnl_usd,{sign:true})}
+
+ =0?'up':'down'}`} style={{ fontSize:11, opacity:0.7 }}>{fmtPct(roi)}
+
+ )}
diff --git a/app/landing.css b/app/landing.css
new file mode 100644
index 0000000..a92fb0d
--- /dev/null
+++ b/app/landing.css
@@ -0,0 +1,1559 @@
+/* ============================================================
+ Landing page — fully scoped under .lp-root
+ Dark-only, self-contained. Does not touch dashboard styles.
+ ============================================================ */
+
+.lp-root {
+ --lp-bg: #0a0907;
+ --lp-bg-2: #12100c;
+ --lp-surface: rgba(255, 255, 255, 0.04);
+ --lp-surface-2: rgba(255, 255, 255, 0.07);
+ --lp-line: rgba(255, 255, 255, 0.08);
+ --lp-line-2: rgba(255, 255, 255, 0.14);
+ --lp-ink: #f5f2ea;
+ --lp-ink-2: #c9c3b5;
+ --lp-ink-3: #8a8578;
+ --lp-ink-4: #5c584e;
+ --lp-amber: #f5a524;
+ --lp-amber-2: #e68a00;
+ --lp-amber-glow: rgba(245, 165, 36, 0.35);
+ --lp-red: #ef4444;
+ --lp-green: #22c55e;
+ --lp-violet: #a78bfa;
+
+ min-height: 100vh;
+ background: var(--lp-bg);
+ color: var(--lp-ink);
+ font-family: 'Geist', ui-sans-serif, system-ui, sans-serif;
+ -webkit-font-smoothing: antialiased;
+ overflow-x: hidden;
+ position: relative;
+}
+
+.lp-root *, .lp-root *::before, .lp-root *::after {
+ box-sizing: border-box;
+}
+
+/* ---------- Animated background mesh ---------- */
+.lp-mesh {
+ position: fixed;
+ inset: 0;
+ pointer-events: none;
+ z-index: 0;
+ overflow: hidden;
+}
+.lp-mesh::before,
+.lp-mesh::after {
+ content: '';
+ position: absolute;
+ width: 60vmax;
+ height: 60vmax;
+ border-radius: 50%;
+ filter: blur(90px);
+ opacity: 0.55;
+ will-change: transform;
+}
+.lp-mesh::before {
+ background: radial-gradient(circle, rgba(245,165,36,0.45), transparent 60%);
+ top: -20vmax; left: -20vmax;
+ animation: lp-float-a 22s ease-in-out infinite;
+}
+.lp-mesh::after {
+ background: radial-gradient(circle, rgba(239,68,68,0.35), transparent 60%);
+ bottom: -20vmax; right: -20vmax;
+ animation: lp-float-b 26s ease-in-out infinite;
+}
+@keyframes lp-float-a {
+ 0%,100% { transform: translate(0,0) scale(1); }
+ 50% { transform: translate(15vw, 10vh) scale(1.15); }
+}
+@keyframes lp-float-b {
+ 0%,100% { transform: translate(0,0) scale(1); }
+ 50% { transform: translate(-12vw, -8vh) scale(1.1); }
+}
+
+/* ---------- Grid overlay ---------- */
+.lp-grid {
+ position: fixed; inset: 0; pointer-events: none; z-index: 0;
+ background-image:
+ linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
+ linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
+ background-size: 56px 56px;
+ mask-image: radial-gradient(ellipse at 50% 40%, #000 30%, transparent 80%);
+ -webkit-mask-image: radial-gradient(ellipse at 50% 40%, #000 30%, transparent 80%);
+}
+
+/* ---------- Container ---------- */
+.lp-wrap {
+ position: relative;
+ z-index: 1;
+ max-width: 1180px;
+ margin: 0 auto;
+ padding: 0 24px;
+}
+
+/* ---------- Nav ---------- */
+.lp-nav {
+ position: sticky;
+ top: 0;
+ z-index: 20;
+ backdrop-filter: blur(14px);
+ background: rgba(10,9,7,0.72);
+ border-bottom: 1px solid var(--lp-line);
+}
+.lp-nav-inner {
+ max-width: 1180px;
+ margin: 0 auto;
+ padding: 14px 24px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+.lp-logo {
+ display: flex; align-items: center; gap: 10px;
+ font-weight: 700; font-size: 15px; letter-spacing: -0.01em;
+ color: var(--lp-ink);
+ text-decoration: none;
+}
+.lp-logo-dot {
+ width: 10px; height: 10px; border-radius: 50%;
+ background: var(--lp-amber);
+ box-shadow: 0 0 16px var(--lp-amber-glow);
+ animation: lp-pulse 1.8s ease-in-out infinite;
+}
+@keyframes lp-pulse {
+ 0%,100% { transform: scale(1); opacity: 1; }
+ 50% { transform: scale(1.35); opacity: 0.7; }
+}
+.lp-nav-cta {
+ display: inline-flex; align-items: center; gap: 8px;
+ padding: 9px 16px;
+ font-size: 13px; font-weight: 600;
+ color: #0a0907;
+ background: var(--lp-amber);
+ border-radius: 999px;
+ text-decoration: none;
+ transition: transform 0.15s ease, box-shadow 0.15s ease;
+}
+.lp-nav-cta:hover {
+ transform: translateY(-1px);
+ box-shadow: 0 10px 30px var(--lp-amber-glow);
+}
+
+/* ---------- Hero ---------- */
+.lp-hero {
+ min-height: calc(100vh - 60px);
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ padding: 80px 0 100px;
+ text-align: center;
+}
+
+.lp-live-badge {
+ display: inline-flex; align-items: center; gap: 8px;
+ margin: 0 auto 28px;
+ padding: 7px 14px 7px 10px;
+ font-size: 12px; font-weight: 600;
+ color: var(--lp-ink-2);
+ background: rgba(239, 68, 68, 0.1);
+ border: 1px solid rgba(239, 68, 68, 0.25);
+ border-radius: 999px;
+ letter-spacing: 0.04em;
+ text-transform: uppercase;
+ animation: lp-fade-up 0.7s ease both;
+}
+.lp-live-dot {
+ width: 8px; height: 8px; border-radius: 50%;
+ background: var(--lp-red);
+ box-shadow: 0 0 0 0 rgba(239,68,68,0.7);
+ animation: lp-ping 1.4s infinite;
+}
+@keyframes lp-ping {
+ 0% { box-shadow: 0 0 0 0 rgba(239,68,68,0.7); }
+ 70% { box-shadow: 0 0 0 10px rgba(239,68,68,0); }
+ 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); }
+}
+
+.lp-h1 {
+ font-size: clamp(40px, 7.2vw, 88px);
+ font-weight: 800;
+ line-height: 1.02;
+ letter-spacing: -0.035em;
+ margin: 0 0 22px;
+ animation: lp-fade-up 0.9s 0.1s ease both;
+}
+.lp-h1 .grad {
+ background: linear-gradient(95deg, #ffe2a8 0%, var(--lp-amber) 45%, #ff7a3d 100%);
+ -webkit-background-clip: text;
+ background-clip: text;
+ color: transparent;
+ filter: drop-shadow(0 0 40px rgba(245,165,36,0.25));
+}
+.lp-h1 .strike {
+ position: relative;
+ display: inline-block;
+}
+.lp-h1 .strike::after {
+ content: '';
+ position: absolute;
+ left: -4px; right: -4px;
+ bottom: 0.18em;
+ height: 0.12em;
+ background: linear-gradient(90deg, var(--lp-amber), #ff7a3d);
+ transform-origin: left;
+ animation: lp-strike-in 1s 0.8s cubic-bezier(.2,.8,.2,1) both;
+}
+@keyframes lp-strike-in {
+ from { transform: scaleX(0); }
+ to { transform: scaleX(1); }
+}
+
+.lp-sub {
+ max-width: 640px;
+ margin: 0 auto 40px;
+ font-size: clamp(16px, 1.8vw, 20px);
+ line-height: 1.55;
+ color: var(--lp-ink-2);
+ animation: lp-fade-up 0.9s 0.25s ease both;
+}
+
+.lp-ctas {
+ display: flex; gap: 14px;
+ justify-content: center;
+ flex-wrap: wrap;
+ animation: lp-fade-up 0.9s 0.4s ease both;
+}
+.lp-btn {
+ display: inline-flex; align-items: center; gap: 10px;
+ padding: 16px 28px;
+ font-size: 16px; font-weight: 600;
+ border-radius: 14px;
+ text-decoration: none;
+ transition: all 0.18s ease;
+ cursor: pointer; border: none;
+}
+.lp-btn-primary {
+ color: #0a0907;
+ background: linear-gradient(135deg, #ffd88a, var(--lp-amber) 55%, #ff7a3d);
+ box-shadow: 0 10px 40px rgba(245,165,36,0.35), inset 0 1px 0 rgba(255,255,255,0.4);
+ position: relative;
+ overflow: hidden;
+}
+.lp-btn-primary::before {
+ content: '';
+ position: absolute; inset: 0;
+ background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.4) 50%, transparent 70%);
+ transform: translateX(-150%);
+ transition: transform 0.7s cubic-bezier(.2,.8,.2,1);
+}
+.lp-btn-primary:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 16px 50px rgba(245,165,36,0.55);
+}
+.lp-btn-primary:hover::before { transform: translateX(150%); }
+.lp-btn-secondary {
+ color: var(--lp-ink);
+ background: var(--lp-surface);
+ border: 1px solid var(--lp-line-2);
+}
+.lp-btn-secondary:hover {
+ background: var(--lp-surface-2);
+ border-color: rgba(255,255,255,0.25);
+}
+
+.lp-arrow {
+ display: inline-block;
+ transition: transform 0.2s ease;
+}
+.lp-btn:hover .lp-arrow { transform: translateX(4px); }
+
+/* ---------- Ticker strip ---------- */
+.lp-ticker {
+ margin-top: 64px;
+ padding: 18px 0;
+ border-top: 1px solid var(--lp-line);
+ border-bottom: 1px solid var(--lp-line);
+ overflow: hidden;
+ position: relative;
+ animation: lp-fade-up 1s 0.55s ease both;
+}
+.lp-ticker-track {
+ display: flex;
+ gap: 48px;
+ width: max-content;
+ animation: lp-scroll 40s linear infinite;
+ white-space: nowrap;
+}
+@keyframes lp-scroll {
+ to { transform: translateX(-50%); }
+}
+.lp-ticker-item {
+ display: inline-flex; align-items: center; gap: 10px;
+ font-family: 'Geist Mono', ui-monospace, monospace;
+ font-size: 13px;
+ color: var(--lp-ink-3);
+}
+.lp-ticker-item .tag {
+ font-size: 10px;
+ padding: 2px 7px;
+ border-radius: 4px;
+ font-weight: 600;
+ letter-spacing: 0.05em;
+}
+.lp-ticker-item .tag.buy { background: rgba(34,197,94,0.12); color: var(--lp-green); }
+.lp-ticker-item .tag.sell { background: rgba(239,68,68,0.12); color: var(--lp-red); }
+.lp-ticker-item .tag.hold { background: rgba(255,255,255,0.06); color: var(--lp-ink-3); }
+
+/* ---------- Section ---------- */
+.lp-section {
+ padding: 120px 0;
+ position: relative;
+}
+.lp-eyebrow {
+ font-size: 12px;
+ font-weight: 600;
+ letter-spacing: 0.16em;
+ text-transform: uppercase;
+ color: var(--lp-amber);
+ margin-bottom: 16px;
+}
+.lp-h2 {
+ font-size: clamp(30px, 4.5vw, 52px);
+ font-weight: 700;
+ letter-spacing: -0.025em;
+ line-height: 1.08;
+ margin: 0 0 20px;
+}
+.lp-lead {
+ max-width: 600px;
+ font-size: 18px;
+ line-height: 1.55;
+ color: var(--lp-ink-2);
+ margin: 0 0 56px;
+}
+
+/* ---------- Scroll reveal ---------- */
+.lp-reveal {
+ opacity: 0;
+ transform: translateY(28px);
+ transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2,.8,.2,1);
+}
+.lp-reveal.in {
+ opacity: 1;
+ transform: translateY(0);
+}
+
+/* ---------- How it works ---------- */
+.lp-steps {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 20px;
+}
+@media (max-width: 880px) {
+ .lp-steps { grid-template-columns: 1fr; }
+}
+
+.lp-step {
+ position: relative;
+ padding: 36px 28px 32px;
+ background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.01));
+ border: 1px solid var(--lp-line);
+ border-radius: 20px;
+ transition: transform 0.25s ease, border-color 0.25s ease;
+ overflow: hidden;
+}
+.lp-step::before {
+ content: '';
+ position: absolute;
+ inset: 0;
+ border-radius: inherit;
+ padding: 1px;
+ background: linear-gradient(135deg, rgba(245,165,36,0.35), transparent 60%);
+ -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
+ -webkit-mask-composite: xor;
+ mask-composite: exclude;
+ opacity: 0;
+ transition: opacity 0.3s ease;
+}
+.lp-step:hover {
+ transform: translateY(-4px);
+ border-color: rgba(245,165,36,0.25);
+}
+.lp-step:hover::before { opacity: 1; }
+
+.lp-step-num {
+ font-family: 'Geist Mono', monospace;
+ font-size: 12px;
+ color: var(--lp-ink-4);
+ letter-spacing: 0.1em;
+ margin-bottom: 20px;
+}
+.lp-step-icon {
+ width: 52px; height: 52px;
+ border-radius: 14px;
+ display: grid; place-items: center;
+ margin-bottom: 22px;
+ background: linear-gradient(135deg, rgba(245,165,36,0.2), rgba(245,165,36,0.05));
+ border: 1px solid rgba(245,165,36,0.2);
+ color: var(--lp-amber);
+}
+.lp-step h3 {
+ font-size: 20px;
+ font-weight: 600;
+ margin: 0 0 10px;
+ letter-spacing: -0.01em;
+}
+.lp-step p {
+ font-size: 15px;
+ line-height: 1.6;
+ color: var(--lp-ink-3);
+ margin: 0;
+}
+
+/* ---------- Features grid ---------- */
+.lp-features {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 16px;
+}
+@media (max-width: 880px) { .lp-features { grid-template-columns: 1fr 1fr; } }
+@media (max-width: 560px) { .lp-features { grid-template-columns: 1fr; } }
+
+.lp-feat {
+ padding: 26px 24px;
+ background: var(--lp-surface);
+ border: 1px solid var(--lp-line);
+ border-radius: 16px;
+ transition: all 0.2s ease;
+}
+.lp-feat:hover {
+ background: var(--lp-surface-2);
+ border-color: var(--lp-line-2);
+ transform: translateY(-2px);
+}
+.lp-feat-icon {
+ width: 36px; height: 36px;
+ border-radius: 10px;
+ display: grid; place-items: center;
+ margin-bottom: 16px;
+ background: rgba(245,165,36,0.1);
+ color: var(--lp-amber);
+}
+.lp-feat h4 {
+ font-size: 16px;
+ font-weight: 600;
+ margin: 0 0 8px;
+ letter-spacing: -0.01em;
+}
+.lp-feat p {
+ font-size: 14px;
+ line-height: 1.55;
+ color: var(--lp-ink-3);
+ margin: 0;
+}
+
+/* ---------- Demo card ---------- */
+.lp-demo {
+ margin-top: 48px;
+ padding: 4px;
+ background: linear-gradient(135deg, rgba(245,165,36,0.5), rgba(239,68,68,0.4), rgba(167,139,250,0.4));
+ border-radius: 24px;
+ box-shadow: 0 30px 80px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.05);
+}
+.lp-demo-inner {
+ background: #0f0d0a;
+ border-radius: 20px;
+ padding: 36px 32px;
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 40px;
+ align-items: center;
+}
+@media (max-width: 880px) {
+ .lp-demo-inner { grid-template-columns: 1fr; gap: 24px; }
+}
+.lp-demo-post {
+ background: rgba(255,255,255,0.03);
+ border: 1px solid var(--lp-line);
+ border-radius: 14px;
+ padding: 20px;
+}
+.lp-demo-handle {
+ display: flex; align-items: center; gap: 10px;
+ margin-bottom: 14px;
+}
+.lp-demo-avatar {
+ width: 40px; height: 40px; border-radius: 50%;
+ background: linear-gradient(135deg, #ff9a4d, #e6571a);
+ display: grid; place-items: center;
+ font-weight: 700; color: #fff;
+ font-size: 16px;
+}
+.lp-demo-name {
+ font-weight: 600;
+ font-size: 14px;
+}
+.lp-demo-handle-at {
+ font-size: 12px;
+ color: var(--lp-ink-3);
+}
+.lp-demo-text {
+ font-size: 15px;
+ line-height: 1.5;
+ color: var(--lp-ink-2);
+ margin: 0 0 12px;
+}
+.lp-demo-meta {
+ font-size: 12px;
+ color: var(--lp-ink-4);
+ font-family: 'Geist Mono', monospace;
+}
+.lp-arrow-flow {
+ display: flex; align-items: center; justify-content: center;
+ gap: 8px;
+ font-size: 12px;
+ color: var(--lp-amber);
+ margin: 16px 0;
+ font-family: 'Geist Mono', monospace;
+ letter-spacing: 0.05em;
+}
+.lp-arrow-flow-line {
+ flex: 1;
+ height: 1px;
+ background: linear-gradient(90deg, transparent, var(--lp-amber), transparent);
+}
+
+.lp-demo-signal {
+ display: flex; flex-direction: column; gap: 14px;
+}
+.lp-signal-row {
+ display: flex; align-items: center; justify-content: space-between;
+ padding: 10px 14px;
+ background: rgba(255,255,255,0.02);
+ border: 1px solid var(--lp-line);
+ border-radius: 10px;
+}
+.lp-signal-row .lbl {
+ font-size: 12px;
+ color: var(--lp-ink-3);
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+.lp-signal-row .val {
+ font-family: 'Geist Mono', monospace;
+ font-size: 14px;
+ font-weight: 600;
+}
+.lp-signal-row .val.buy { color: var(--lp-green); }
+.lp-signal-row .val.short { color: var(--lp-red); }
+
+/* ---------- Final CTA ---------- */
+.lp-cta-final {
+ padding: 120px 0;
+ text-align: center;
+ position: relative;
+}
+.lp-cta-final::before {
+ content: '';
+ position: absolute;
+ left: 50%; top: 50%;
+ width: 700px; height: 700px;
+ background: radial-gradient(circle, rgba(245,165,36,0.18), transparent 60%);
+ transform: translate(-50%, -50%);
+ filter: blur(80px);
+ pointer-events: none;
+ z-index: -1;
+}
+
+/* ---------- Footer ---------- */
+.lp-foot {
+ border-top: 1px solid var(--lp-line);
+ padding: 28px 24px 40px;
+ font-size: 12px;
+ color: var(--lp-ink-4);
+ text-align: center;
+ position: relative;
+ z-index: 1;
+}
+.lp-foot a {
+ color: var(--lp-ink-3);
+ text-decoration: none;
+ margin: 0 10px;
+}
+.lp-foot a:hover { color: var(--lp-ink-2); }
+.lp-disclaimer {
+ max-width: 680px;
+ margin: 0 auto 16px;
+ line-height: 1.5;
+ color: var(--lp-ink-4);
+}
+
+/* ---------- Shared animations ---------- */
+@keyframes lp-fade-up {
+ from { opacity: 0; transform: translateY(20px); }
+ to { opacity: 1; transform: translateY(0); }
+}
+
+/* ---------- Stat strip ---------- */
+.lp-stats {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ gap: 0;
+ margin-top: 72px;
+ border: 1px solid var(--lp-line);
+ border-radius: 20px;
+ overflow: hidden;
+ background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.005));
+ backdrop-filter: blur(12px);
+}
+@media (max-width: 880px) { .lp-stats { grid-template-columns: 1fr 1fr; } }
+@media (max-width: 480px) { .lp-stats { grid-template-columns: 1fr; } }
+.lp-stat {
+ padding: 26px 22px;
+ border-right: 1px solid var(--lp-line);
+ position: relative;
+}
+.lp-stat:last-child { border-right: none; }
+@media (max-width: 880px) {
+ .lp-stat:nth-child(2n) { border-right: none; }
+ .lp-stat:nth-child(-n+2) { border-bottom: 1px solid var(--lp-line); }
+}
+.lp-stat-val {
+ font-family: 'Geist', sans-serif;
+ font-size: 34px;
+ font-weight: 700;
+ letter-spacing: -0.02em;
+ line-height: 1;
+ color: var(--lp-ink);
+ margin-bottom: 8px;
+}
+.lp-stat-val .suffix {
+ font-size: 18px;
+ color: var(--lp-amber);
+ margin-left: 2px;
+}
+.lp-stat-lbl {
+ font-size: 12px;
+ color: var(--lp-ink-3);
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+.lp-stat-sub {
+ font-size: 11px;
+ color: var(--lp-ink-4);
+ margin-top: 4px;
+}
+
+/* ---------- Post type cards ---------- */
+.lp-posts {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 16px;
+ margin-top: 48px;
+}
+@media (max-width: 760px) { .lp-posts { grid-template-columns: 1fr; } }
+
+.lp-post-card {
+ padding: 24px;
+ background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01));
+ border: 1px solid var(--lp-line);
+ border-radius: 16px;
+ display: flex;
+ gap: 18px;
+ align-items: flex-start;
+ transition: all 0.25s ease;
+}
+.lp-post-card:hover {
+ border-color: var(--lp-line-2);
+ transform: translateY(-2px);
+}
+.lp-post-kind {
+ width: 44px; height: 44px; flex-shrink: 0;
+ border-radius: 12px;
+ display: grid; place-items: center;
+ font-size: 11px; font-weight: 700;
+ letter-spacing: 0.06em;
+ font-family: 'Geist Mono', monospace;
+}
+.lp-post-kind.long { background: rgba(34,197,94,0.12); color: var(--lp-green); border: 1px solid rgba(34,197,94,0.25); }
+.lp-post-kind.short { background: rgba(239,68,68,0.12); color: var(--lp-red); border: 1px solid rgba(239,68,68,0.25); }
+.lp-post-kind.hold { background: rgba(255,255,255,0.05); color: var(--lp-ink-3); border: 1px solid var(--lp-line); }
+.lp-post-kind.noise { background: rgba(167,139,250,0.12); color: var(--lp-violet); border: 1px solid rgba(167,139,250,0.25); }
+
+.lp-post-body h4 {
+ font-size: 15px; font-weight: 600; margin: 0 0 6px;
+}
+.lp-post-quote {
+ font-size: 14px; line-height: 1.5;
+ color: var(--lp-ink-2);
+ font-style: italic;
+ margin: 0 0 10px;
+ padding-left: 10px;
+ border-left: 2px solid var(--lp-line-2);
+}
+.lp-post-result {
+ font-size: 12px;
+ color: var(--lp-ink-3);
+ font-family: 'Geist Mono', monospace;
+}
+
+/* ---------- Dashboard preview (mock) ---------- */
+.lp-preview {
+ margin-top: 56px;
+ background: linear-gradient(135deg, rgba(245,165,36,0.3), rgba(239,68,68,0.3), rgba(167,139,250,0.3));
+ padding: 3px;
+ border-radius: 24px;
+ box-shadow: 0 40px 120px rgba(0,0,0,0.6);
+ position: relative;
+}
+.lp-preview::before {
+ content: '';
+ position: absolute;
+ inset: -20px;
+ background: radial-gradient(ellipse at center, rgba(245,165,36,0.15), transparent 60%);
+ filter: blur(40px);
+ z-index: -1;
+}
+.lp-preview-inner {
+ background: #0c0b08;
+ border-radius: 21px;
+ overflow: hidden;
+}
+.lp-preview-bar {
+ display: flex; align-items: center; gap: 8px;
+ padding: 12px 18px;
+ border-bottom: 1px solid var(--lp-line);
+ background: rgba(255,255,255,0.02);
+}
+.lp-preview-dots {
+ display: flex; gap: 6px;
+}
+.lp-preview-dots span {
+ width: 11px; height: 11px; border-radius: 50%;
+ background: rgba(255,255,255,0.15);
+}
+.lp-preview-url {
+ flex: 1;
+ padding: 5px 12px;
+ font-family: 'Geist Mono', monospace;
+ font-size: 12px;
+ color: var(--lp-ink-3);
+ background: rgba(255,255,255,0.04);
+ border-radius: 6px;
+ margin-left: 10px;
+ text-align: center;
+}
+.lp-preview-body {
+ display: grid;
+ grid-template-columns: 1.2fr 1fr;
+ gap: 0;
+ min-height: 420px;
+}
+@media (max-width: 760px) {
+ .lp-preview-body { grid-template-columns: 1fr; }
+}
+.lp-preview-col {
+ padding: 22px;
+ border-right: 1px solid var(--lp-line);
+}
+.lp-preview-col:last-child { border-right: none; }
+.lp-preview-col-head {
+ display: flex; align-items: center; justify-content: space-between;
+ margin-bottom: 14px;
+}
+.lp-preview-col-head h5 {
+ font-size: 13px; margin: 0;
+ color: var(--lp-ink-2);
+ letter-spacing: -0.01em;
+}
+.lp-preview-live {
+ display: inline-flex; align-items: center; gap: 6px;
+ font-size: 10px; font-weight: 600;
+ color: var(--lp-green);
+ letter-spacing: 0.06em; text-transform: uppercase;
+}
+.lp-preview-live::before {
+ content: ''; width: 6px; height: 6px; border-radius: 50%;
+ background: var(--lp-green);
+ box-shadow: 0 0 0 0 rgba(34,197,94,0.7);
+ animation: lp-ping 1.6s infinite;
+}
+.lp-preview-item {
+ padding: 12px 0;
+ border-bottom: 1px solid var(--lp-line);
+ font-size: 13px;
+}
+.lp-preview-item:last-child { border-bottom: none; }
+.lp-preview-item-head {
+ display: flex; justify-content: space-between; align-items: baseline;
+ margin-bottom: 4px;
+}
+.lp-preview-item-handle {
+ color: var(--lp-ink-3); font-size: 12px;
+}
+.lp-preview-item-time {
+ color: var(--lp-ink-4); font-family: 'Geist Mono', monospace; font-size: 11px;
+}
+.lp-preview-item-text {
+ color: var(--lp-ink-2);
+ margin: 0 0 8px;
+ line-height: 1.45;
+ font-size: 13px;
+}
+.lp-preview-item-tags {
+ display: flex; gap: 6px; flex-wrap: wrap;
+}
+.lp-preview-chip {
+ font-size: 10px;
+ padding: 2px 7px;
+ border-radius: 4px;
+ font-family: 'Geist Mono', monospace;
+ font-weight: 600;
+ letter-spacing: 0.05em;
+}
+.lp-preview-chip.buy { background: rgba(34,197,94,0.12); color: var(--lp-green); }
+.lp-preview-chip.short { background: rgba(239,68,68,0.12); color: var(--lp-red); }
+.lp-preview-chip.hold { background: rgba(255,255,255,0.05); color: var(--lp-ink-3); }
+.lp-preview-chip.asset { background: rgba(245,165,36,0.12); color: var(--lp-amber); }
+.lp-preview-chip.conf { background: rgba(167,139,250,0.12); color: var(--lp-violet); }
+
+.lp-preview-kpis {
+ display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
+ margin-bottom: 16px;
+}
+.lp-kpi-box {
+ padding: 12px;
+ background: rgba(255,255,255,0.02);
+ border: 1px solid var(--lp-line);
+ border-radius: 10px;
+}
+.lp-kpi-box .v {
+ font-size: 20px; font-weight: 700; letter-spacing: -0.02em;
+ color: var(--lp-ink);
+}
+.lp-kpi-box .l {
+ font-size: 11px; color: var(--lp-ink-3);
+ text-transform: uppercase; letter-spacing: 0.06em;
+ margin-top: 2px;
+}
+
+.lp-preview-trade {
+ padding: 10px 12px;
+ background: rgba(255,255,255,0.02);
+ border: 1px solid var(--lp-line);
+ border-radius: 8px;
+ margin-bottom: 8px;
+ display: flex; justify-content: space-between; align-items: center;
+ font-family: 'Geist Mono', monospace;
+ font-size: 12px;
+}
+.lp-preview-trade .pair {
+ color: var(--lp-ink-2); font-weight: 600;
+}
+.lp-preview-trade .side.long { color: var(--lp-green); }
+.lp-preview-trade .side.short { color: var(--lp-red); }
+.lp-preview-trade .status {
+ color: var(--lp-amber);
+ font-size: 10px;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+}
+
+/* ---------- Flow timeline ---------- */
+.lp-flow {
+ display: grid;
+ grid-template-columns: repeat(5, 1fr);
+ gap: 0;
+ margin-top: 48px;
+ padding: 32px 16px;
+ background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.005));
+ border: 1px solid var(--lp-line);
+ border-radius: 20px;
+ position: relative;
+}
+@media (max-width: 880px) { .lp-flow { grid-template-columns: 1fr; gap: 20px; } }
+
+.lp-flow-step {
+ padding: 0 16px;
+ text-align: center;
+ position: relative;
+}
+.lp-flow-step:not(:last-child)::after {
+ content: '→';
+ position: absolute;
+ right: -8px;
+ top: 28px;
+ font-size: 20px;
+ color: var(--lp-amber);
+ opacity: 0.6;
+}
+@media (max-width: 880px) {
+ .lp-flow-step:not(:last-child)::after { display: none; }
+}
+
+.lp-flow-badge {
+ display: inline-flex; align-items: center; justify-content: center;
+ width: 56px; height: 56px;
+ border-radius: 16px;
+ background: linear-gradient(135deg, rgba(245,165,36,0.2), rgba(245,165,36,0.05));
+ border: 1px solid rgba(245,165,36,0.3);
+ color: var(--lp-amber);
+ font-weight: 700; font-size: 18px;
+ font-family: 'Geist Mono', monospace;
+ margin-bottom: 14px;
+ position: relative;
+}
+.lp-flow-badge::before {
+ content: '';
+ position: absolute; inset: -6px;
+ border-radius: 20px;
+ background: rgba(245,165,36,0.1);
+ filter: blur(10px);
+ z-index: -1;
+}
+.lp-flow-step h5 {
+ font-size: 14px; font-weight: 600; margin: 0 0 6px;
+}
+.lp-flow-step p {
+ font-size: 12px; line-height: 1.5;
+ color: var(--lp-ink-3); margin: 0;
+}
+.lp-flow-time {
+ display: inline-block;
+ margin-top: 8px;
+ font-size: 11px;
+ font-family: 'Geist Mono', monospace;
+ color: var(--lp-amber);
+ background: rgba(245,165,36,0.08);
+ padding: 2px 8px;
+ border-radius: 4px;
+}
+
+/* ---------- FAQ ---------- */
+.lp-faq {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 14px;
+ margin-top: 40px;
+}
+@media (max-width: 760px) { .lp-faq { grid-template-columns: 1fr; } }
+
+.lp-faq-item {
+ padding: 22px 24px;
+ background: var(--lp-surface);
+ border: 1px solid var(--lp-line);
+ border-radius: 14px;
+ transition: all 0.2s ease;
+}
+.lp-faq-item:hover {
+ background: var(--lp-surface-2);
+ border-color: var(--lp-line-2);
+}
+.lp-faq-q {
+ display: flex; align-items: flex-start; gap: 10px;
+ font-size: 15px; font-weight: 600;
+ margin: 0 0 10px;
+ color: var(--lp-ink);
+ letter-spacing: -0.01em;
+}
+.lp-faq-q::before {
+ content: 'Q';
+ flex-shrink: 0;
+ width: 22px; height: 22px;
+ font-size: 11px;
+ display: grid; place-items: center;
+ background: var(--lp-amber);
+ color: #0a0907;
+ border-radius: 6px;
+ font-weight: 700;
+ margin-top: 1px;
+}
+.lp-faq-a {
+ font-size: 14px;
+ line-height: 1.6;
+ color: var(--lp-ink-3);
+ margin: 0;
+ padding-left: 32px;
+}
+
+/* ---------- Safety strip ---------- */
+.lp-safety-strip {
+ display: flex; flex-wrap: wrap; gap: 8px;
+ justify-content: center;
+ margin-top: 36px;
+}
+.lp-safety-chip {
+ display: inline-flex; align-items: center; gap: 6px;
+ padding: 8px 14px;
+ background: rgba(255,255,255,0.04);
+ border: 1px solid var(--lp-line);
+ border-radius: 999px;
+ font-size: 12px;
+ color: var(--lp-ink-2);
+}
+.lp-safety-chip svg { color: var(--lp-amber); }
+
+/* ---------- Terminal block (live feed) ---------- */
+.lp-term {
+ position: relative;
+ margin-top: 56px;
+ border-radius: 18px;
+ background:
+ linear-gradient(180deg, rgba(245,165,36,0.08), transparent 50%),
+ #07060a;
+ border: 1px solid var(--lp-line-2);
+ overflow: hidden;
+ box-shadow:
+ 0 40px 120px rgba(0,0,0,0.6),
+ 0 0 0 1px rgba(245,165,36,0.08),
+ inset 0 1px 0 rgba(255,255,255,0.03);
+}
+.lp-term::before {
+ /* Glow halo */
+ content: '';
+ position: absolute;
+ inset: -40px;
+ background: radial-gradient(ellipse at 20% 0%, rgba(245,165,36,0.22), transparent 55%);
+ filter: blur(30px);
+ pointer-events: none;
+ z-index: 0;
+}
+.lp-term::after {
+ /* Subtle scanlines */
+ content: '';
+ position: absolute;
+ inset: 0;
+ background: repeating-linear-gradient(
+ 0deg,
+ rgba(255,255,255,0.018) 0px,
+ rgba(255,255,255,0.018) 1px,
+ transparent 1px,
+ transparent 3px
+ );
+ pointer-events: none;
+ z-index: 1;
+ mix-blend-mode: overlay;
+}
+.lp-term > * { position: relative; z-index: 2; }
+
+.lp-term-head {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ padding: 12px 18px;
+ border-bottom: 1px solid rgba(255,255,255,0.06);
+ background: rgba(255,255,255,0.015);
+ font-family: 'Geist Mono', ui-monospace, monospace;
+ font-size: 11px;
+ color: var(--lp-ink-3);
+ letter-spacing: 0.04em;
+}
+.lp-term-head .dot {
+ width: 8px; height: 8px; border-radius: 50%;
+ background: var(--lp-green);
+ box-shadow: 0 0 10px var(--lp-green), 0 0 0 0 rgba(34,197,94,0.6);
+ animation: lp-ping 1.6s infinite;
+}
+.lp-term-head .sep { opacity: 0.35; }
+.lp-term-head .meta-live { color: var(--lp-green); }
+.lp-term-head .meta-amber { color: var(--lp-amber); }
+.lp-term-head .spacer { flex: 1; }
+
+.lp-term-body {
+ padding: 14px 0 22px;
+ font-family: 'Geist Mono', ui-monospace, monospace;
+ font-size: 13.5px;
+ line-height: 1.55;
+ color: var(--lp-ink-2);
+}
+
+.lp-term-row {
+ padding: 14px 22px;
+ border-bottom: 1px dashed rgba(255,255,255,0.05);
+ opacity: 0;
+ transform: translateY(8px);
+ animation: lp-term-in 0.5s ease forwards;
+}
+.lp-term-row:last-of-type { border-bottom: none; }
+@keyframes lp-term-in {
+ to { opacity: 1; transform: translateY(0); }
+}
+.lp-term-row.new {
+ background: linear-gradient(90deg, rgba(245,165,36,0.05), transparent 40%);
+ border-left: 2px solid var(--lp-amber);
+ padding-left: 20px;
+ position: relative;
+}
+.lp-term-row.new::before {
+ content: 'NEW';
+ position: absolute;
+ top: 14px; right: 22px;
+ font-size: 10px;
+ padding: 2px 7px;
+ border-radius: 4px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+ background: var(--lp-amber);
+ color: #0a0907;
+ animation: lp-pulse-soft 1.8s ease-in-out infinite;
+}
+@keyframes lp-pulse-soft {
+ 0%, 100% { opacity: 1; }
+ 50% { opacity: 0.55; }
+}
+
+.lp-term-meta {
+ display: flex; gap: 14px; align-items: center;
+ font-size: 11px;
+ color: var(--lp-ink-4);
+ margin-bottom: 6px;
+ letter-spacing: 0.02em;
+}
+.lp-term-meta .handle { color: var(--lp-ink-3); }
+.lp-term-meta .ts { color: var(--lp-ink-4); }
+
+.lp-term-quote {
+ color: var(--lp-ink);
+ margin: 4px 0 10px;
+ font-family: 'Geist', ui-sans-serif, sans-serif;
+ font-size: 15px;
+ line-height: 1.45;
+ font-weight: 400;
+ letter-spacing: -0.005em;
+}
+.lp-term-quote::before {
+ content: '> ';
+ color: var(--lp-amber);
+ opacity: 0.7;
+}
+
+.lp-term-verdict {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px 18px;
+ font-size: 12px;
+ color: var(--lp-ink-3);
+}
+.lp-term-verdict .seg { display: inline-flex; gap: 6px; align-items: center; }
+.lp-term-verdict .k { color: var(--lp-ink-4); }
+.lp-term-verdict .v { color: var(--lp-ink-2); font-weight: 500; }
+.lp-term-verdict .v.long { color: var(--lp-green); }
+.lp-term-verdict .v.short { color: var(--lp-red); }
+.lp-term-verdict .v.skip { color: var(--lp-ink-3); }
+.lp-term-verdict .v.amber { color: var(--lp-amber); }
+.lp-term-verdict .bar {
+ display: inline-block;
+ width: 60px; height: 5px;
+ border-radius: 999px;
+ background: rgba(255,255,255,0.08);
+ position: relative;
+ overflow: hidden;
+}
+.lp-term-verdict .bar-fill {
+ position: absolute; inset: 0;
+ background: linear-gradient(90deg, var(--lp-amber), #ff7a3d);
+ border-radius: inherit;
+ transform-origin: left;
+ animation: lp-bar-in 1s 0.3s cubic-bezier(.2,.8,.2,1) both;
+}
+@keyframes lp-bar-in { from { transform: scaleX(0); } }
+
+.lp-term-cursor {
+ display: inline-block;
+ width: 8px; height: 15px;
+ background: var(--lp-amber);
+ vertical-align: -2px;
+ margin-left: 2px;
+ animation: lp-blink 1s steps(2) infinite;
+}
+@keyframes lp-blink { 50% { opacity: 0; } }
+
+.lp-term-foot {
+ display: flex; align-items: center; justify-content: space-between;
+ padding: 12px 22px;
+ border-top: 1px solid rgba(255,255,255,0.05);
+ background: rgba(0,0,0,0.25);
+ font-family: 'Geist Mono', monospace;
+ font-size: 11px;
+ color: var(--lp-ink-4);
+}
+.lp-term-foot .tail { color: var(--lp-ink-3); }
+
+/* Stagger delays so rows enter one after another */
+.lp-term-row:nth-child(1) { animation-delay: 0.05s; }
+.lp-term-row:nth-child(2) { animation-delay: 0.25s; }
+.lp-term-row:nth-child(3) { animation-delay: 0.45s; }
+.lp-term-row:nth-child(4) { animation-delay: 0.65s; }
+.lp-term-row:nth-child(5) { animation-delay: 0.85s; }
+
+/* ---------- Condensed features ---------- */
+.lp-why {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ gap: 14px;
+ margin-top: 40px;
+}
+@media (max-width: 880px) { .lp-why { grid-template-columns: 1fr 1fr; } }
+@media (max-width: 520px) { .lp-why { grid-template-columns: 1fr; } }
+
+.lp-why-card {
+ padding: 24px 22px;
+ border: 1px solid var(--lp-line);
+ border-radius: 14px;
+ background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.008));
+ transition: all 0.2s ease;
+}
+.lp-why-card:hover {
+ border-color: rgba(245,165,36,0.25);
+ transform: translateY(-3px);
+}
+.lp-why-card .num {
+ font-family: 'Geist Mono', monospace;
+ font-size: 11px;
+ color: var(--lp-amber);
+ letter-spacing: 0.1em;
+ margin-bottom: 12px;
+}
+.lp-why-card h4 {
+ font-size: 16px; font-weight: 600; margin: 0 0 8px;
+ letter-spacing: -0.01em;
+}
+.lp-why-card p {
+ font-size: 13.5px; line-height: 1.55;
+ color: var(--lp-ink-3); margin: 0;
+}
+
+/* ---------- Stat strip (kept) ---------- */
+.lp-stats {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ gap: 0;
+ margin-top: 48px;
+ border: 1px solid var(--lp-line);
+ border-radius: 20px;
+ overflow: hidden;
+ background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.005));
+ backdrop-filter: blur(12px);
+}
+@media (max-width: 880px) { .lp-stats { grid-template-columns: 1fr 1fr; } }
+@media (max-width: 480px) { .lp-stats { grid-template-columns: 1fr; } }
+.lp-stat {
+ padding: 24px 22px;
+ border-right: 1px solid var(--lp-line);
+}
+.lp-stat:last-child { border-right: none; }
+@media (max-width: 880px) {
+ .lp-stat:nth-child(2n) { border-right: none; }
+ .lp-stat:nth-child(-n+2) { border-bottom: 1px solid var(--lp-line); }
+}
+.lp-stat-val {
+ font-family: 'Geist', sans-serif;
+ font-size: 30px; font-weight: 700; letter-spacing: -0.02em;
+ line-height: 1; margin-bottom: 8px;
+}
+.lp-stat-val .suffix { font-size: 16px; color: var(--lp-amber); margin-left: 2px; }
+.lp-stat-lbl {
+ font-size: 11px; color: var(--lp-ink-3);
+ text-transform: uppercase; letter-spacing: 0.08em;
+}
+.lp-stat-sub {
+ font-size: 11px; color: var(--lp-ink-4); margin-top: 4px;
+}
+
+/* ---------- Press / headlines ---------- */
+.lp-press {
+ margin-top: 40px;
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ gap: 14px;
+}
+@media (max-width: 880px) { .lp-press { grid-template-columns: 1fr 1fr; } }
+@media (max-width: 520px) { .lp-press { grid-template-columns: 1fr; } }
+
+/* Base card (small) */
+.lp-news {
+ padding: 20px 20px 18px;
+ border: 1px solid var(--lp-line);
+ border-radius: 14px;
+ background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.005));
+ text-decoration: none;
+ color: inherit;
+ display: flex;
+ flex-direction: column;
+ gap: 12px;
+ transition: all 0.22s ease;
+ position: relative;
+ overflow: hidden;
+ min-height: 200px;
+}
+.lp-news:hover {
+ transform: translateY(-3px);
+ border-color: rgba(245,165,36,0.3);
+ background: linear-gradient(180deg, rgba(245,165,36,0.05), rgba(255,255,255,0.008));
+}
+.lp-news-head {
+ display: flex; align-items: center; justify-content: space-between;
+ font-family: 'Geist Mono', monospace;
+ font-size: 10px;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+ color: var(--lp-ink-3);
+}
+.lp-news-outlet { color: var(--lp-amber); font-weight: 600; }
+.lp-news-date { color: var(--lp-ink-4); white-space: nowrap; }
+
+.lp-news-headline {
+ font-size: 15px;
+ font-weight: 600;
+ line-height: 1.38;
+ margin: 0;
+ letter-spacing: -0.01em;
+ color: var(--lp-ink);
+}
+
+.lp-news-stat {
+ display: flex; align-items: baseline; gap: 10px;
+ margin-top: auto;
+ padding-top: 12px;
+ border-top: 1px dashed rgba(255,255,255,0.08);
+}
+.lp-news-stat .n {
+ font-family: 'Geist', sans-serif;
+ font-size: 24px; font-weight: 700; letter-spacing: -0.02em;
+ line-height: 1;
+ color: var(--lp-amber);
+}
+.lp-news-stat .n.up { color: var(--lp-green); }
+.lp-news-stat .n.down { color: var(--lp-red); }
+.lp-news-stat .l {
+ font-size: 10.5px;
+ color: var(--lp-ink-3);
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+ line-height: 1.35;
+}
+.lp-news-arrow {
+ position: absolute;
+ top: 20px; right: 20px;
+ color: var(--lp-ink-4);
+ font-size: 14px;
+ transition: transform 0.2s ease, color 0.2s ease;
+}
+.lp-news:hover .lp-news-arrow {
+ color: var(--lp-amber);
+ transform: translate(3px, -3px);
+}
+
+/* Featured (big) — full-width, horizontal split */
+.lp-news-big {
+ grid-column: 1 / -1;
+ flex-direction: row;
+ align-items: stretch;
+ gap: 0;
+ padding: 0;
+ min-height: 200px;
+ background:
+ linear-gradient(135deg, rgba(34,197,94,0.08), transparent 50%),
+ linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01));
+ border-color: rgba(34,197,94,0.22);
+ position: relative;
+}
+.lp-news-big::before {
+ content: '';
+ position: absolute;
+ inset: -2px;
+ border-radius: 16px;
+ background: radial-gradient(ellipse at 10% 50%, rgba(34,197,94,0.22), transparent 55%);
+ filter: blur(30px);
+ pointer-events: none;
+ z-index: -1;
+}
+.lp-news-big:hover {
+ border-color: rgba(34,197,94,0.4);
+ background:
+ linear-gradient(135deg, rgba(34,197,94,0.12), transparent 50%),
+ linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.012));
+}
+
+.lp-news-big-figure {
+ flex: 0 0 36%;
+ padding: 30px 30px 28px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ gap: 6px;
+ border-right: 1px solid rgba(255,255,255,0.08);
+ background:
+ radial-gradient(ellipse at center, rgba(34,197,94,0.06), transparent 70%);
+ position: relative;
+}
+.lp-news-big-figure .tag {
+ display: inline-flex; align-items: center; gap: 6px;
+ font-family: 'Geist Mono', monospace;
+ font-size: 10px; font-weight: 700;
+ letter-spacing: 0.12em;
+ color: var(--lp-green);
+ margin-bottom: 10px;
+ text-transform: uppercase;
+}
+.lp-news-big-figure .tag::before {
+ content: '';
+ width: 6px; height: 6px; border-radius: 50%;
+ background: var(--lp-green);
+ box-shadow: 0 0 10px var(--lp-green), 0 0 0 0 rgba(34,197,94,0.6);
+ animation: lp-ping 1.6s infinite;
+}
+.lp-news-big-figure .num {
+ font-family: 'Geist', sans-serif;
+ font-size: clamp(44px, 6vw, 66px);
+ font-weight: 800;
+ letter-spacing: -0.035em;
+ line-height: 0.95;
+ color: var(--lp-green);
+ filter: drop-shadow(0 0 24px rgba(34,197,94,0.28));
+}
+.lp-news-big-figure .subnum {
+ font-family: 'Geist Mono', monospace;
+ font-size: 11.5px;
+ color: var(--lp-ink-3);
+ letter-spacing: 0.05em;
+ text-transform: uppercase;
+ margin-top: 8px;
+ line-height: 1.5;
+}
+
+.lp-news-big-body {
+ flex: 1;
+ padding: 30px 36px 28px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ gap: 14px;
+ min-width: 0;
+}
+.lp-news-big-body .lp-news-headline {
+ font-size: clamp(20px, 2.1vw, 26px);
+ line-height: 1.22;
+ letter-spacing: -0.02em;
+ font-weight: 600;
+}
+.lp-news-big-body .lp-news-head {
+ font-size: 10.5px;
+}
+
+@media (max-width: 760px) {
+ .lp-news-big { flex-direction: column; }
+ .lp-news-big-figure {
+ flex: none;
+ border-right: none;
+ border-bottom: 1px solid rgba(255,255,255,0.08);
+ padding: 26px 24px 22px;
+ }
+ .lp-news-big-body { padding: 22px 24px 24px; }
+}
+
+.lp-press-note {
+ margin-top: 18px;
+ text-align: center;
+ font-size: 12px;
+ color: var(--lp-ink-4);
+ font-family: 'Geist Mono', monospace;
+}
+
+/* ---------- Small ---------- */
+@media (max-width: 560px) {
+ .lp-section { padding: 80px 0; }
+ .lp-demo-inner { padding: 24px 20px; }
+ .lp-term-quote { font-size: 14px; }
+ .lp-term-row { padding: 12px 16px; }
+ .lp-term-row.new::before { display: none; }
+ .lp-news-big .lp-news-headline { font-size: 19px; }
+}
+
+/* ===== Mobile polish (≤720px / ≤480px) ===== */
+@media (max-width: 720px) {
+ .lp-wrap { padding: 0 16px; }
+ .lp-nav-inner { padding: 12px 16px; }
+ .lp-logo { font-size: 14px; }
+ .lp-nav-cta { padding: 8px 12px; font-size: 12px; }
+
+ .lp-hero {
+ min-height: auto;
+ padding: 48px 0 56px;
+ }
+ .lp-h1 {
+ font-size: clamp(30px, 8.4vw, 56px);
+ margin-bottom: 18px;
+ }
+ .lp-sub { margin-bottom: 28px; font-size: 15px; }
+ .lp-live-badge {
+ font-size: 10px;
+ padding: 6px 10px 6px 8px;
+ margin-bottom: 20px;
+ max-width: 92%;
+ text-align: center;
+ }
+ .lp-btn { padding: 13px 20px; font-size: 14px; }
+ .lp-ctas { gap: 10px; }
+
+ .lp-ticker { margin-top: 40px; padding: 12px 0; }
+ .lp-ticker-track { gap: 24px; }
+ .lp-ticker-item { font-size: 11px; }
+
+ .lp-section { padding: 60px 0; }
+ .lp-h2 { font-size: clamp(24px, 6.4vw, 40px); }
+ .lp-lead { font-size: 15px; }
+ .lp-eyebrow { font-size: 11px; }
+
+ /* Terminal */
+ .lp-term { border-radius: 14px; }
+ .lp-term-head {
+ padding: 10px 12px;
+ font-size: 10px;
+ gap: 6px;
+ flex-wrap: wrap;
+ }
+ .lp-term-head .sep { display: none; }
+ .lp-term-body { padding: 6px; }
+ .lp-term-row { padding: 12px 12px; }
+ .lp-term-meta { font-size: 10.5px; flex-wrap: wrap; gap: 4px; }
+ .lp-term-quote { font-size: 13.5px; line-height: 1.5; }
+ .lp-term-verdict { gap: 6px; flex-wrap: wrap; font-size: 10.5px; }
+ .lp-term-verdict .seg { padding: 4px 8px; }
+ .lp-term-verdict .bar { width: 48px; }
+ .lp-term-foot { padding: 10px 12px; font-size: 10px; flex-wrap: wrap; gap: 6px; }
+
+ /* Press */
+ .lp-press { grid-template-columns: 1fr; gap: 12px; }
+ .lp-news { padding: 18px 16px; }
+ .lp-news-big { min-height: 0; }
+ .lp-news-big-figure { padding: 22px 18px 18px; }
+ .lp-news-big-body { padding: 18px 18px 20px; }
+ .lp-news-big-figure .num { font-size: clamp(34px, 10vw, 52px); }
+ .lp-news-headline { font-size: 16px; line-height: 1.4; }
+
+ /* Why / stats */
+ .lp-why { grid-template-columns: 1fr; gap: 12px; }
+ .lp-stats { grid-template-columns: 1fr 1fr; gap: 12px; }
+ .lp-stat { padding: 18px 14px; }
+ .lp-stat-val { font-size: 28px; }
+
+ /* Final CTA */
+ .lp-cta-final { padding: 64px 0 72px; }
+}
+
+@media (max-width: 420px) {
+ .lp-wrap { padding: 0 14px; }
+ .lp-h1 { font-size: clamp(26px, 9.2vw, 44px); letter-spacing: -0.02em; }
+ .lp-logo span:last-child { display: none; } /* keep only dot + α */
+ .lp-ticker-track { gap: 18px; }
+ .lp-btn { width: 100%; justify-content: center; }
+ .lp-ctas { flex-direction: column; width: 100%; }
+ .lp-stats { grid-template-columns: 1fr; }
+ .lp-press-note { font-size: 11px; }
+}
+
+/* Prevent horizontal scroll anywhere on the landing root */
+.lp-root { overflow-x: hidden; }
+.lp-root img, .lp-root video { max-width: 100%; height: auto; }
diff --git a/app/layout.tsx b/app/layout.tsx
new file mode 100644
index 0000000..805326f
--- /dev/null
+++ b/app/layout.tsx
@@ -0,0 +1,69 @@
+import type { Metadata, Viewport } from 'next'
+import Script from 'next/script'
+import './[locale]/globals.css'
+
+const siteTitle = 'Trump Alpha'
+const siteDescription = 'Track Trump social posts, AI-scored BTC and ETH signals, and auto-trader performance in one live dashboard.'
+const siteUrl = process.env.NEXT_PUBLIC_SITE_URL
+
+export const metadata: Metadata = {
+ metadataBase: siteUrl ? new URL(siteUrl) : undefined,
+ title: {
+ default: `${siteTitle} | Trade Trump's Truth Social posts, automatically`,
+ template: `%s | ${siteTitle}`,
+ },
+ description: siteDescription,
+ applicationName: siteTitle,
+ keywords: [
+ 'Trump Alpha',
+ 'TrumpSignal',
+ 'crypto signals',
+ 'BTC trading',
+ 'ETH trading',
+ 'AI trading dashboard',
+ 'Trump social sentiment',
+ 'Hyperliquid bot',
+ ],
+ openGraph: {
+ title: `${siteTitle} | Trade Trump's Truth Social posts, automatically`,
+ description: siteDescription,
+ siteName: siteTitle,
+ type: 'website',
+ },
+ twitter: {
+ card: 'summary_large_image',
+ title: `${siteTitle} | Trade Trump's Truth Social posts, automatically`,
+ description: siteDescription,
+ },
+}
+
+export const viewport: Viewport = {
+ themeColor: '#0f0d0a',
+ width: 'device-width',
+ initialScale: 1,
+ viewportFit: 'cover',
+}
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+ return (
+
+
+ (null)
+ useEffect(() => {
+ const root = ref.current
+ if (!root) return
+ const els = root.querySelectorAll('.lp-reveal')
+ const io = new IntersectionObserver(
+ (entries) => {
+ for (const e of entries) {
+ if (e.isIntersecting) {
+ e.target.classList.add('in')
+ io.unobserve(e.target)
+ }
+ }
+ },
+ { threshold: 0.12, rootMargin: '0px 0px -40px 0px' },
+ )
+ els.forEach((el) => io.observe(el))
+ return () => io.disconnect()
+ }, [])
+ return ref
+}
+
+/* Ticking clock for the terminal header (looks alive) */
+function useClock() {
+ const [t, setT] = useState('')
+ useEffect(() => {
+ const tick = () => {
+ const d = new Date()
+ setT(d.toISOString().replace('T', ' ').slice(0, 19) + ' UTC')
+ }
+ tick()
+ const id = setInterval(tick, 1000)
+ return () => clearInterval(id)
+ }, [])
+ return t
+}
+
+export default function LandingPage() {
+ const rootRef = useReveal()
+ const clock = useClock()
+
+ return (
+
+
+
+
+
+
+ →
+
+
+
+
+
+ {/* ---------- HERO ---------- */}
+
+
+
+
+
+ Trump posts at 3am.
+ 3:00:02
+
+ .
+
+
+
+ Every Truth Social post is scraped, scored by AI, and turned into a
+ Hyperliquid position — in under three seconds. You sleep. It doesn’t.
+
+
+
+
+ {/* Ticker strip */}
+
+
+ {[0, 1].map((k) => (
+
+
+ ))}
+
+
+
+ {/* ---------- THE ENGINE (terminal block) ---------- */}
+
+
+
The engine, running
+
+ No mock-ups. No dashboards in a marketing deck.
+
+
+ This is what the signal engine actually does, every time Trump posts.
+ Scrape. Score. Decide. Execute.
+
+
+
+ LIVE
+ │
+ trumpsignal.engine
+ │
+ src=truthsocial.com/@realDonaldTrump
+ {clock}
+
+
+
+
+
+
+
+ tail -f /var/log/engine
+ posts analysed: 1,247 · uptime 99.8%
+
+
+
+
+
+ Posts shown are examples in Trump’s style — your actual feed is live from the dashboard.
+
+
+
+ {/* ---------- PRESS / HEADLINES ---------- */}
+
+
+
Headlines you can Google
+
+ The market already trades every Trump post.
+
+
+ Big wallets have been scoring eight-figure moves on his Truth Social
+ activity for two years. This bot won’t give you their edge —
+ it just gives you their speed.
+
+
+ Not our claims — their headlines. Click any card to read the source.
+
+
+
+ {/* ---------- WHY IT WORKS ---------- */}
+
+
+
Why bother
+
+ Trump moves markets. You can’t outrun him manually.
+
+
+ He posts at any hour, in any mood. By the time you see it, the move
+ is half over. The bot doesn’t blink. That’s the whole pitch.
+
+
+
+
+
+ {/* ---------- FINAL CTA ---------- */}
+
+
+ Stop refreshing Truth Social.
+ Go do literally anything else.
+
+
+
+ 2 minutes to set up. Free. Bring your own Hyperliquid account. If you
+ don’t like it, disconnect — nothing to cancel.
+
+
+ →
+
+
+
+
+
+
+
+ TrumpSignal is an experimental tool. Crypto perp trading is extremely
+ high-risk; you can lose more than you deposit. Past signals are not
+ predictions of future results. Not affiliated with Truth Social, Trump
+ Media & Technology Group, or Donald J. Trump. Trade at your own risk.
+
+
+ © {new Date().getFullYear()} TrumpSignal
+
+
+
+
+ @realDonaldTrump
+ ·
+ {ts}
+ ·
+ truthsocial
+
+
{text}
+
+
+ cls
+ {cls}
+
+ {'asset' in verdict && (
+ <>
+
+ asset
+ {verdict.asset}
+
+
+ conf
+
+
+ {verdict.conf}
+
+
+ action
+ {verdict.action}
+
+
+ )}
+ {'skip' in verdict && (
+
+ reason
+ {verdict.skip}
+
+ )}
+
+
+ {kind.toUpperCase()}
+ {asset}
+ ·
+ {text}
+
+ )
+}
+
+function Stat({ value, suffix, label, sub }: { value: string; suffix?: string; label: string; sub?: string }) {
+ return (
+
+
+ {value}
+ {suffix && {suffix} }
+
+
{label}
+ {sub &&
{sub}
}
+
-
30 days
@@ -112,7 +146,7 @@ export default function BotPanel({ performance }: Props) {
Net P&L
- {performance ? (performance.net_pnl_usd >= 0 ? '+$' : '-$') + Math.abs(performance.net_pnl_usd).toLocaleString(undefined, { maximumFractionDigits: 0 }) : '—'}
+ {performance ? (performance.net_pnl_usd >= 0 ? '+$' : '-$') + Math.abs(performance.net_pnl_usd).toLocaleString('en-US', { maximumFractionDigits: 0 }) : '—'}
@@ -134,7 +168,7 @@ export default function BotPanel({ performance }: Props) {
{!isConnected && (
document.querySelector('.connect-btn')?.click()}>
+ onClick={handleConnectWallet}>
Connect wallet
)}
@@ -155,12 +189,12 @@ export default function BotPanel({ performance }: Props) {
)}
{isConnected && isSubscribed && !hlApiKeySet && (
- ↓ Paste your Hyperliquid API key below to activate
+ ↓ Paste your Hyperliquid API key below to finish setup
)}
{isConnected && isSubscribed && hlApiKeySet && (
- ✓ Bot active · waiting for next signal
+ ✓ Setup saved · verification still depends on backend
)}
diff --git a/components/dashboard/ChartPanel.tsx b/components/dashboard/ChartPanel.tsx
index c6447a3..6786232 100644
--- a/components/dashboard/ChartPanel.tsx
+++ b/components/dashboard/ChartPanel.tsx
@@ -9,9 +9,10 @@ interface ChartPanelProps {
candles?: Candle[]
externalSelectedId?: number | null
onSelectPost?: (id: number | null) => void
+ onSelectDayPosts?: (posts: TrumpPost[]) => void
}
-export default function ChartPanel({ posts = [], candles = [], externalSelectedId, onSelectPost }: ChartPanelProps) {
+export default function ChartPanel({ posts = [], candles = [], externalSelectedId, onSelectPost, onSelectDayPosts }: ChartPanelProps) {
const { timeframe } = useDashboardStore()
const containerRef = useRef
(null)
const chartRef = useRef(null)
@@ -25,6 +26,8 @@ export default function ChartPanel({ posts = [], candles = [], externalSelectedI
timeframeRef.current = timeframe
const onSelectRef = useRef(onSelectPost)
onSelectRef.current = onSelectPost
+ const onSelectDayPostsRef = useRef(onSelectDayPosts)
+ onSelectDayPostsRef.current = onSelectDayPosts
// Detect current theme for chart colors
function getChartColors() {
@@ -41,6 +44,8 @@ export default function ChartPanel({ posts = [], candles = [], externalSelectedI
useEffect(() => {
if (!containerRef.current || typeof window === 'undefined') return
let destroyed = false
+ let ro: ResizeObserver | null = null
+ let themeObserver: MutationObserver | null = null
import('lightweight-charts').then(({ createChart, CrosshairMode }) => {
if (destroyed || !containerRef.current) return
@@ -100,38 +105,57 @@ export default function ChartPanel({ posts = [], candles = [], externalSelectedI
const pt = Math.floor(new Date(p.published_at).getTime() / 1000)
return Math.floor(pt / bucketSecs) * bucketSecs === clickBucket
})
- .sort((a, b) => (b.ai_confidence ?? 0) - (a.ai_confidence ?? 0))
if (inBucket.length === 0) {
onSelectRef.current?.(null)
return
}
- const currentIdx = inBucket.findIndex((p) => p.id === selectedPostIdRef.current)
- if (currentIdx >= 0) {
- const nextIdx = currentIdx + 1
- if (nextIdx >= inBucket.length) {
- onSelectRef.current?.(null)
- } else {
- onSelectRef.current?.(inBucket[nextIdx].id)
- }
- } else {
- onSelectRef.current?.(inBucket[0].id)
+ // Multiple posts in this candle bucket → show all of them in the right rail
+ if (inBucket.length > 1 && onSelectDayPostsRef.current) {
+ const sorted = [...inBucket].sort(
+ (a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime()
+ )
+ onSelectDayPostsRef.current(sorted)
+ return
}
+
+ // Single post → show detail directly
+ onSelectRef.current?.(inBucket[0].id)
})
- const ro = new ResizeObserver(() => {
+ ro = new ResizeObserver(() => {
if (containerRef.current && !destroyed) {
chart.applyOptions({ width: containerRef.current.clientWidth })
}
})
ro.observe(containerRef.current)
- return () => { ro.disconnect() }
+ themeObserver = new MutationObserver(() => {
+ const colors = getChartColors()
+ chart.applyOptions({
+ layout: {
+ background: { color: colors.background },
+ textColor: colors.textColor,
+ },
+ grid: {
+ vertLines: { color: colors.gridColor },
+ horzLines: { color: colors.gridColor },
+ },
+ rightPriceScale: { borderColor: colors.borderColor },
+ timeScale: { borderColor: colors.borderColor },
+ })
+ })
+ themeObserver.observe(document.documentElement, {
+ attributes: true,
+ attributeFilter: ['data-theme'],
+ })
})
return () => {
destroyed = true
+ ro?.disconnect()
+ themeObserver?.disconnect()
fittedRef.current = false
if (chartRef.current) {
// @ts-expect-error lightweight-charts type
@@ -169,48 +193,46 @@ export default function ChartPanel({ posts = [], candles = [], externalSelectedI
return t >= minTime && t <= maxTime
})
- if (visible.length > 0) {
- const bucketByTf: Record = {
- '5m': 300, '15m': 900, '1h': 3600, '4h': 14400, '1d': 86400, '1w': 604800,
- }
- const candleSpacing = sorted.length > 1 ? sorted[1].time - sorted[0].time : 300
- const bucketSecs = bucketByTf[timeframeRef.current.toLowerCase()] ?? candleSpacing
-
- const bucketMap = new Map()
- for (const p of visible) {
- const pt = Math.floor(new Date(p.published_at).getTime() / 1000)
- const bucket = Math.floor(pt / bucketSecs) * bucketSecs
- if (!bucketMap.has(bucket)) bucketMap.set(bucket, [])
- bucketMap.get(bucket)!.push(p)
- }
- bucketMap.forEach((ps) => ps.sort((a, b) => (b.ai_confidence ?? 0) - (a.ai_confidence ?? 0)))
-
- const markers = Array.from(bucketMap.entries())
- .sort(([a], [b]) => a - b)
- .map(([bucketTime, bPosts]) => {
- const isSelected = bPosts.some((p) => p.id === externalSelectedId)
- const best = bPosts[0]
- const count = bPosts.length
- const signalColor = isSelected
- ? '#f59e0b'
- : best.signal === 'short' || best.signal === 'sell'
- ? '#ef5350'
- : best.signal === 'buy'
- ? '#26a69a'
- : '#aaaaaa'
- return {
- time: bucketTime as number,
- position: 'aboveBar' as const,
- color: signalColor,
- shape: 'circle' as const,
- text: count > 1 ? String(count) : '',
- size: isSelected ? 2 : count > 1 ? 1.5 : 1,
- }
- })
-
- // @ts-expect-error lightweight-charts type
- series.setMarkers(markers)
+ const bucketByTf: Record = {
+ '5m': 300, '15m': 900, '1h': 3600, '4h': 14400, '1d': 86400, '1w': 604800,
}
+ const candleSpacing = sorted.length > 1 ? sorted[1].time - sorted[0].time : 300
+ const bucketSecs = bucketByTf[timeframeRef.current.toLowerCase()] ?? candleSpacing
+
+ const bucketMap = new Map()
+ for (const p of visible) {
+ const pt = Math.floor(new Date(p.published_at).getTime() / 1000)
+ const bucket = Math.floor(pt / bucketSecs) * bucketSecs
+ if (!bucketMap.has(bucket)) bucketMap.set(bucket, [])
+ bucketMap.get(bucket)!.push(p)
+ }
+ bucketMap.forEach((ps) => ps.sort((a, b) => (b.ai_confidence ?? 0) - (a.ai_confidence ?? 0)))
+
+ const markers = Array.from(bucketMap.entries())
+ .sort(([a], [b]) => a - b)
+ .map(([bucketTime, bPosts]) => {
+ const isSelected = bPosts.some((p) => p.id === externalSelectedId)
+ const best = bPosts[0]
+ const count = bPosts.length
+ const signalColor = isSelected
+ ? '#f59e0b'
+ : best.signal === 'short' || best.signal === 'sell'
+ ? '#ef5350'
+ : best.signal === 'buy'
+ ? '#26a69a'
+ : '#aaaaaa'
+ return {
+ time: bucketTime as number,
+ position: 'aboveBar' as const,
+ color: signalColor,
+ shape: 'circle' as const,
+ text: count > 1 ? String(count) : '',
+ size: isSelected ? 2 : count > 1 ? 1.5 : 1,
+ }
+ })
+
+ // @ts-expect-error lightweight-charts type
+ series.setMarkers(markers)
if (!fittedRef.current) {
// @ts-expect-error lightweight-charts type
diff --git a/components/dashboard/PostCards.tsx b/components/dashboard/PostCards.tsx
index 3f88184..0aa4d35 100644
--- a/components/dashboard/PostCards.tsx
+++ b/components/dashboard/PostCards.tsx
@@ -1,13 +1,20 @@
'use client'
+import { useEffect, useState } from 'react'
import type { TrumpPost } from '@/types'
function fmtPct(n: number | null | undefined) {
- if (n == null || isNaN(n)) return '—'
+ if (n == null || isNaN(n)) return '—' // null = window not yet closed
const s = n.toFixed(2) + '%'
return n >= 0 ? '+' + s : s
}
+function fmtImpactPct(v: number | null | undefined) {
+ if (v == null || isNaN(v)) return '—'
+ const s = Math.abs(v).toFixed(2) + '%'
+ return v >= 0 ? '+' + s : '-' + s
+}
+
function timeAgo(iso: string) {
const diff = Date.now() - new Date(iso).getTime()
const m = Math.floor(diff / 60000)
@@ -18,8 +25,32 @@ function timeAgo(iso: string) {
return Math.floor(h / 24) + 'd'
}
-function SourceIcon({ source }: { source: string }) {
- if (source === 'x') return 𝕏
+/**
+ * Hydration-safe wrapper for relative time. Returns an empty placeholder on
+ * SSR / first client render, then the real relative time after mount. Prevents
+ * the SSR/CSR "5m vs 6m" mismatch error.
+ */
+function TimeAgo({ iso, suffix = '' }: { iso: string; suffix?: string }) {
+ const [mounted, setMounted] = useState(false)
+ useEffect(() => { setMounted(true) }, [])
+ if (!mounted) return …
+ return {timeAgo(iso)}{suffix}
+}
+
+/**
+ * Hydration-safe absolute date formatter. Uses fixed 'en-US' locale + options
+ * so the server/client outputs match once mounted; renders a placeholder before
+ * mount to avoid timezone mismatches.
+ */
+function LocalDateTime({ iso, opts }: { iso: string; opts?: Intl.DateTimeFormatOptions }) {
+ const [mounted, setMounted] = useState(false)
+ useEffect(() => { setMounted(true) }, [])
+ if (!mounted) return …
+ return {new Date(iso).toLocaleString('en-US', opts)}
+}
+
+function SourceIcon({ source: _source }: { source: string }) {
+ // Truth Social only — no X/Twitter support.
return T
}
@@ -35,41 +66,128 @@ interface PostRowProps {
}
export default function PostRow({ post, selected, onClick }: PostRowProps) {
+ const [expanded, setExpanded] = useState(false)
const impact = post.price_impact
+
+ function handleClick() {
+ if (!onClick) setExpanded(e => !e)
+ onClick?.()
+ }
+
return (
-
-
-
-
-
@realDonaldTrump
-
·
-
{timeAgo(post.published_at)} ago
-
·
-
- {post.sentiment}
-
+
+ {/* ── main row ── */}
+
+
+
+
+ @realDonaldTrump
+ ·
+ ·
+
+ {post.sentiment}
+
+
+
+ {expanded ? post.text : (post.text.slice(0, 180) + (post.text.length > 180 ? '…' : ''))}
+
+
+
+
+
+ {impact ? (
+ <>
+ 1h peak
+ = 0 ? 'up' : 'down'}`}>
+ {impact.m1h == null ? '…' : fmtPct(impact.m1h)}
+
+
+ ) : (
+ no data
+ )}
+
+
+ AI
+ {post.ai_confidence}%
+
-
{post.text.slice(0, 180)}{post.text.length > 180 ? '…' : ''}
-
-
-
- {impact ? (
- <>
-
1h
-
= 0 ? 'up' : 'down'}`}>{fmtPct(impact.m1h)}
-
- ) : (
-
no data
+
+ {/* ── expanded detail ── */}
+ {expanded && (
+
e.stopPropagation()}
+ >
+ {/* AI confidence bar */}
+
+
+ AI confidence
+ {post.ai_confidence}%
+
+
+
+
+ {/* AI reasoning */}
+ {post.ai_reasoning && (
+
+
AI reasoning
+
+ {post.ai_reasoning}
+
+
+ )}
+
+ {/* Price impact — peak move in signal direction per window */}
+ {impact && (
+
+
Peak move · {impact.asset}
+
+ {(['m5', 'm15', 'm1h'] as const).map(key => {
+ const label = key === 'm5' ? '5m' : key === 'm15' ? '15m' : '1h'
+ const v = impact[key] // null = window still open
+ const correct = impact[`correct_${key}` as 'correct_m5' | 'correct_m15' | 'correct_m1h']
+ const pending = v == null
+ return (
+
+
{label}
+
= 0 ? 'up' : 'down'}`}
+ style={{ fontSize: 14, fontWeight: 600, color: pending ? 'var(--ink-3)' : undefined }}
+ >
+ {pending ? '…' : fmtImpactPct(v)}
+
+ {!pending && correct != null && (
+
+ {correct ? '✓' : '✗'}
+
+ )}
+ {pending && (
+
live
+ )}
+
+ )
+ })}
+
+
)}
-
- AI
- {post.ai_confidence}%
-
-
+ )}
)
}
-export { SignalPill, SourceIcon, fmtPct, timeAgo }
+export { SignalPill, SourceIcon, fmtPct, timeAgo, TimeAgo, LocalDateTime }
diff --git a/components/nav/Navbar.tsx b/components/nav/Navbar.tsx
index 21395d0..9e8cdb4 100644
--- a/components/nav/Navbar.tsx
+++ b/components/nav/Navbar.tsx
@@ -4,7 +4,6 @@ import { useState, useEffect } from 'react'
import Link from 'next/link'
import { usePathname } from 'next/navigation'
import { useAccount, useConnect, useDisconnect } from 'wagmi'
-import { injected } from 'wagmi/connectors'
function BrandMark() {
return
α
@@ -46,10 +45,12 @@ function ThemeToggle() {
export default function Navbar() {
const pathname = usePathname()
const { address, isConnected } = useAccount()
- const { connect } = useConnect()
+ const { connect, connectors } = useConnect()
const { disconnect } = useDisconnect()
const [mounted, setMounted] = useState(false)
+ const [walletMenuOpen, setWalletMenuOpen] = useState(false)
useEffect(() => { setMounted(true) }, [])
+ useEffect(() => { setWalletMenuOpen(false) }, [pathname, address])
const locale = pathname.split('/')[1] || 'en'
const path = '/' + pathname.split('/').slice(2).join('/')
@@ -98,45 +99,50 @@ export default function Navbar() {
{
- e.stopPropagation()
- const menu = (e.currentTarget.nextElementSibling as HTMLElement | null)
- if (menu) menu.style.display = menu.style.display === 'block' ? 'none' : 'block'
- }}
+ onClick={() => setWalletMenuOpen(open => !open)}
onBlur={(e) => {
- const menu = e.currentTarget.nextElementSibling as HTMLElement | null
- setTimeout(() => { if (menu) menu.style.display = 'none' }, 150)
+ if (!e.currentTarget.parentElement?.contains(e.relatedTarget as Node | null)) {
+ setWalletMenuOpen(false)
+ }
}}
+ aria-expanded={walletMenuOpen}
+ aria-haspopup="menu"
>
{shortAddr}
-
+
{
e.preventDefault()
if (address) navigator.clipboard?.writeText(address)
+ setWalletMenuOpen(false)
}}
- style={{ width: '100%', padding: '8px 10px', fontSize: 13, textAlign: 'left', borderRadius: 6, color: 'var(--ink)' }}
>
Copy address
{ e.preventDefault(); disconnect() }}
- style={{ width: '100%', padding: '8px 10px', fontSize: 13, textAlign: 'left', borderRadius: 6, color: 'var(--down)' }}
+ role="menuitem"
+ className="danger"
+ onMouseDown={(e) => {
+ e.preventDefault()
+ disconnect()
+ setWalletMenuOpen(false)
+ }}
>
Disconnect
) : (
-
connect({ connector: injected() })}>
+ {
+ const connector = connectors[0]
+ if (connector) connect({ connector })
+ }}
+ >
Connect wallet
)}
diff --git a/i18n.ts b/i18n.ts
index de0774b..65922ca 100644
--- a/i18n.ts
+++ b/i18n.ts
@@ -1,6 +1,9 @@
import { getRequestConfig } from 'next-intl/server'
-export const locales = ['en', 'ar', 'pt-BR', 'zh', 'ja'] as const
+// English-only. Other locales were listed historically but have no message
+// files, which caused browsers with non-English Accept-Language to be routed
+// to a missing bundle. Keep in sync with messages/*.json.
+export const locales = ['en'] as const
export type Locale = (typeof locales)[number]
export const defaultLocale: Locale = 'en'
diff --git a/lib/api.ts b/lib/api.ts
index 50929fe..b7fc744 100644
--- a/lib/api.ts
+++ b/lib/api.ts
@@ -52,6 +52,9 @@ export interface UserSettings {
take_profit_pct: number | null
stop_loss_pct: number | null
min_confidence: number
+ daily_budget_usd: number | null
+ active_from: string | null // ISO UTC
+ active_until: string | null // ISO UTC
}
export interface UserData {
diff --git a/lib/signedRequest.ts b/lib/signedRequest.ts
index bc4240c..483d377 100644
--- a/lib/signedRequest.ts
+++ b/lib/signedRequest.ts
@@ -55,6 +55,25 @@ export interface SignedEnvelope {
*/
const VIEW_TTL_MS = 4 * 60 * 1000
+/**
+ * Read-only: returns a cached, not-yet-expired view envelope if one exists.
+ * Never signs — never triggers a wallet popup. Returns null if no fresh cache.
+ */
+export function getCachedViewEnvelope(action: string, wallet: string): SignedEnvelope | null {
+ if (typeof window === 'undefined') return null
+ const cacheKey = `ts:view:${action}:${wallet.toLowerCase()}`
+ const raw = sessionStorage.getItem(cacheKey)
+ if (!raw) return null
+ try {
+ const env = JSON.parse(raw) as SignedEnvelope
+ if (Date.now() - env.timestamp < VIEW_TTL_MS) return env
+ } catch (err) {
+ console.warn('[signedRequest] corrupt cached envelope, ignoring', err)
+ sessionStorage.removeItem(cacheKey)
+ }
+ return null
+}
+
export async function getOrCreateViewEnvelope(params: {
action: string
wallet: string
@@ -68,7 +87,10 @@ export async function getOrCreateViewEnvelope(params: {
try {
const env = JSON.parse(raw) as SignedEnvelope
if (Date.now() - env.timestamp < VIEW_TTL_MS) return env
- } catch {}
+ } catch (err) {
+ console.warn('[signedRequest] corrupt cached envelope, ignoring', err)
+ sessionStorage.removeItem(cacheKey)
+ }
}
const env = await signRequest({
action: params.action,
diff --git a/lib/useRealtimeData.ts b/lib/useRealtimeData.ts
index b38cce5..107dde0 100644
--- a/lib/useRealtimeData.ts
+++ b/lib/useRealtimeData.ts
@@ -16,9 +16,12 @@ interface Handlers {
export function usePriceSocket(handlers: Handlers) {
const wsRef = useRef(null)
const handlersRef = useRef(handlers)
+ const unmountedRef = useRef(false)
+ const reconnectTimerRef = useRef | null>(null)
handlersRef.current = handlers
const connect = useCallback(() => {
+ if (unmountedRef.current) return
const ws = new WebSocket(`${WS_URL}/ws/prices`)
wsRef.current = ws
@@ -36,7 +39,10 @@ export function usePriceSocket(handlers: Handlers) {
}
ws.onclose = () => {
- setTimeout(connect, 3000)
+ // Don't schedule a reconnect if the component already unmounted —
+ // otherwise we leak a socket per navigation forever.
+ if (unmountedRef.current) return
+ reconnectTimerRef.current = setTimeout(connect, 3000)
}
ws.onerror = () => {
@@ -45,8 +51,11 @@ export function usePriceSocket(handlers: Handlers) {
}, [])
useEffect(() => {
+ unmountedRef.current = false
connect()
return () => {
+ unmountedRef.current = true
+ if (reconnectTimerRef.current) clearTimeout(reconnectTimerRef.current)
wsRef.current?.close()
}
}, [connect])
diff --git a/middleware.ts b/middleware.ts
index cbcaee4..f2a56e2 100644
--- a/middleware.ts
+++ b/middleware.ts
@@ -4,10 +4,11 @@ import { locales, defaultLocale } from './i18n'
export default createMiddleware({
locales,
defaultLocale,
+ localePrefix: 'always',
})
export const config = {
- matcher: [
- '/((?!api|_next/static|_next/image|favicon.ico|.*\\..*).*)' ,
- ],
+ // Only match locale-prefixed routes. `/` is served by `app/page.tsx`
+ // (the landing page) and must not be intercepted by the i18n middleware.
+ matcher: ['/(en)/:path*'],
}
diff --git a/next.config.mjs b/next.config.mjs
index 40fac5e..c4e168e 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -5,6 +5,14 @@ const withNextIntl = createNextIntlPlugin('./i18n.ts')
/** @type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: true,
+ webpack: (config) => {
+ config.resolve.fallback = {
+ ...config.resolve.fallback,
+ '@react-native-async-storage/async-storage': false,
+ 'pino-pretty': false,
+ }
+ return config
+ },
}
export default withNextIntl(nextConfig)
diff --git a/store/dashboard.ts b/store/dashboard.ts
index 51bd967..bcf621c 100644
--- a/store/dashboard.ts
+++ b/store/dashboard.ts
@@ -6,6 +6,7 @@ interface DashboardState {
timeframe: '5m' | '15m' | '1H' | '4H' | '1D' | '1W'
walletAddress: string | null
isSubscribed: boolean
+ botReadiness: 'unknown' | 'saved' | 'verified' | 'ready'
hlApiKeySet: boolean // true if user already has a key saved in backend
hlApiKeyMasked: string | null // e.g. "...a1b2c3" shown after successful save
livePrices: { BTC: number | null; ETH: number | null }
@@ -14,6 +15,7 @@ interface DashboardState {
setTimeframe: (tf: '5m' | '15m' | '1H' | '4H' | '1D' | '1W') => void
setWallet: (address: string | null) => void
setSubscribed: (subscribed: boolean) => void
+ setBotReadiness: (state: DashboardState['botReadiness']) => void
setHlApiKeySet: (set: boolean, masked?: string) => void
setLivePrice: (asset: 'BTC' | 'ETH', price: number) => void
}
@@ -24,6 +26,7 @@ export const useDashboardStore = create((set) => ({
timeframe: '4H',
walletAddress: null,
isSubscribed: false,
+ botReadiness: 'unknown',
hlApiKeySet: false,
hlApiKeyMasked: null,
livePrices: { BTC: null, ETH: null },
@@ -32,8 +35,14 @@ export const useDashboardStore = create((set) => ({
setTimeframe: (timeframe) => set({ timeframe }),
setWallet: (walletAddress) => set({ walletAddress }),
setSubscribed: (isSubscribed) => set({ isSubscribed }),
+ setBotReadiness: (botReadiness) => set({ botReadiness }),
setHlApiKeySet: (keySet, masked) =>
- set({ hlApiKeySet: keySet, hlApiKeyMasked: masked ?? null }),
+ set((s) => ({
+ hlApiKeySet: keySet,
+ // Preserve existing mask when called without one (e.g. the /public poll
+ // only returns a boolean). Only explicitly clear when keySet=false.
+ hlApiKeyMasked: !keySet ? null : (masked !== undefined ? masked : s.hlApiKeyMasked),
+ })),
setLivePrice: (asset, price) =>
set((s) => ({ livePrices: { ...s.livePrices, [asset]: price } })),
}))
diff --git a/types/index.ts b/types/index.ts
index ffcf717..43aee1e 100644
--- a/types/index.ts
+++ b/types/index.ts
@@ -12,9 +12,9 @@ export interface TrumpPost {
relevant: boolean
price_impact: {
asset: 'BTC' | 'ETH'
- m5: number
- m15: number
- m1h: number
+ m5: number | null // null = window still open (live rolling peak pending)
+ m15: number | null
+ m1h: number | null
price_at_post: number
correct_m5: boolean | null
correct_m15: boolean | null