/* simple/core.jsx — the redesigned app's spine.
On web, proposal review lives in the Briefs two-pane reading card (see
WebBriefs), so there is no ConfirmSheet primitive here — only the shared
money rows and the agent card library rendered inline in the Yoshi thread.
Each card replaces a killed screen (Studio, Trade browse, Briefs). */
/* ---------- shared money rows ---------------------------------------------- */
const LegRow = ({ leg, last }) => {
const [tag, label, detail, amount] = leg;
const tagColor = tag === "SELL" ? "var(--signal-neg)" : tag === "BUY" ? "var(--accent-pos)" : "var(--ink-2)";
// newer proposals put a security object in the label slot ({ ticker, price, change, name, valueLabel })
const sec = label && typeof label === "object" ? label : null;
return (
{showingExecution || !hasExecutions ? destinationCopy : "Waiting for execution…"}
);
};
/* multi-transaction series — the brief shows the legs for review only.
The footer owns the single confirmation decision for the whole series. */
const seriesReviewTag = (item, index) => item.tag || String(index + 1);
const seriesReviewTone = (tag) => tag === "BUY" || tag === "PULL" || tag === "MOVE" ? "var(--accent-pos)" : tag === "PAY" ? "var(--signal-neg)" : "var(--ink-2)";
const SeriesReviewRows = ({ items }) => {
return (
{items.map((s, i) => (
{seriesReviewTag(s, i)}{s.title}{s.sub}{s.amt}
))}
);
};
/* ============================================================
Agent cards · rendered inline in the Yoshi thread (and on Home
for pending proposals). Terminal or actionable — a card answers
the question or carries ≤2 buttons that lead to the brief's review.
============================================================ */
/* from→to route + amount pulled from a proposal's legs, so the card can state
exactly what will happen instead of a vague "Net". */
const propRoute = (p) => {
const find = (t) => p.legs && p.legs.find((l) => l[0] === t);
const from = find("FROM"), to = find("TO") || find("PAY");
const parts = [];
if (from) parts.push("From " + from[1]);
if (to) parts.push((from ? "to " : "To ") + to[1]);
return parts.join(" ");
};
/* transfer direction — the card's sign means "impact on your Yoshi balance":
external → Yoshi shows +, Yoshi → external shows −, and Yoshi → Yoshi shows
unsigned (nothing enters or leaves; the money just changes rooms).
Yoshi-side detection: the label says Yoshi, or carries a Yoshi account mask
(legs write the same account as "Yoshi Cash ••8841" or just "Cash ••8841"). */
const YOSHI_MASKS = ["8841", "2207", "7731", "4410"];
const isYoshiAcct = (label) => typeof label === "string" && (/yoshi/i.test(label) || YOSHI_MASKS.some((m) => label.includes("••" + m)));
const transferDirection = (p) => {
if (p.kind !== "transfer" || !p.legs) return null;
const from = p.legs.find((x) => x[0] === "FROM");
const to = p.legs.find((x) => x[0] === "TO") || p.legs.find((x) => x[0] === "PAY");
if (!from || !to) return null;
const f = isYoshiAcct(from[1]), t = isYoshiAcct(to[1]);
return f && t ? "internal" : t ? "in" : f ? "out" : null;
};
const propAmount = (p) => {
const dir = transferDirection(p);
if (dir) {
const from = p.legs.find((x) => x[0] === "FROM");
const mag = p.amount || (from && from[3] ? from[3].replace(/^[-−+]\s*/, "") : null);
if (mag) return dir === "in" ? "+" + mag : dir === "out" ? "−" + mag : mag;
}
const l = p.legs && (p.legs.find((x) => x[0] === "FROM") || p.legs.find((x) => x[0] === "PAY") || p.legs.find((x) => x[0] === "TO"));
const cell = l && l[3];
return (cell && /\d/.test(cell)) ? cell : (p.net ? usd(Math.abs(p.net)) : null);
};
/* proposal card — the only thing allowed to "pool", and it pools on Home */
const PCard = ({ p, onReview, compact }) => {
const route = propRoute(p);
const amount = propAmount(p);
const dir = transferDirection(p);
const theme = useTheme();
const inkBrand = theme === "bone" ? "brightness(0)" : "brightness(0) invert(1)";
return (
{/* identity stays with the sender: Yoshi's accent dot for Yoshi work
(incl. rule-fired), the agent's own brand mark for external agents */}
{p.agentIcon && typeof AGENT_ICON !== "undefined" && AGENT_ICON[p.agentIcon] ? (
) : (
)}
{p.source ? `${p.source.name} · asked first` : p.agent}
{/* explicit action + amount */}
{p.title}
{amount && {amount}}
{/* details: from where to where */}
{route &&
{route}
}
{!compact && p.why &&
{p.why}
}
Review
);
};
/* chat proposal card — compact, matches main's InlineProposal: a "Proposal"
eyebrow (accent), the title, the net + a settle/starts label, and a small
Review button. No description paragraph — that lives in the brief you Review. */
const ChatProposal = ({ p, onReview, done }) => (
);
/* quote card — replaces the Trade browse surface. Ask about a ticker, get
the price and the two buttons that matter. */
const QuoteCard = ({ id, nav }) => {
const m = MARKET.find((x) => x.id === id || x.ticker === String(id).toUpperCase());
if (!m) return null;
const h = securityHolding(m.id);
const data = series(m.id.length * 7 + 13, 34, m.last * (1 - m.dch / 100), m.last, 0.012);
return (
flash && flash("Sent to your email")} style={{ padding: "9px 14px" }}>Share
);
/* automations card — replaces the automations tab. The agent manages the
rules; this is the glanceable list, conversational management. */
const AutosCard = ({ flash }) => (
{AUTOMATIONS.slice(0, 5).map((au, i) => (
{au.name}
{au.cadence}
{au.measure}
))}
Tell me to pause, change, or add a rule — in plain words.
) : (
)}
{p.source ? `${p.source.name} · asked first` : p.agent}