Production polish: i18n shelved, PWA icons, SEO/GEO cleanup, UX fixes
Big-picture changes since 01be8e7:
New routes — /trump /btc /kol /trades /analytics /archive plus four
SEO landing pages (/methodology /glossary /case-studies /contact),
all served under /[locale]. Each has dedicated metadata + JSON-LD.
KOL page (new) — DigestWidget + OnchainWidget + TalkVsTradesWidget,
filter by handle/ticker, click-through to per-post detail with the
original AI-extracted ticker/conviction/quote.
BTC page (new) — tabbed: macro-bottom (AHR999 + 200WMA + Pi Cycle)
and funding-rate reversal, with live sparkline + threshold bands.
Telegram card on Settings — wallet-link code generation, status,
disconnect. Preferences moved into the bot itself (/trump /btc etc.)
so the card stays minimal.
SignalMonitor (new) — ETH/LINK Bollinger breakout monitor in its own
component, shares the singleton WsProvider so no second WS opens.
WS singleton refactor (lib/wsContext) — shared WsProvider + useWsSubscribe
hook. Cleanup now actively closes the socket on unmount; previously the
local `ws` couldn't be reached from cleanup and leaked one connection
per StrictMode remount.
OpenPositions polling no longer pops MetaMask in the background —
splits into load('first') for user-initiated and load('poll') that
uses getCachedViewEnvelope without signing.
i18n shelved — proxy.ts (Next 16 middleware rename) wires next-intl
but only Navbar + layout footer have translations. Rest of UI used
isZh ternary scattered across 28 files. All `const isZh = locale === 'zh'`
flipped to `const isZh = false` so every site renders English; Chinese
branches kept as dead code so revival is one regex away.
LanguageSwitch hidden but file kept. zh-CN hreflang removed from
metadata + sitemap to avoid duplicate-content penalties.
Wallet error handling — lib/walletError.ts: isUserRejection walks EIP-1193
code 4001 + .cause chain; previous string-match for "reject"/"denied"
broke for users running MetaMask in non-English UIs. 12 call sites
migrated across 5 components.
PWA icons — app/icon.tsx + app/apple-icon.tsx render the brand "α" via
Next's ImageResponse so no static PNG asset is required. manifest.ts
references /icon and /apple-icon dynamic routes.
OG image + sitemap + robots — dynamic 1200×630 OG card; robots blocks
both /en/settings and /zh/settings; sitemap only emits /en routes;
JSON-LD covers SoftwareApplication + Organization + 10-Q FAQPage.
Landing page polish — Launch Dashboard button stripped of magnetic
hover + shimmer + lift + glow expansion (multiple users found it busy);
hero scramble alphabet swapped to alphanumeric (was block characters);
"15 KOL feeds" copy updated to 19 in 5 places.
PostCards source icons — new entries for btc_bottom_reversal,
funding_reversal, kol_divergence so they no longer fall through to
the generic "first letter" fallback.
Archive page filter — excludes funding_reversal + kol_divergence
(previously only excluded truth + btc_bottom_reversal so new live
signals leaked into the legacy archive).
Cache + skeleton loading — lib/cache.ts SWR module with per-key TTL,
applied across the major pages so navigation feels instant.
SignConfirmSheet — 4 hardcoded Chinese strings translated to English
(English users were seeing zh-only "需要钱包签名" etc).
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,267 @@
|
||||
'use client'
|
||||
|
||||
import { useState, useEffect, useCallback } from 'react'
|
||||
import { useLocale } from 'next-intl'
|
||||
import { useAccount, useSignMessage } from 'wagmi'
|
||||
import { getUserPublic, setAutoTrade, type UserPublic } from '@/lib/api'
|
||||
import { signRequest } from '@/lib/signedRequest'
|
||||
import { isUserRejection, walletErrorLabel } from '@/lib/walletError'
|
||||
import { confirmSign } from '@/components/wallet/SignConfirmSheet'
|
||||
|
||||
/**
|
||||
* ONE control: the master Auto-Trade switch.
|
||||
*
|
||||
* OFF (default, safe) — signals are still scanned & shown in the feed,
|
||||
* but NO trade is opened. Pure monitoring.
|
||||
* ON — a qualifying signal auto-opens a trade (full
|
||||
* System-2 risk: dynamic leverage, staged de-risk,
|
||||
* ratchet, peak-trail). De-risk / stop-loss always
|
||||
* run on open positions regardless — never toggleable.
|
||||
*
|
||||
* Replaces the old scanner-toggle / timed manual-window / schedule / paper
|
||||
* trio. Circuit breaker is read-only; turning Auto-Trade ON acknowledges +
|
||||
* clears a tripped breaker. Per-trade pyramiding is the "Grow" switch on
|
||||
* each open position (Trades page), not here.
|
||||
*/
|
||||
|
||||
const SYS = {
|
||||
trump: { idx: '①', name: 'Trump', accent: '#b45309', soft: 'rgba(180,83,9,0.08)' },
|
||||
btc: { idx: '②', name: 'BTC', accent: '#16a34a', soft: 'rgba(22,163,74,0.08)' },
|
||||
} as const
|
||||
|
||||
const ROW: React.CSSProperties = {
|
||||
display: 'flex', alignItems: 'center', justifyContent: 'space-between',
|
||||
gap: 12, padding: '8px 0', flexWrap: 'wrap',
|
||||
}
|
||||
const LABEL: React.CSSProperties = { fontSize: 13, color: 'var(--ink-2)' }
|
||||
|
||||
export default function SystemControl({ system }: { system: 'trump' | 'btc' }) {
|
||||
const locale = useLocale()
|
||||
const isZh = false // i18n shelved — Chinese branches kept as dead code for future revival; see messages/zh.json
|
||||
const s = SYS[system]
|
||||
const { address, isConnected } = useAccount()
|
||||
const { signMessageAsync } = useSignMessage()
|
||||
|
||||
const [mounted, setMounted] = useState(false)
|
||||
const [pub, setPub] = useState<UserPublic | null>(null)
|
||||
const [busy, setBusy] = useState(false)
|
||||
const [err, setErr] = useState('')
|
||||
|
||||
useEffect(() => { setMounted(true) }, [])
|
||||
|
||||
const refresh = useCallback(async () => {
|
||||
if (!address) { setPub(null); return }
|
||||
const p = await getUserPublic(address.toLowerCase()).catch(() => null)
|
||||
setPub(p)
|
||||
}, [address])
|
||||
|
||||
useEffect(() => {
|
||||
refresh()
|
||||
const poll = setInterval(refresh, 30_000)
|
||||
return () => clearInterval(poll)
|
||||
}, [refresh])
|
||||
|
||||
const subscribed = !!pub?.active
|
||||
const paper = !!pub?.paper_mode
|
||||
const autoOn = !!pub?.auto_trade
|
||||
const cbTripped = !!pub?.circuit_breaker_tripped_at &&
|
||||
(Date.now() - new Date(pub!.circuit_breaker_tripped_at!).getTime()) < 24 * 3600 * 1000
|
||||
|
||||
async function flipAuto(on: boolean) {
|
||||
if (busy) return
|
||||
if (!address) { setErr(isZh ? '请先连接右上角的钱包。' : 'Connect your wallet first (top-right).'); return }
|
||||
if (!subscribed) { setErr(isZh ? '钱包尚未订阅,请先去设置页完成订阅。' : 'Wallet not subscribed — subscribe on the Settings page first.'); return }
|
||||
if (autoOn === on) return
|
||||
|
||||
// Show pre-signing confirmation sheet before triggering MetaMask
|
||||
const confirmed = await confirmSign(on
|
||||
? {
|
||||
label: paper
|
||||
? (isZh ? '开启 Auto-Trade(模拟模式)' : 'Enable Auto-Trade (paper mode)')
|
||||
: (isZh ? '开启 Auto-Trade(真实资金)' : 'Enable Auto-Trade (live capital)'),
|
||||
description: paper
|
||||
? (isZh
|
||||
? '机器人将在信号触发时自动开仓(Paper 模式,无真实资金)。钱包签名仅用于身份验证。'
|
||||
: 'The bot will auto-open positions when a qualifying signal fires in paper mode. No real capital is used. The wallet signature is only for identity verification.')
|
||||
: (isZh
|
||||
? '机器人将在 Hyperliquid 上用真实资金自动开仓。止损与分级减仓始终生效保护仓位。'
|
||||
: 'The bot will auto-open real positions on Hyperliquid. Stop-loss and staged de-risking remain active to protect the position.'),
|
||||
danger: !paper,
|
||||
}
|
||||
: {
|
||||
label: isZh ? '关闭 Auto-Trade' : 'Disable Auto-Trade',
|
||||
description: isZh
|
||||
? '停止自动开仓。已有持仓的止损与减仓逻辑仍会继续运行。'
|
||||
: 'Stop opening new trades automatically. Risk controls on existing positions will keep running.',
|
||||
danger: false,
|
||||
}
|
||||
)
|
||||
if (!confirmed) return
|
||||
|
||||
setErr(''); setBusy(true)
|
||||
try {
|
||||
const env = await signRequest({
|
||||
action: 'set_auto_trade', wallet: address,
|
||||
body: { enabled: on }, signMessageAsync,
|
||||
})
|
||||
const r = await setAutoTrade(env, on)
|
||||
setPub(p => p ? {
|
||||
...p,
|
||||
auto_trade: r.auto_trade,
|
||||
...(r.circuit_breaker_cleared
|
||||
? { circuit_breaker_tripped_at: null, circuit_breaker_reason: null }
|
||||
: {}),
|
||||
} : p)
|
||||
} catch (e) {
|
||||
if (isUserRejection(e)) {
|
||||
setErr(isZh ? '已取消' : 'Cancelled')
|
||||
} else {
|
||||
setErr(walletErrorLabel(e, isZh ? '已取消' : 'Cancelled', 110)
|
||||
|| (isZh ? 'Auto-Trade 切换失败' : 'Auto-Trade toggle failed'))
|
||||
}
|
||||
} finally { setBusy(false) }
|
||||
}
|
||||
|
||||
if (!mounted) {
|
||||
return (
|
||||
<div className="card" style={{ padding: 16, marginBottom: 16, fontSize: 13, color: 'var(--ink-3)' }}>
|
||||
{isZh
|
||||
? `连接右上角的钱包后,才能操作 ${s.name} 模块。`
|
||||
: `Connect a wallet (top-right) to operate the ${s.name} system.`}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
if (!isConnected) {
|
||||
return (
|
||||
<div className="card" style={{ padding: 16, marginBottom: 16, fontSize: 13, color: 'var(--ink-3)' }}>
|
||||
{isZh
|
||||
? `连接右上角的钱包后,才能操作 ${s.name} 模块。`
|
||||
: `Connect a wallet (top-right) to operate the ${s.name} system.`}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
// ── Net result — the single sentence that matters ─────────────────────────
|
||||
let netOk = false
|
||||
let netMsg = ''
|
||||
if (!subscribed) {
|
||||
netMsg = isZh
|
||||
? '钱包还没订阅,请先去设置页完成订阅。'
|
||||
: 'Wallet not subscribed — subscribe on the Settings page first.'
|
||||
} else if (cbTripped) {
|
||||
netMsg = isZh
|
||||
? `熔断器已触发(${pub?.circuit_breaker_reason || '风险限制'})。重新打开 Auto-Trade 才会确认并恢复。`
|
||||
: `Circuit breaker tripped (${pub?.circuit_breaker_reason || 'risk limit'}). Turn Auto-Trade ON to acknowledge & resume.`
|
||||
} else if (!autoOn) {
|
||||
netMsg = isZh
|
||||
? 'Auto-Trade 当前为关闭(全局): Trump 和 BTC 信号仍会显示,但不会自动开仓。'
|
||||
: 'Auto-Trade is OFF (global) — Trump AND BTC signals are shown in the feed but NOT traded.'
|
||||
} else {
|
||||
netOk = true
|
||||
netMsg = isZh
|
||||
? `Auto-Trade 已开启(全局,覆盖 Trump 和 BTC): 下一条合格信号会自动开出${paper ? '模拟' : '真实'}仓位。`
|
||||
: `Auto-Trade ON (global, both Trump & BTC) — will open a ${paper ? 'PAPER' : 'LIVE'} trade on the next qualifying signal.`
|
||||
}
|
||||
|
||||
const Pill = ({ active, onClick, children, tone }: {
|
||||
active: boolean; onClick: () => void; children: React.ReactNode
|
||||
tone: 'green' | 'idle'
|
||||
}) => {
|
||||
const bg = active ? (tone === 'green' ? 'var(--up, #16a34a)' : 'var(--ink-3)') : 'transparent'
|
||||
return (
|
||||
<button onClick={onClick} disabled={busy}
|
||||
style={{
|
||||
padding: '8px 20px', fontSize: 13, fontWeight: 800, borderRadius: 8,
|
||||
cursor: busy ? 'wait' : 'pointer',
|
||||
border: active ? `1px solid ${bg}` : '1px solid var(--line)',
|
||||
background: active ? bg : 'transparent',
|
||||
color: active ? '#fff' : 'var(--ink-3)',
|
||||
}}>{children}</button>
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="card" style={{ padding: 0, marginBottom: 16, overflow: 'hidden' }}>
|
||||
{/* Header */}
|
||||
<div style={{ padding: '14px 16px', background: s.soft,
|
||||
borderLeft: `4px solid ${s.accent}` }}>
|
||||
<div style={{ fontSize: 14, fontWeight: 700, color: s.accent }}>
|
||||
{s.idx} {s.name} {isZh ? '控制面板' : '— control'}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Master Auto-Trade switch */}
|
||||
<div style={{ padding: '16px' }}>
|
||||
<div style={ROW}>
|
||||
<div>
|
||||
<div style={{ fontSize: 14, fontWeight: 700 }}>
|
||||
Auto-Trade <span style={{ fontSize: 10, fontWeight: 600,
|
||||
color: 'var(--ink-4)', marginLeft: 6 }}>{isZh ? '· 全局(Trump + BTC)' : '· GLOBAL (Trump + BTC)'}</span>
|
||||
</div>
|
||||
<div style={{ fontSize: 11, color: 'var(--ink-4)', marginTop: 3, maxWidth: 480, lineHeight: 1.5 }}>
|
||||
{isZh ? (
|
||||
<>
|
||||
<strong>一个开关控制两套系统。</strong> 关闭时:信号仍会扫描并显示,但不会自动交易。
|
||||
开启时:满足条件的 Trump 或 BTC 信号都会自动开仓。无论开关状态如何,
|
||||
已开仓位的止损和分级降风险都会继续保护持仓。
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<strong>One switch for both systems.</strong> OFF: signals scanned
|
||||
& shown in the feed, nothing traded. ON: a qualifying Trump OR
|
||||
BTC signal auto-opens a trade. Stop-loss / staged de-risk always
|
||||
protect open positions either way.
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
<div style={{ display: 'flex', gap: 6 }}>
|
||||
<Pill active={autoOn} onClick={() => flipAuto(true)} tone="green">ON</Pill>
|
||||
<Pill active={!autoOn} onClick={() => flipAuto(false)} tone="idle">OFF</Pill>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Read-only status */}
|
||||
<div style={{ ...ROW, borderTop: '1px solid var(--line)', marginTop: 8, paddingTop: 12 }}>
|
||||
<span style={LABEL}>{isZh ? '执行模式' : 'Execution mode'}</span>
|
||||
<span style={{ fontSize: 12, fontWeight: 700, color: paper ? '#f59e0b' : 'var(--up)' }}>
|
||||
{paper ? (isZh ? '📝 模拟' : '📝 PAPER') : (isZh ? '💰 真实资金' : '💰 LIVE')}
|
||||
<span style={{ color: 'var(--ink-4)', fontWeight: 400, marginLeft: 8 }}>
|
||||
{isZh ? '· 订阅时确定' : '· set when subscribing'}
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div style={ROW}>
|
||||
<span style={LABEL}>{isZh ? '熔断器' : 'Circuit breaker'}</span>
|
||||
<span style={{ fontSize: 12, fontWeight: 700,
|
||||
color: cbTripped ? 'var(--down)' : 'var(--up)' }}>
|
||||
{cbTripped
|
||||
? (isZh ? `🚨 已触发(${pub?.circuit_breaker_reason})` : `🚨 tripped (${pub?.circuit_breaker_reason})`)
|
||||
: (isZh ? '✓ 正常' : '✓ clear')}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
{err && (
|
||||
<div style={{ fontSize: 11, color: 'var(--down)', marginTop: 10 }}>● {err}</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Net result */}
|
||||
<div style={{
|
||||
padding: '14px 16px',
|
||||
background: netOk ? 'var(--up-soft)' : 'var(--down-soft, rgba(220,38,38,.08))',
|
||||
borderTop: '1px solid var(--line)',
|
||||
}}>
|
||||
<div style={{ fontSize: 11, fontWeight: 700, letterSpacing: '.06em',
|
||||
textTransform: 'uppercase', color: 'var(--ink-3)', marginBottom: 4 }}>
|
||||
{isZh ? '⟹ 当前结果' : '⟹ Net result'}
|
||||
</div>
|
||||
<div style={{ fontSize: 14, fontWeight: 700,
|
||||
color: netOk ? 'var(--up)' : 'var(--down)' }}>
|
||||
{netOk ? '✅ ' : '⛔ '}{netMsg}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user