// Cover.jsx — opening title card. Captures nickname, previews the
// 6-round loop, shows the top of the leaderboard.
const { useState: useStateCV, useEffect: useEffectCV, useRef: useRefCV } = React;
const NICK_STORAGE = "agent-trading-nickname-v1";
// Editor preview URLs carry single-use tokens — anyone else who opens
// them will hit a "preview token" error. Treat these as "no URL yet"
// and prompt the host to paste their published link.
function looksLikePreviewUrl(url) {
if (!url) return true;
const u = url.toLowerCase();
return (
u.includes("preview") ||
u.includes("?token=") ||
u.includes("&token=") ||
u.includes("openmind.app") ||
u.includes("sandbox") ||
u.startsWith("about:") ||
u.startsWith("blob:") ||
u.startsWith("data:") ||
u.includes("localhost")
);
}
function Cover({ onStart }) {
const [nick, setNick] = useStateCV(() => {
try { return localStorage.getItem(NICK_STORAGE) || ""; } catch (e) { return ""; }
});
const [error, setError] = useStateCV(null);
const [shareOpen, setShareOpen] = useStateCV(false);
const [shareUrl, setShareUrl] = useStateCV(() => {
// Try the parent frame URL first, but only keep it if it looks like a
// real shareable link. Editor-preview URLs carry expiring tokens that
// 404 for anyone else, so we blank those out and let the host paste
// their published share URL.
let url = "";
try { url = window.parent.location.href; } catch (e) {
try { url = window.location.href; } catch (e2) {}
}
if (looksLikePreviewUrl(url)) return "";
return url;
});
const inputRef = useRefCV(null);
useEffectCV(() => {
if (inputRef.current && !nick) {
// Don't autofocus on mobile (keyboard pops); just place caret on click.
}
}, []);
const submit = () => {
const clean = nick.trim().slice(0, 20);
if (!clean) {
setError("Pick a handle first.");
inputRef.current?.focus();
return;
}
try { localStorage.setItem(NICK_STORAGE, clean); } catch (e) {}
onStart(clean);
};
const dieRoll = () => {
const s = window.lbSuggestNickname();
setNick(s);
setError(null);
};
return (
{/* Hero */}
Agent Trading Desk
Trade like you've got a quant desk behind you.
Your AI agent scans the overnight markets, drafts the strategies, and runs the risk
checks. You make the calls. Every session you book P&L, climb the board, and get
sharper — this is where good traders become great.