@burdenoff/microfe-brainyrich 2026.705.1 → 2026.706.1

package/dist/brainyrich/pages/RiskPage.js

@@ -1,11 +1,16 @@
-import { useAcknowledgeInsight as e, useCreateRebalanceProposal as t, useDismissInsight as n, useInsights as r, usePortfolios as i, useRebalanceProposals as a, useResolveInsight as ee, useTransitionRebalanceProposal as te } from "../hooks/useBrainyRichApi.js";
-import { EmptyState as o, ErrorState as s, KpiGrid as ne, LoadingState as re, SectionShell as ie, formatDate as c, formatPct as l, statusBadgeVariant as u } from "./_shared.js";
+import { useAcknowledgeInsight as e, useCreateRebalanceProposal as t, useDismissInsight as n, usePagedInsights as r, usePortfolios as i, useRebalanceProposals as ee, useResolveInsight as te, useTransitionRebalanceProposal as ne } from "../hooks/useBrainyRichApi.js";
+import { LoadMore as re } from "../components/LoadMore.js";
+import { ConfirmDialog as ie } from "../components/ConfirmDialog.js";
+import { ActorName as a } from "../components/ActorName.js";
+import "../components/index.js";
+import { EmptyState as o, ErrorState as ae, KpiGrid as oe, LoadingState as se, SectionShell as ce, formatDate as s, formatPct as c, statusBadgeVariant as l } from "./_shared.js";
+import { CommentThread as u } from "../components/reuse/CommentThread.js";
 import { useMemo as d, useState as f } from "react";
-import { AlertTriangle as ae, ArrowRight as oe, Check as p, MoreHorizontal as m, Plus as se, Scale as h, ShieldAlert as ce, ShieldCheck as g, X as le } from "lucide-react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Badge as y, Button as b, Card as x, CardContent as S, CardDescription as C, CardHeader as w, CardTitle as T, Dialog as ue, DialogClose as de, DialogContent as fe, DialogDescription as pe, DialogFooter as me, DialogHeader as he, DialogTitle as ge, DropdownMenu as E, DropdownMenuContent as D, DropdownMenuItem as O, DropdownMenuLabel as _e, DropdownMenuSeparator as ve, DropdownMenuTrigger as k, Input as ye, Label as A, Select as be, SelectContent as xe, SelectItem as Se, SelectTrigger as Ce, SelectValue as we, Table as Te, TableBody as Ee, TableCell as j, TableHead as M, TableHeader as De, TableRow as N, Textarea as P } from "@burdenoff/fe-libs/ui";
+import { AlertTriangle as le, ArrowRight as ue, Check as de, Eye as fe, MoreHorizontal as pe, Plus as me, Scale as p, ShieldAlert as he, ShieldCheck as ge, X as _e } from "lucide-react";
+import { Fragment as ve, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Badge as g, Button as _, Card as v, CardContent as y, CardDescription as b, CardHeader as x, CardTitle as S, Dialog as C, DialogClose as ye, DialogContent as w, DialogDescription as T, DialogFooter as be, DialogHeader as E, DialogTitle as D, DropdownMenu as O, DropdownMenuContent as k, DropdownMenuItem as A, DropdownMenuLabel as xe, DropdownMenuSeparator as Se, DropdownMenuTrigger as j, Input as Ce, Label as M, Select as we, SelectContent as Te, SelectItem as Ee, SelectTrigger as De, SelectValue as Oe, Table as ke, TableBody as Ae, TableCell as N, TableHead as P, TableHeader as je, TableRow as F, Textarea as I } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/RiskPage.tsx
-var Oe = {
+var Me = {
 	DRAFT: ["PROPOSED", "CANCELLED"],
 	PROPOSED: [
 		"APPROVED",
@@ -16,17 +21,17 @@ var Oe = {
 	REJECTED: [],
 	EXECUTED: [],
 	CANCELLED: []
-}, ke = new Set([
+}, Ne = new Set([
 	"DRIFT",
 	"CONCENTRATION_RISK",
 	"REBALANCE_DUE",
 	"CASH_DRAG",
 	"FEE_ANOMALY"
 ]);
-function F(e) {
+function L(e) {
 	return e.toLowerCase().split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
 }
-function Ae(e) {
+function R(e) {
 	if (e == null) return "—";
 	if (Array.isArray(e)) return `${e.length} trade${e.length === 1 ? "" : "s"}`;
 	if (typeof e == "object") {
@@ -35,394 +40,537 @@ function Ae(e) {
 	}
 	return String(e);
 }
-var I = {
+var Pe = {
 	portfolioId: "",
 	driftPct: "",
 	rationale: "",
 	trades: ""
 };
-function je(e) {
+function Fe(e) {
 	if (e.trim() === "") return;
 	let t = Number(e);
 	return Number.isFinite(t) ? t : void 0;
 }
-function L() {
-	let { data: p, isLoading: L, isError: Ne, refetch: Pe } = a(), { data: R } = i(), { data: z, isLoading: Fe, isError: Ie, refetch: Le } = r(), B = t(), V = te(), H = e(), U = n(), W = ee(), [Re, G] = f(!1), [K, q] = f(I), [J, Y] = f(null), X = d(() => {
+function Ie() {
+	let { data: a, isLoading: u, isError: de, refetch: Ie } = ee(), { data: z } = i(), { items: ze, hasMore: Be, loadMore: Ve, isLoading: He, isFetchingNextPage: Ue, isError: We, refetch: Ge } = r(), B = t(), V = ne(), Ke = e(), qe = n(), Je = te(), [Ye, H] = f(!1), [U, W] = f(Pe), [Xe, G] = f(null), [K, Ze] = f(null), [q, J] = f(null), Y = d(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of R) e.set(t.id, t);
+		for (let t of z) e.set(t.id, t);
 		return e;
-	}, [R]), Z = d(() => z.filter((e) => ke.has(e.type)), [z]), ze = p.filter((e) => e.status === "DRAFT" || e.status === "PROPOSED" || e.status === "APPROVED"), Q = Z.filter((e) => e.status === "OPEN"), Be = p.length > 0 ? p.reduce((e, t) => e + (t.driftPct ?? 0), 0) / p.length : null, $ = R.length > 0;
-	function Ve() {
-		q(I), Y(null), G(!0);
+	}, [z]), X = d(() => ze.filter((e) => Ne.has(e.type)), [ze]), Qe = a.filter((e) => e.status === "DRAFT" || e.status === "PROPOSED" || e.status === "APPROVED"), Z = X.filter((e) => e.status === "OPEN"), $e = a.length > 0 ? a.reduce((e, t) => e + (t.driftPct ?? 0), 0) / a.length : null, Q = z.length > 0;
+	function $() {
+		W(Pe), G(null), H(!0);
 	}
-	function He() {
-		if (!K.portfolioId) return;
+	function et() {
+		if (!U.portfolioId) return;
 		let e;
-		if (K.trades.trim() !== "") try {
-			e = JSON.parse(K.trades);
+		if (U.trades.trim() !== "") try {
+			e = JSON.parse(U.trades);
 		} catch {
-			Y("Trades must be valid JSON.");
+			G("Trades must be valid JSON.");
 			return;
 		}
-		let t = X.get(K.portfolioId);
+		let t = Y.get(U.portfolioId);
 		B.mutate({
-			portfolioId: K.portfolioId,
+			portfolioId: U.portfolioId,
 			householdId: t?.householdId ?? null,
-			driftPct: je(K.driftPct),
-			rationale: K.rationale.trim() || null,
+			driftPct: Fe(U.driftPct),
+			rationale: U.rationale.trim() || null,
 			...e === void 0 ? {} : { trades: e }
-		}, { onSuccess: () => G(!1) });
+		}, { onSuccess: () => H(!1) });
 	}
-	function Ue(e) {
-		let t = X.get(e.portfolioId)?.driftThresholdPct;
+	function tt(e, t) {
+		if (t === "REJECTED" || t === "CANCELLED") {
+			J({
+				proposal: e,
+				status: t
+			});
+			return;
+		}
+		V.mutate({
+			id: e.id,
+			status: t
+		});
+	}
+	function nt(e) {
+		let t = Y.get(e.portfolioId)?.driftThresholdPct;
 		return t != null && Number.isFinite(t) && e.driftPct >= t;
 	}
-	return /* @__PURE__ */ v(ie, {
+	return /* @__PURE__ */ h(ce, {
 		title: "Risk & Rebalancing",
 		description: "Review drift-driven rebalance proposals and act on portfolio risk insights.",
-		badges: [`${ze.length} active`, `${Q.length} open insight${Q.length === 1 ? "" : "s"}`],
+		badges: [`${Qe.length} active`, `${Z.length} open insight${Z.length === 1 ? "" : "s"}`],
 		actionLabel: "New proposal",
-		onAction: Ve,
+		onAction: $,
 		children: [
-			/* @__PURE__ */ _(ne, { items: [
+			/* @__PURE__ */ m(oe, { items: [
 				{
 					label: "Total proposals",
-					value: String(p.length)
+					value: String(a.length)
 				},
 				{
 					label: "Active proposals",
-					value: String(ze.length)
+					value: String(Qe.length)
 				},
 				{
 					label: "Average drift",
-					value: Be === null ? "—" : l(Be)
+					value: $e === null ? "—" : c($e)
 				},
 				{
 					label: "Open risk insights",
-					value: String(Q.length)
+					value: String(Z.length)
 				}
 			] }),
-			/* @__PURE__ */ v(x, { children: [/* @__PURE__ */ v(w, { children: [/* @__PURE__ */ v(T, {
+			/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(x, { children: [/* @__PURE__ */ h(S, {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ _(h, {
+				children: [/* @__PURE__ */ m(p, {
 					className: "h-5 w-5",
 					"aria-hidden": "true"
 				}), "Rebalance proposals"]
-			}), /* @__PURE__ */ _(C, { children: "Drift against target allocation, with lifecycle actions per proposal." })] }), /* @__PURE__ */ _(S, { children: L ? /* @__PURE__ */ _(re, {}) : Ne ? /* @__PURE__ */ _(s, { onRetry: () => Pe() }) : p.length === 0 ? /* @__PURE__ */ _(o, {
-				icon: /* @__PURE__ */ _(h, {
+			}), /* @__PURE__ */ m(b, { children: "Drift against target allocation, with lifecycle actions per proposal." })] }), /* @__PURE__ */ m(y, { children: u ? /* @__PURE__ */ m(se, {}) : de ? /* @__PURE__ */ m(ae, { onRetry: () => Ie() }) : a.length === 0 ? /* @__PURE__ */ m(o, {
+				icon: /* @__PURE__ */ m(p, {
 					className: "size-6",
 					"aria-hidden": "true"
 				}),
 				title: "No rebalance proposals",
-				description: $ ? "Create a proposal when a portfolio drifts from its target allocation." : "Create a portfolio first, then propose a rebalance when it drifts.",
-				action: $ ? /* @__PURE__ */ v(b, {
+				description: Q ? "Create a proposal when a portfolio drifts from its target allocation." : "Create a portfolio first, then propose a rebalance when it drifts.",
+				action: Q ? /* @__PURE__ */ h(_, {
 					size: "sm",
-					onClick: Ve,
-					children: [/* @__PURE__ */ _(se, {
+					onClick: $,
+					children: [/* @__PURE__ */ m(me, {
 						className: "size-4",
 						"aria-hidden": "true"
 					}), "New proposal"]
 				}) : void 0
-			}) : /* @__PURE__ */ _("div", {
+			}) : /* @__PURE__ */ m("div", {
 				className: "overflow-x-auto",
-				children: /* @__PURE__ */ v(Te, { children: [/* @__PURE__ */ _(De, { children: /* @__PURE__ */ v(N, { children: [
-					/* @__PURE__ */ _(M, { children: "Portfolio" }),
-					/* @__PURE__ */ _(M, {
+				children: /* @__PURE__ */ h(ke, { children: [/* @__PURE__ */ m(je, { children: /* @__PURE__ */ h(F, { children: [
+					/* @__PURE__ */ m(P, { children: "Portfolio" }),
+					/* @__PURE__ */ m(P, {
 						className: "text-right",
 						children: "Drift"
 					}),
-					/* @__PURE__ */ _(M, { children: "Status" }),
-					/* @__PURE__ */ _(M, { children: "Rationale" }),
-					/* @__PURE__ */ _(M, { children: "Trades" }),
-					/* @__PURE__ */ _(M, { children: "Created" }),
-					/* @__PURE__ */ _(M, {
+					/* @__PURE__ */ m(P, { children: "Status" }),
+					/* @__PURE__ */ m(P, { children: "Rationale" }),
+					/* @__PURE__ */ m(P, { children: "Trades" }),
+					/* @__PURE__ */ m(P, { children: "Created" }),
+					/* @__PURE__ */ m(P, {
 						className: "w-12 text-right",
 						children: "Actions"
 					})
-				] }) }), /* @__PURE__ */ _(Ee, { children: p.map((e) => {
-					let t = X.get(e.portfolioId), n = Ue(e), r = Oe[e.status];
-					return /* @__PURE__ */ v(N, { children: [
-						/* @__PURE__ */ v(j, { children: [/* @__PURE__ */ _("p", {
+				] }) }), /* @__PURE__ */ m(Ae, { children: a.map((e) => {
+					let t = Y.get(e.portfolioId), n = nt(e), r = Me[e.status];
+					return /* @__PURE__ */ h(F, { children: [
+						/* @__PURE__ */ h(N, { children: [/* @__PURE__ */ m("p", {
 							className: "font-medium text-text-primary",
 							children: t?.name ?? "Unknown portfolio"
-						}), /* @__PURE__ */ v("p", {
+						}), /* @__PURE__ */ h("p", {
 							className: "text-xs text-text-secondary",
-							children: [t?.baseCurrency ?? "—", t?.driftThresholdPct == null ? "" : ` · threshold ${l(t.driftThresholdPct)}`]
+							children: [t?.baseCurrency ?? "—", t?.driftThresholdPct == null ? "" : ` · threshold ${c(t.driftThresholdPct)}`]
 						})] }),
-						/* @__PURE__ */ v(j, {
+						/* @__PURE__ */ h(N, {
 							className: "text-right",
-							children: [/* @__PURE__ */ v("span", {
+							children: [/* @__PURE__ */ h("span", {
 								className: `inline-flex items-center justify-end gap-1 font-semibold ${n ? "text-status-error-text" : "text-text-primary"}`,
-								children: [n ? /* @__PURE__ */ _(ae, {
+								children: [n ? /* @__PURE__ */ m(le, {
 									className: "size-4",
 									"aria-hidden": "true"
-								}) : null, l(e.driftPct)]
-							}), n ? /* @__PURE__ */ _("p", {
+								}) : null, c(e.driftPct)]
+							}), n ? /* @__PURE__ */ m("p", {
 								className: "text-xs text-status-error-text",
 								children: "Over threshold"
 							}) : null]
 						}),
-						/* @__PURE__ */ _(j, { children: /* @__PURE__ */ _(y, {
-							variant: u(e.status),
-							children: F(e.status)
+						/* @__PURE__ */ m(N, { children: /* @__PURE__ */ m(g, {
+							variant: l(e.status),
+							children: L(e.status)
 						}) }),
-						/* @__PURE__ */ _(j, {
+						/* @__PURE__ */ m(N, {
 							className: "max-w-xs",
-							children: /* @__PURE__ */ _("p", {
+							children: /* @__PURE__ */ m("p", {
 								className: "truncate text-sm text-text-secondary",
 								children: e.rationale ?? "—"
 							})
 						}),
-						/* @__PURE__ */ _(j, {
+						/* @__PURE__ */ m(N, {
 							className: "text-sm text-text-secondary",
-							children: Ae(e.trades)
+							children: R(e.trades)
 						}),
-						/* @__PURE__ */ _(j, {
+						/* @__PURE__ */ m(N, {
 							className: "text-sm text-text-secondary",
-							children: c(e.createdAt)
+							children: s(e.createdAt)
 						}),
-						/* @__PURE__ */ _(j, {
+						/* @__PURE__ */ m(N, {
 							className: "text-right",
-							children: r.length === 0 ? /* @__PURE__ */ _("span", {
-								className: "text-xs text-text-muted",
-								children: "—"
-							}) : /* @__PURE__ */ v(E, { children: [/* @__PURE__ */ _(k, {
+							children: /* @__PURE__ */ h(O, { children: [/* @__PURE__ */ m(j, {
 								asChild: !0,
-								children: /* @__PURE__ */ _(b, {
+								children: /* @__PURE__ */ m(_, {
 									variant: "ghost",
 									size: "sm",
-									"aria-label": `Lifecycle actions for ${t?.name ?? "proposal"}`,
-									children: /* @__PURE__ */ _(m, {
+									"aria-label": `Actions for ${t?.name ?? "proposal"}`,
+									children: /* @__PURE__ */ m(pe, {
 										className: "size-4",
 										"aria-hidden": "true"
 									})
 								})
-							}), /* @__PURE__ */ v(D, {
+							}), /* @__PURE__ */ h(k, {
 								align: "end",
-								children: [
-									/* @__PURE__ */ _(_e, { children: "Advance to" }),
-									/* @__PURE__ */ _(ve, {}),
+								children: [/* @__PURE__ */ h(A, {
+									onClick: () => Ze(e),
+									children: [/* @__PURE__ */ m(fe, {
+										className: "size-4",
+										"aria-hidden": "true"
+									}), "View details"]
+								}), r.length > 0 ? /* @__PURE__ */ h(ve, { children: [
+									/* @__PURE__ */ m(Se, {}),
+									/* @__PURE__ */ m(xe, { children: "Advance to" }),
 									r.map((t) => {
 										let n = t === "REJECTED" || t === "CANCELLED";
-										return /* @__PURE__ */ v(O, {
+										return /* @__PURE__ */ h(A, {
 											disabled: V.isPending,
 											className: n ? "text-status-error-text" : void 0,
-											onClick: () => V.mutate({
-												id: e.id,
-												status: t
-											}),
-											children: [_(n ? le : oe, {
+											onClick: () => tt(e, t),
+											children: [m(n ? _e : ue, {
 												className: "size-4",
 												"aria-hidden": "true"
-											}), F(t)]
+											}), L(t)]
 										}, t);
 									})
-								]
+								] }) : null]
 							})] })
 						})
 					] }, e.id);
 				}) })] })
 			}) })] }),
-			/* @__PURE__ */ v(x, { children: [/* @__PURE__ */ v(w, { children: [/* @__PURE__ */ v(T, {
+			/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(x, { children: [/* @__PURE__ */ h(S, {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ _(ce, {
+				children: [/* @__PURE__ */ m(he, {
 					className: "h-5 w-5",
 					"aria-hidden": "true"
 				}), "Risk insights"]
-			}), /* @__PURE__ */ _(C, { children: "Drift, concentration, cash-drag and fee-anomaly signals detected across your portfolios." })] }), /* @__PURE__ */ _(S, { children: Fe ? /* @__PURE__ */ _(re, {}) : Ie ? /* @__PURE__ */ _(s, { onRetry: () => Le() }) : Z.length === 0 ? /* @__PURE__ */ _(o, {
-				icon: /* @__PURE__ */ _(g, {
+			}), /* @__PURE__ */ m(b, { children: "Drift, concentration, cash-drag and fee-anomaly signals detected across your portfolios." })] }), /* @__PURE__ */ m(y, { children: He ? /* @__PURE__ */ m(se, {}) : We ? /* @__PURE__ */ m(ae, { onRetry: () => Ge() }) : X.length === 0 ? /* @__PURE__ */ m(o, {
+				icon: /* @__PURE__ */ m(ge, {
 					className: "size-6",
 					"aria-hidden": "true"
 				}),
 				title: "No risk insights",
 				description: "No drift, concentration, cash-drag or fee-anomaly signals are open right now."
-			}) : /* @__PURE__ */ _("div", {
+			}) : /* @__PURE__ */ h("div", {
 				className: "space-y-3",
-				children: Z.map((e) => /* @__PURE__ */ _(Me, {
+				children: [X.map((e) => /* @__PURE__ */ m(Re, {
 					insight: e,
-					onAcknowledge: () => H.mutate(e.id),
-					onResolve: () => W.mutate(e.id),
-					onDismiss: () => U.mutate(e.id),
-					actionPending: H.isPending || W.isPending || U.isPending
-				}, e.id))
+					onAcknowledge: () => Ke.mutate(e.id),
+					onResolve: () => Je.mutate(e.id),
+					onDismiss: () => qe.mutate(e.id),
+					actionPending: Ke.isPending || Je.isPending || qe.isPending
+				}, e.id)), /* @__PURE__ */ m(re, {
+					hasMore: Be,
+					onClick: Ve,
+					loading: Ue,
+					label: "Load more insights"
+				})]
 			}) })] }),
-			/* @__PURE__ */ _(ue, {
-				open: Re,
-				onOpenChange: G,
-				children: /* @__PURE__ */ v(fe, { children: [
-					/* @__PURE__ */ v(he, { children: [/* @__PURE__ */ _(ge, { children: "New rebalance proposal" }), /* @__PURE__ */ _(pe, { children: "Propose a rebalance for a portfolio that has drifted from its target allocation." })] }),
-					$ ? /* @__PURE__ */ v("div", {
+			/* @__PURE__ */ m(C, {
+				open: Ye,
+				onOpenChange: H,
+				children: /* @__PURE__ */ h(w, { children: [
+					/* @__PURE__ */ h(E, { children: [/* @__PURE__ */ m(D, { children: "New rebalance proposal" }), /* @__PURE__ */ m(T, { children: "Propose a rebalance for a portfolio that has drifted from its target allocation." })] }),
+					Q ? /* @__PURE__ */ h("div", {
 						className: "grid gap-4",
 						children: [
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ h("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ _(A, {
+								children: [/* @__PURE__ */ m(M, {
 									htmlFor: "prop-portfolio",
 									children: "Portfolio"
-								}), /* @__PURE__ */ v(be, {
-									value: K.portfolioId,
-									onValueChange: (e) => q((t) => ({
+								}), /* @__PURE__ */ h(we, {
+									value: U.portfolioId,
+									onValueChange: (e) => W((t) => ({
 										...t,
 										portfolioId: e
 									})),
-									children: [/* @__PURE__ */ _(Ce, {
+									children: [/* @__PURE__ */ m(De, {
 										id: "prop-portfolio",
-										children: /* @__PURE__ */ _(we, { placeholder: "Select a portfolio" })
-									}), /* @__PURE__ */ _(xe, { children: R.map((e) => /* @__PURE__ */ _(Se, {
+										children: /* @__PURE__ */ m(Oe, { placeholder: "Select a portfolio" })
+									}), /* @__PURE__ */ m(Te, { children: z.map((e) => /* @__PURE__ */ m(Ee, {
 										value: e.id,
 										children: e.name
 									}, e.id)) })]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ h("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ _(A, {
+								children: [/* @__PURE__ */ m(M, {
 									htmlFor: "prop-drift",
 									children: "Drift %"
-								}), /* @__PURE__ */ _(ye, {
+								}), /* @__PURE__ */ m(Ce, {
 									id: "prop-drift",
 									type: "number",
-									value: K.driftPct,
-									onChange: (e) => q((t) => ({
+									value: U.driftPct,
+									onChange: (e) => W((t) => ({
 										...t,
 										driftPct: e.target.value
 									})),
 									placeholder: "e.g. 6.5"
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ h("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ _(A, {
+								children: [/* @__PURE__ */ m(M, {
 									htmlFor: "prop-rationale",
 									children: "Rationale"
-								}), /* @__PURE__ */ _(P, {
+								}), /* @__PURE__ */ m(I, {
 									id: "prop-rationale",
-									value: K.rationale,
-									onChange: (e) => q((t) => ({
+									value: U.rationale,
+									onChange: (e) => W((t) => ({
 										...t,
 										rationale: e.target.value
 									})),
 									placeholder: "Why is this rebalance needed?"
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ h("div", {
 								className: "space-y-2",
 								children: [
-									/* @__PURE__ */ _(A, {
+									/* @__PURE__ */ m(M, {
 										htmlFor: "prop-trades",
 										children: "Trades (JSON, optional)"
 									}),
-									/* @__PURE__ */ _(P, {
+									/* @__PURE__ */ m(I, {
 										id: "prop-trades",
-										value: K.trades,
+										value: U.trades,
 										onChange: (e) => {
-											Y(null), q((t) => ({
+											G(null), W((t) => ({
 												...t,
 												trades: e.target.value
 											}));
 										},
 										placeholder: "e.g. [{\"symbol\":\"VOO\",\"action\":\"SELL\",\"quantity\":10}]"
 									}),
-									J ? /* @__PURE__ */ _("p", {
+									Xe ? /* @__PURE__ */ m("p", {
 										className: "text-xs text-status-error-text",
-										children: J
+										children: Xe
 									}) : null
 								]
 							})
 						]
-					}) : /* @__PURE__ */ _(o, {
-						title: "No portfolios available",
-						description: "Create a portfolio before proposing a rebalance."
+					}) : /* @__PURE__ */ m(o, {
+						icon: /* @__PURE__ */ m(p, {
+							className: "size-6",
+							"aria-hidden": "true"
+						}),
+						title: "Create a portfolio first",
+						description: "A rebalance proposal targets a portfolio. Add a portfolio on the Portfolios page, then return here to propose a rebalance."
 					}),
-					/* @__PURE__ */ v(me, { children: [/* @__PURE__ */ _(de, {
+					/* @__PURE__ */ h(be, { children: [/* @__PURE__ */ m(ye, {
 						asChild: !0,
-						children: /* @__PURE__ */ _(b, {
+						children: /* @__PURE__ */ m(_, {
 							variant: "outline",
 							children: "Cancel"
 						})
-					}), /* @__PURE__ */ _(b, {
-						onClick: He,
-						disabled: !K.portfolioId || B.isPending,
+					}), /* @__PURE__ */ m(_, {
+						onClick: et,
+						disabled: !U.portfolioId || B.isPending,
 						children: B.isPending ? "Creating…" : "Create proposal"
 					})] })
 				] })
+			}),
+			/* @__PURE__ */ m(Le, {
+				proposal: K,
+				portfolio: K ? Y.get(K.portfolioId) ?? null : null,
+				onOpenChange: (e) => {
+					e || Ze(null);
+				}
+			}),
+			/* @__PURE__ */ m(ie, {
+				open: q !== null,
+				onOpenChange: (e) => {
+					e || J(null);
+				},
+				title: q?.status === "REJECTED" ? "Reject this proposal?" : "Cancel this proposal?",
+				description: q ? `This moves the rebalance proposal for ${Y.get(q.proposal.portfolioId)?.name ?? "this portfolio"} to ${L(q.status)}. This cannot be undone.` : void 0,
+				confirmLabel: q?.status === "REJECTED" ? "Reject" : "Cancel proposal",
+				cancelLabel: "Keep",
+				destructive: !0,
+				pending: V.isPending,
+				onConfirm: () => {
+					q && V.mutate({
+						id: q.proposal.id,
+						status: q.status
+					}, { onSuccess: () => J(null) });
+				}
 			})
 		]
 	});
 }
-function Me({ insight: e, onAcknowledge: t, onResolve: n, onDismiss: r, actionPending: i }) {
-	let a = e.status === "RESOLVED" || e.status === "DISMISSED";
-	return /* @__PURE__ */ v("div", {
+function Le({ proposal: e, portfolio: t, onOpenChange: n }) {
+	return /* @__PURE__ */ m(C, {
+		open: e !== null,
+		onOpenChange: n,
+		children: /* @__PURE__ */ m(w, {
+			className: "max-h-[85vh] overflow-y-auto",
+			children: e ? /* @__PURE__ */ h(ve, { children: [
+				/* @__PURE__ */ h(E, { children: [/* @__PURE__ */ h(D, {
+					className: "flex flex-wrap items-center gap-2",
+					children: [t?.name ?? "Rebalance proposal", /* @__PURE__ */ m(g, {
+						variant: l(e.status),
+						children: L(e.status)
+					})]
+				}), /* @__PURE__ */ h(T, { children: [
+					"Drift ",
+					c(e.driftPct),
+					t?.driftThresholdPct == null ? "" : ` · threshold ${c(t.driftThresholdPct)}`,
+					" · created ",
+					s(e.createdAt)
+				] })] }),
+				/* @__PURE__ */ h("dl", {
+					className: "grid grid-cols-2 gap-4 text-sm",
+					children: [
+						/* @__PURE__ */ h("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ m("dt", {
+								className: "text-xs font-medium text-text-muted",
+								children: "Proposed by"
+							}), /* @__PURE__ */ m("dd", {
+								className: "text-text-primary",
+								children: e.proposedById ? /* @__PURE__ */ m(a, { id: e.proposedById }) : /* @__PURE__ */ m("span", {
+									className: "text-text-muted",
+									children: "—"
+								})
+							})]
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ m("dt", {
+								className: "text-xs font-medium text-text-muted",
+								children: "Approved by"
+							}), /* @__PURE__ */ m("dd", {
+								className: "text-text-primary",
+								children: e.approvedById ? /* @__PURE__ */ m(a, { id: e.approvedById }) : /* @__PURE__ */ m("span", {
+									className: "text-text-muted",
+									children: "—"
+								})
+							})]
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ m("dt", {
+								className: "text-xs font-medium text-text-muted",
+								children: "Trades"
+							}), /* @__PURE__ */ m("dd", {
+								className: "text-text-primary",
+								children: R(e.trades)
+							})]
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ m("dt", {
+								className: "text-xs font-medium text-text-muted",
+								children: "Executed"
+							}), /* @__PURE__ */ m("dd", {
+								className: "text-text-primary",
+								children: e.executedAt ? s(e.executedAt) : /* @__PURE__ */ m("span", {
+									className: "text-text-muted",
+									children: "—"
+								})
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ h("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ m("p", {
+						className: "text-xs font-medium text-text-muted",
+						children: "Rationale (summary)"
+					}), /* @__PURE__ */ m("p", {
+						className: "text-sm text-text-secondary",
+						children: e.rationale ?? "—"
+					})]
+				}),
+				/* @__PURE__ */ m("div", {
+					className: "border-t border-border-subtle pt-4",
+					children: /* @__PURE__ */ m(u, {
+						entityType: "brainyrich-rebalance",
+						entityId: e.id,
+						heading: "Discussion"
+					})
+				})
+			] }) : null
+		})
+	});
+}
+function Re({ insight: e, onAcknowledge: t, onResolve: n, onDismiss: r, actionPending: i }) {
+	let ee = e.status === "RESOLVED" || e.status === "DISMISSED";
+	return /* @__PURE__ */ h("div", {
 		className: "flex items-start justify-between gap-4 rounded-lg border border-border-subtle bg-bg-surface p-4",
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ h("div", {
 			className: "min-w-0 space-y-1",
 			children: [
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ h("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						/* @__PURE__ */ _("p", {
+						/* @__PURE__ */ m("p", {
 							className: "font-medium text-text-primary",
 							children: e.title
 						}),
-						/* @__PURE__ */ _(y, {
-							variant: u(e.severity),
-							children: F(e.severity)
+						/* @__PURE__ */ m(g, {
+							variant: l(e.severity),
+							children: L(e.severity)
 						}),
-						/* @__PURE__ */ _(y, {
+						/* @__PURE__ */ m(g, {
 							variant: "outline",
-							children: F(e.type)
+							children: L(e.type)
 						}),
-						/* @__PURE__ */ _(y, {
-							variant: u(e.status),
-							children: F(e.status)
+						/* @__PURE__ */ m(g, {
+							variant: l(e.status),
+							children: L(e.status)
 						})
 					]
 				}),
-				e.detail ? /* @__PURE__ */ _("p", {
+				e.detail ? /* @__PURE__ */ m("p", {
 					className: "text-sm text-text-secondary",
 					children: e.detail
 				}) : null,
-				/* @__PURE__ */ v("p", {
+				/* @__PURE__ */ h("p", {
 					className: "text-xs text-text-muted",
-					children: ["Detected ", c(e.createdAt)]
+					children: ["Detected ", s(e.createdAt)]
 				})
 			]
-		}), a ? /* @__PURE__ */ _("span", {
+		}), ee ? /* @__PURE__ */ m("span", {
 			className: "mt-1 text-xs text-text-muted",
 			children: "Closed"
-		}) : /* @__PURE__ */ v(E, { children: [/* @__PURE__ */ _(k, {
+		}) : /* @__PURE__ */ h(O, { children: [/* @__PURE__ */ m(j, {
 			asChild: !0,
-			children: /* @__PURE__ */ _(b, {
+			children: /* @__PURE__ */ m(_, {
 				variant: "ghost",
 				size: "sm",
 				"aria-label": `Actions for ${e.title}`,
 				disabled: i,
-				children: /* @__PURE__ */ _(m, {
+				children: /* @__PURE__ */ m(pe, {
 					className: "size-4",
 					"aria-hidden": "true"
 				})
 			})
-		}), /* @__PURE__ */ v(D, {
+		}), /* @__PURE__ */ h(k, {
 			align: "end",
 			children: [
-				e.status === "OPEN" ? /* @__PURE__ */ v(O, {
+				e.status === "OPEN" ? /* @__PURE__ */ h(A, {
 					onClick: t,
-					children: [/* @__PURE__ */ _(p, {
+					children: [/* @__PURE__ */ m(de, {
 						className: "size-4",
 						"aria-hidden": "true"
 					}), "Acknowledge"]
 				}) : null,
-				/* @__PURE__ */ v(O, {
+				/* @__PURE__ */ h(A, {
 					onClick: n,
-					children: [/* @__PURE__ */ _(g, {
+					children: [/* @__PURE__ */ m(ge, {
 						className: "size-4",
 						"aria-hidden": "true"
 					}), "Resolve"]
 				}),
-				/* @__PURE__ */ v(O, {
+				/* @__PURE__ */ h(A, {
 					className: "text-status-error-text",
 					onClick: r,
-					children: [/* @__PURE__ */ _(le, {
+					children: [/* @__PURE__ */ m(_e, {
 						className: "size-4",
 						"aria-hidden": "true"
 					}), "Dismiss"]
@@ -432,6 +580,6 @@ function Me({ insight: e, onAcknowledge: t, onResolve: n, onDismiss: r, actionPe
 	});
 }
 //#endregion
-export { L as RiskPage };
+export { Ie as RiskPage };
 
 //# sourceMappingURL=RiskPage.js.map