/* web_sheets.jsx — bottom-sheet popups for the web + full-screen onboarding boards. Ports the mobile build's slide-up sheet pattern (grabber handle, accent top-rule, scrim) so the web dashboard has real popups instead of toast-only stubs. Anchors to the nearest positioned ancestor — both boards render these inside the app surface's relative container, so the sheet sits over the dashboard, not the page. */ /* ---------- shared shell: scrim + slide-up panel with grabber ------------- */ const WebSheet = ({ onClose, children, maxHeight = "88%" }) => ( <>
{children}
); const SheetHead = ({ eyebrow, title, onClose }) => (
{eyebrow && {eyebrow}}
{title}
); /* ---------- activity / transaction detail · receipt-style sheet ----------- */ const ACT_CATEGORY = { spending: "Spending", income: "Income", transfers: "Transfer", automations: "Automation", investments: "Investment" }; const ActivitySheet = ({ item, onClose }) => { const upcoming = /^(Mon|Tue|Wed|Thu|Fri|Sat|Sun)/.test(item.when || ""); const hasAmount = item.amount != null; const positive = (item.amount || 0) > 0 || (item.amountLabel && item.amountLabel.startsWith("+")); const cat = ACT_CATEGORY[item.cat] || "Activity"; const detailRows = [ ["Status", upcoming ? "Scheduled" : "Completed"], ["When", item.when], ["Category", cat], ["Detail", item.sub], ]; return (
{/* amount block */}
{hasAmount ? ( ) : ( {item.amountLabel || "—"} )}
{/* receipt rows */}
{detailRows.map(([k, v], i) => (
{k} {v}
))}
{upcoming ? "Scheduled moves still need your approval before they run." : "Full history and receipts live in the Accounts tab."}
Done
); }; /* ---------- add money · funding bottom sheet ------------------------------ */ const AddMoneySheet = ({ onConnect, onClose }) => { const Opt = ({ icon, title, sub, onClick, primary }) => ( ); return (
Funds at Yoshi are FDIC-insured up to $250,000 through our partner banks. Every move still needs your approval.
); }; Object.assign(window, { WebSheet, SheetHead, ActivitySheet, AddMoneySheet });