);
};
const BRIEF_TYPE = { recap: "Market recap", alert: "Price alert", opportunity: "Opportunity", nudge: "Heads-up", automation: "Automation", report: "Scheduled report" };
/* a single brief, opened like an email — full read + a chat-with-Yoshi CTA */
/* the ordered "catch up" feed (error alerts, then insights) — matches the
openable order in BriefsBoard so Mark-as-read advances brief→brief */
const BRIEF_FEED = () => [
...ERROR_ALERTS.map((e) => ({ ...e, kind: "alert", icon: "bell" })),
...BRIEF_INSIGHTS.map((it) => ({ id: "ins-" + it.label, kind: "insight", icon: "bulb", title: it.label, body: it.read, ask: it.ask, stat: it.stat, tone: it.tone })),
...BRIEFS.filter((b) => b.folder === "alerts").map((b) => ({ ...b, kind: "insight", icon: "bulb" })),
];
/* per-brief conversation · chatting inside an alert/insight brief keeps you in
the brief (not the global chat) and persists, so returning shows the context. */
const BRIEF_THREAD_KEY = "yoshi_brief_threads";
const readBriefThreads = () => { try { return JSON.parse(localStorage.getItem(BRIEF_THREAD_KEY) || "{}"); } catch (e) { return {}; } };
const useBriefThread = (id) => {
const [msgs, setMsgs] = useState(() => readBriefThreads()[id] || []);
useEffect(() => { setMsgs(readBriefThreads()[id] || []); }, [id]);
const persist = (next) => { const all = readBriefThreads(); all[id] = next; try { localStorage.setItem(BRIEF_THREAD_KEY, JSON.stringify(all)); } catch (e) {} setMsgs(next); };
return [msgs, persist];
};
const briefFollowup = (t) => {
const s = (t || "").toLowerCase();
if (/why|how|explain|what/.test(s)) return "Good question. The short version: it follows from your current balances and the rule you set. I can show the exact numbers or draft a change if you'd like.";
if (/yes|do it|go ahead|sure|please/.test(s)) return "On it. I'll put together a proposal you can approve, and flag it in your stream before anything runs.";
return "Got it. I'll look into that and come back with something specific you can act on.";
};
const BriefBubble = ({ m }) => {
const isUser = m.from === "user";
return (
}
{/* chat field — only on live briefs; archived/resolved briefs are read-only */}
{!isClosed &&
}
}
);
};
/* a proposal teaser in the "Needs you" folder — opens the approval sheet */
const PropRow = ({ p, onReview, last }) =>
;
/* the briefs body (collapsible sections + swipe-to-archive + new-brief CTA),
reused by the full-screen BriefsHub and the Stream tab's Briefs view. */
/* Alerts are now strictly things that went wrong — failed moves, unfilled
orders. Rare by design; an empty Alerts section is the healthy state. */
const ERROR_ALERTS = [
{ id: "err-returned", title: "Transfer returned", when: "Today",
body: "Your $2,000 move to Chase ••4417 was returned two days after it sent. The full amount is already back in your Cash balance.",
stat: "Returned", tone: "warn",
ask: ["Why was my Chase transfer returned?", "Chase sent the $2,000 back. The name or account number on the transfer didn't match what they have on file. The full amount is already back in your Cash balance and no fee was charged. Want me to double-check the details and retry, or send it somewhere else?"] },
{ id: "err-expired", title: "A proposal expired", when: "1h",
body: "Yoshi's “Move idle cash to Treasuries” proposal expired before you approved it. Nothing was bought and no cash moved.",
stat: "Expired", tone: "warn",
legs: [["BUY", "26-wk Treasuries", "6 buys", "$15,000"], ["YIELD", "Average", "Per year", "≈ 5.10%"]], net: 64.00,
ask: ["What happened to the Treasuries proposal?", "The proposal to move $15,000 into 26-week Treasuries expired before you approved it. Yields shifted, so the ≈5.10% I quoted no longer held. Nothing was bought and no cash moved. Want me to reprice it at today's rate and send a fresh one to approve?"] },
{ id: "err-trade-failed", title: "A trade failed", when: "2h",
body: "Your rebalance couldn't execute. NVDA moved past your limit between approval and the trade, so none of the legs settled.",
stat: "Failed", tone: "warn",
ask: ["Why did my rebalance fail?", "NVDA moved past your limit in the moment between your approval and the trade, so the venue rejected the order and none of the legs settled. No cash moved. I've re-priced at the current market. Want me to send a fresh proposal you can approve?"] },
{ id: "err-partial", title: "An order partially filled", when: "Yesterday",
body: "Your “Buy the dip” automation bought 4.0 of 6.1 VOO shares before liquidity ran out at your limit. The remaining 2.1 were cancelled.",
stat: "Partial", tone: "warn",
ask: ["What happened with my VOO order?", "Your “Buy the dip” automation filled 4.0 of 6.1 VOO shares at an average of $545.10 before VOO ran out at your limit; the remaining 2.1 shares were cancelled at close and no further cash was used. Want me to finish the rest at the current price?"] },
];
/* examples of resolved proposals — kept in Archived for the record */
const APPROVED_EXAMPLE = {
id: "apr-rebalance", kind: "alert", icon: "bolt", outcome: "approved",
title: "Rebalance your investments",
body: "You approved this on May 24. Yoshi executed it the same day.",
stat: "Approved", tone: "pos", when: "May 24",
ask: ["What did the rebalance do?", "On May 24 you approved trimming NVDA and BTC into VOO. It executed the same day, locking in about $1,154 and bringing your mix back to target. It's archived here for the record."],
legs: [["SELL", "NVDA", "12 sh", "\u2248 $1,706"], ["SELL", "BTC", "0.018", "\u2248 $1,731"], ["BUY", "VOO", "6.1 sh", "\u2248 $3,344"]],
net: 1153.66
};
const REJECTED_EXAMPLE = {
id: "rej-treasuries", kind: "alert", icon: "bolt", outcome: "declined",
title: "Earn more on idle cash",
body: "You declined this on May 26. Reason: prefer to keep the cash liquid.",
stat: "Declined", tone: "warn", when: "May 26",
ask: ["Why did I decline the Treasuries move?", "You declined moving $15,000 into 26-week Treasuries on May 26, noting you'd rather keep the cash liquid. It's archived here for the record. Want me to set a reminder to revisit it, or draft a smaller version?"],
legs: [["BUY", "26-wk Treasuries", "6 buys", "$15,000"], ["YIELD", "Average", "Per year", "\u2248 5.10%"]],
net: 64.00
};
const BriefsBoard = ({ nav, onOpen, onClose = () => {}, proposals = [], onApprove, selectedId }) => {
const [secs, setSecs] = useState({ needsyou: true, alerts: true, insights: true, archived: false });
const [arch, archive] = useArchivedBriefs();
const [q, setQ] = useState("");
const toggle = (k) => setSecs((s) => ({ ...s, [k]: !s[k] }));
// Needs you = approvals (mirrors Home). Alerts = errors only. Insights =
// everything Yoshi surfaces for you (proactive reads, recaps, price alerts).
const ALL = [
...proposals.map((p) => ({ id: p.id, kind: "approve", icon: "bolt", title: p.title, body: p.why.split(". ")[0] + ".", value: p.net, tone: p.net >= 0 ? "in" : "out", sec: "needsyou", when: p.agent, agent: p.agent, legs: p.legs, net: p.net, proposal: p })),
...ERROR_ALERTS.map((e) => ({ ...e, kind: "alert", icon: "bell", sec: "alerts" })),
...(window.MORNING_BRIEF ? [{ id: "daily-brief", kind: "insight", icon: "bulb", title: "Today's read", body: window.MORNING_BRIEF.body, ask: window.MORNING_BRIEF.ask, when: "Today", sec: "insights" }] : []),
...BRIEF_INSIGHTS.map((it) => ({ id: "ins-" + it.label, kind: "insight", icon: "bulb", title: it.label, body: it.read, ask: it.ask, stat: it.stat, tone: it.tone, sec: "insights" })),
...BRIEFS.filter((b) => b.folder === "alerts").map((b) => ({ ...b, kind: "insight", icon: "bulb", sec: "insights" })),
];
const ql = q.trim().toLowerCase();
const matchQ = (x) => !ql || ((x.title || "") + " " + (x.body || "")).toLowerCase().includes(ql);
const inSec = (k) => (k === "archived" ? [APPROVED_EXAMPLE, REJECTED_EXAMPLE, ...ALL.filter((x) => arch.includes(x.id))] : ALL.filter((x) => x.sec === k && !arch.includes(x.id))).filter(matchQ);
const SECTIONS = [["needsyou", "Needs you"], ["alerts", "Alerts"], ["insights", "Insights"], ["archived", "Archived"]];
const emptyText = (k) =>
k === "archived" ? "Nothing archived yet. Swipe a brief left to tuck it away here." :
"You're all caught up.";
const newBrief = () => {onClose();nav.ask("Set up a new brief.", "Sure, tell me what you'd like to keep an eye on. I can send a market recap on a schedule, ping you when a holding crosses a price, flag unusual spending, or summarize how an automation is running. So what should this brief watch, and how often?");};
return (
<>