);
}
// ============================================================
// SPLIT HERO
// ============================================================
function SplitHero({ tradingDay, nextStatus, onDiscord }) {
// tradingDay is the published (yesterday) day
return (
on this page · public
Yesterday · {fmtHuman(tradingDay)} · complete cycle published
in the discord · live · members only
Today · running live
);
}
// ============================================================
// NEW HERE banner — removed; CTA now lives in the Nav (right side).
// ============================================================
// KPI components live in kpis.jsx (KpiHero, HomeKpiTriad, FullKpiGrid, StatSheet)
// ============================================================
// TWEAKS DEFAULTS — exposed via the Tweaks panel
// Edit these values to change the page defaults.
// ============================================================
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"chartType": "area"
} /*EDITMODE-END*/;
// ============================================================
// EQUITY CURVE
// ============================================================
function EquityCard({ equity, initialCapital }) {
const [period, setPeriod] = useState('30D');
// Slice
const sliced = useMemo(() => {
const n = equity.length;
if (period === '7D') return equity.slice(Math.max(0, n - 7));
if (period === '14D') return equity.slice(Math.max(0, n - 14));
return equity;
}, [equity, period]);
const W = 540,H = 200;
const padL = 42,padR = 14,padT = 14,padB = 30;
const innerW = W - padL - padR;
const innerH = H - padT - padB;
const all = sliced.flatMap((e) => [e.mark_usd, e.realized_usd]);
const minV = Math.min(...all, initialCapital);
const maxV = Math.max(...all, initialCapital);
const pad = (maxV - minV) * 0.1 || 10000;
const yMin = Math.floor((minV - pad) / 10000) * 10000;
const yMax = Math.ceil((maxV + pad) / 10000) * 10000;
const yRange = yMax - yMin;
const xForIdx = (i) => padL + i / Math.max(1, sliced.length - 1) * innerW;
const yForV = (v) => padT + (1 - (v - yMin) / yRange) * innerH;
const markPath = sliced.map((d, i) => `${i === 0 ? 'M' : 'L'} ${xForIdx(i)} ${yForV(d.mark_usd)}`).join(' ');
const realizedPath = sliced.map((d, i) => `${i === 0 ? 'M' : 'L'} ${xForIdx(i)} ${yForV(d.realized_usd)}`).join(' ');
const fillPath = markPath + ` L ${xForIdx(sliced.length - 1)} ${padT + innerH} L ${padL} ${padT + innerH} Z`;
// Y gridlines: 5
const ylines = [];
for (let i = 0; i <= 4; i++) {
const v = yMin + yRange * i / 4;
ylines.push({ v, y: yForV(v) });
}
const yInitial = yForV(initialCapital);
// X tick dates
const xTicks = [];
const step = Math.max(1, Math.floor(sliced.length / 4));
for (let i = 0; i < sliced.length; i += step) xTicks.push({ i, d: sliced[i].date });
if (xTicks.length && xTicks[xTicks.length - 1].i !== sliced.length - 1) {
xTicks.push({ i: sliced.length - 1, d: sliced[sliced.length - 1].date });
}
return (
Account equityREALIZED + MARK · STARTS ${initialCapital.toLocaleString()}
{['30D', '14D', '7D'].map((p) =>
)}
account equity · mark-to-market realized only initial capital
);
}
// ============================================================
// OPEN EXPOSURE
// ============================================================
function ExposureCard({ positions, risk }) {
return (
{(risk.max_loss_pct_of_nav * 100).toFixed(2)}% of NAV · {risk.stops_summary}
);
}
// ============================================================
// SYSTEM FLOW VISUAL — raw data → plan → order execution
// High-level intro to the system for first-time visitors.
// Subtle CSS animations on each stage; the page below is the proof.
// ============================================================
// Rulebook stage glyph — when active, cycles V4.7→V4.8→V4.9 and shows
// an animated data inflow arrow, emphasising "upgraded based on latest
// market conditions."
function RulebookGlyph({ active }) {
const versions = ['V4.7', 'V4.8', 'V4.9'];
const [vIdx, setVIdx] = useState(0);
useEffect(() => {
if (!active) {setVIdx(0);return;}
const t = setInterval(() => setVIdx((i) => (i + 1) % versions.length), 380);
return () => clearInterval(t);
}, [active]);
return (
);
}
function SystemFlowVisual() {
const N = 5;
const [activeIdx, setActiveIdx] = useState(0);
const reduced = typeof window !== 'undefined' &&
window.matchMedia &&
window.matchMedia('(prefers-reduced-motion: reduce)').matches;
useEffect(() => {
if (reduced) return;
const t = setInterval(() => {
setActiveIdx((i) => (i + 1) % N);
}, 1400);
return () => clearInterval(t);
}, [reduced]);
const stages = [
{ id: 'data', title: 'Raw market data' },
{ id: 'rulebook', title: 'Rulebook' },
{ id: 'plan', title: 'Pre-market plan' },
{ id: 'order', title: 'Intraday order' },
{ id: 'review', title: 'Post-market review' }];
const Glyph = ({ id, isActive }) => {
switch (id) {
case 'data':
return (
);
case 'rulebook':
return ;
case 'plan':
return (
);
case 'order':
return (
);
case 'review':
return (
);
default:
return null;
}
};
return (
{stages.map((s, i) =>
{s.title}
{i < stages.length - 1 &&
}
)}
);
}
// (Old TraceabilityPillars removed — replaced by SystemFlowVisual above.)
// ============================================================
// TRADE CONNECTOR — visual bridge between chart and selected-trade bar
// Re-keyed on every selection so the strip animates fresh each time.
// ============================================================
function TradeConnector({ tradeId }) {
return (
Anyone can post a winning screenshot. Few can prove the chain.
A single trade can be copied. A green P&L can be staged. But an unbroken operating record cannot be faked easily: pre-market plans timestamped before price moves, trades reconciled to real fills, losses published, rules versioned, and every decision traced from raw data to result.
{nodes.map((node, i) =>
{node.n}
{node.t}
{i < nodes.length - 1 && }
)}
);
}
// ============================================================
// T+1 CTA — Beta Cohort 1, 100 founding seats, direct subscribe
// ============================================================
function T1Cta({ config, onJoin }) {
const { cta } = config;
const cap = cta.founding_cap || 100;
const current = cta.founding_current ?? 0;
const remaining = Math.max(0, cap - current);
const pct = Math.min(100, current / cap * 100);
return (
the t+1 mechanic
Everything above is yesterday. Today's operating room is running live — in Discord.
The public site is the retrospective: yesterday's plan, execution, and post-mortem, published in full. Discord is the live room: today's pre-market plan being built, the rulebook being interpreted in real time, and the same-day post-market review within an hour of close. Same system, different latency — a place to learn the operating system while it runs, paper-trade the process, and sharpen execution discipline alongside other members.
);
}
// ============================================================
// ABOUT TANK (placeholder)
// ============================================================
function AboutTank() {
return (
who runs this
Built by a systems designer, not a guru.
“I built a system, not a story.”
— Tank Tangke
T
Tank Tangke · Singapore
Photo & bio placeholder
Day job: Deloitte Partner. Designs SAP Security, GRC, and control-automation systems for enterprises. This trade desk is the same discipline, turned outward — timestamped plans, broker-reconciled trades, versioned rulebook, logged corrections. The traceability you see on this page isn't a feature; it's the only way the founder knows how to operate. Education only · not financial advice.
The rulebook is versioned. Today: {rulebookVersion}.
Seven scored modules read the market every morning — weekly, daily, SPX, macro, breadth, leadership and monthly derivatives — and that regime read sets which setups can fire. V4.7 adds a QQQ-calibrated Markov model to anchor the 15-day probabilities. Every change ships dated and versioned, with a public changelog.
on the 18%
18% is the annual return hurdle the system is designed to beat over time — through disciplined planning, controlled execution, post-market review, and continuous rulebook improvement. It is not a monthly-return promise.
rulebook changelog · real version history
V4.7today
Markov + HMM regime persistence. A QQQ-calibrated Markov model now anchors the §17 probability framework — replacing the old fixed 50% base with a real 10-step forward distribution. An HMM runs daily as an informational divergence flag (it never touches the scoring math). New §5.4; §17 and §18 amended.
V4.619 May
Module-input expansion. Driven by the 18 May correlation sweep: Macro (§6) adds TLT + XLE and a defensive-rotation tag (SPLV/XLU); Breadth (§7) adds IWM; Leadership (§8) adds IGV/FDN, a semi supply-chain pulse, and a Mag-7 dispersion check. The seven-module SBS architecture is unchanged.
V4.512 May
§11B take-profit carve-out. Under Structural Bull only (SBS +5…+7), the planner may emit a stop-sell-at-final-destination per long tier, with a regime-drift kill-switch if SBS slips below +5. Every other execution prohibition stays in force.
V4.4.112 May
High-impact events only. The economic calendar is filtered to high-impact releases; medium- and low-impact events are dropped from all inputs, scenario logic, and gap-risk labeling. §3.1 · §3.2 · §15
V4.4
Swing-mapping baseline. Pre-Market Planner becomes a pure higher-timeframe engine — regime, location, scenario mapping, activation, invalidation, and zone rationale. Narrow-zone discipline is mandatory: every activation band is tighter than 2.00 QQQ points.
The NQ chart in the Order-execution tab shows just the selected trade's window with key levels (entry, stop, target, exit) marked. Pick a day in the calendar to switch trades.
);
}
// Mount
ReactDOM.createRoot(document.getElementById('root')).render();