// Home.jsx — Desk home, reframed as a value proposition.
// Same props and handlers (onScan, onBoard, onEndDay, onRetro) — the flow is
// unchanged. What changes: the screen now sells the promise (an AI agent that
// reads the market, drafts the trades, and hands you the call) and points you
// at your single best next move.
function DeskHome({ nickname, board, retroReady, onScan, onBoard, onEndDay, onRetro }) {
const deployed = (board || []).length;
const live = (board || []).filter((s) => s.column === "review").length;
const paper = (board || []).filter((s) => s.column === "doing").length;
const closed = (board || []).filter((s) => s.column === "done").length;
const inFlight = (board || []).filter((s) => s.column !== "todo").length; // anything past backlog
const hasBoard = deployed > 0;
const canEnd = inFlight > 0;
// The agent's single recommended next move — always an enabled card.
const recommend = retroReady ? "retro" : !hasBoard ? "scan" : "board";
const kicker = retroReady
? "A goal's in the books. Sharpen the system before the next run."
: !hasBoard
? "The market's open. Let's find your first edge."
: `${live} live · ${paper} on paper · ${inFlight} working — keep the pressure on.`;
const Icon = {
scan: (
),
board: (
),
review: (
),
retro: (
),
};
// Card configs — built once, then ordered with the recommended move first.
const configs = [];
if (retroReady) configs.push({
id: "retro", enabled: true, onClick: onRetro, icon: Icon.retro,
title: "Run the retrospective",
desc: "A trading goal closed out in full. Run the deep process review and bank the lesson.",
});
configs.push({
id: "scan", enabled: true, onClick: onScan, icon: Icon.scan,
title: "Scan the market",
desc: "The agent surfaces the strongest regime and stages strategies tuned to it.",
});
configs.push({
id: "board", enabled: hasBoard, onClick: onBoard, icon: Icon.board,
title: "Work the board",
desc: hasBoard ? "Advance each strategy — paper, live, then book the result." : "Stage strategies first to open the board.",
meta: hasBoard ? `${deployed} staged · ${live} live · ${closed} closed` : null,
});
configs.push({
id: "review", enabled: canEnd, onClick: onEndDay, icon: Icon.review,
title: "Strategy review",
desc: canEnd ? "AI-graded proposals on every strategy — even ones still paper-trading. Keep, dig in, or cut." : "Put a strategy in play first.",
});
const ordered = configs.slice().sort((a, b) => (b.id === recommend) - (a.id === recommend));
const Card = ({ enabled, accent, pick, icon, title, desc, meta, onClick }) => (
);
// The three-beat promise: the agent does the heavy lifting, you stay in command.
const loop = [
{ label: "Reads the\nmarket", icon: },
{ label: "Drafts the\ntrades", icon: },
{ label: "You make\nthe call", icon: },
];
return (
{/* Agent identity bar */}
Trade Wizard
Desk agent{nickname ? ` · ${nickname}` : ""}
Awake
{/* Value proposition */}
Trade at the top of your game.
Your AI desk agent reads every market, drafts the strategies, and pressure-tests the risk.
You make the calls that matter — approve, refine, and keep only what earns its place.
{/* The loop — agent does the work, you stay in command */}