/* home_dayone_web.jsx - core app Day 0 Home for the web onboarding build. It follows the core app Home screen shape; the chart area is replaced by the Day 0 Get started checklist and its existing completion logic. */ if (typeof window !== "undefined") window.__YOSHI_WEB = true; const WH_CONTENT_W = 430; const WH_IOS = Object.freeze({ largeTitle: 34, title1: 28, title2: 22, title3: 20, headline: 17, body: 17, callout: 16, subheadline: 15, footnote: 13, caption1: 12, caption2: 11, }); const WHShell = ({ children }) => (
{children}
); const WHHeader = ({ nav, flash }) => (
Home
); const WHSectionKicker = ({ children, style }) => ( {children} ); const WHSectionAction = ({ children, onClick }) => ( ); const WHGetStarted = ({ steps, onDismiss }) => (
Get started
{steps.map((s, i) => ( ))}
); const WHBalanceBand = ({ balance, showActivation, getStartedDismissed, steps, onDismiss }) => (
Yoshi balance
Today
{showActivation && !getStartedDismissed && }
); const WHNeedsYouCard = ({ flash }) => (
Yoshi agent
Buy $500.00 of NVDA every market day
$500.00
); const WHNeedsYouSection = ({ flash }) => (
Needs you flash && flash("More ideas open in the full app")}>+9 more
); const WHHoldingRow = ({ h, last, flash }) => { const up = h.dch >= 0; const priceMove = h.last * h.dch / 100; return ( ); }; const WHHoldingsSection = ({ flash }) => { const order = ["vti", "btc", "voo", "aapl", "nvda", "sol"]; const holdings = order.map((id) => HOLDINGS.find((h) => h.id === id)).filter(Boolean); return (
Holdings flash && flash("Holdings open in the full app")}>View all
{holdings.map((h, i) => ( ))}
); }; const WHChatBubble = ({ children }) => (
{children}
); const WHChatChip = ({ children, onClick }) => ( ); const WHChatPillar = ({ flash, onAddMoney, onConnect }) => ( ); const WHActivityPillar = ({ externals, nav }) => ( ); const WebHomeDayOne = ({ balance = 0, externals = [], linkedCount, nav, flash, onAddMoney, onConnect }) => { const [getStartedDismissed, setGetStartedDismissed] = React.useState(false); const [wide, setWide] = React.useState(() => (typeof window !== "undefined" ? window.innerWidth >= 900 : true)); React.useEffect(() => { const sync = () => setWide(window.innerWidth >= 900); sync(); window.addEventListener("resize", sync); return () => window.removeEventListener("resize", sync); }, []); const linked = externals.length || (linkedCount || 0); const hasFunding = balance > 0; const hasConnections = linked > 1; const showActivation = !(hasFunding && hasConnections); const steps = [ !hasFunding && { key: "fund", icon: "plus", title: "Add money", sub: "So Yoshi can start growing your money", done: false, onClick: onAddMoney, }, !hasConnections && { key: "connect", icon: "route", title: "Connect accounts", sub: "So Yoshi can spot ideas everywhere", done: false, onClick: onConnect, }, ].filter(Boolean); const homeColumn = (
setGetStartedDismissed(true)} />
); if (!wide) return homeColumn; return (
{homeColumn}
); }; window.WebHomeDayOne = WebHomeDayOne;