@burdenoff/microfe-brainyrich 2026.706.1 → 2026.706.2

package/dist/brainyrich/pages/RiskPage.js

@@ -1,16 +1,17 @@
-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 { useAcknowledgeInsight as e, useCreateRebalanceProposal as t, useDismissInsight as n, usePagedInsights as r, usePortfolios as i, useRebalanceProposals as a, useResolveInsight as o, useTransitionRebalanceProposal as s } from "../hooks/useBrainyRichApi.js";
+import { LoadMore as c } from "../components/LoadMore.js";
+import { ConfirmDialog as ee } from "../components/ConfirmDialog.js";
+import { ActorName as l } from "../components/ActorName.js";
+import { DonutChart as te, FadeIn as u, GlassCard as ne, LifecycleStepper as d, StatTile as f } from "../components/viz.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 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";
+import { EmptyState as p, ErrorState as re, LoadingState as ie, SectionShell as ae, formatDate as m, formatMoney as oe, formatPct as h, statusBadgeVariant as g } from "./_shared.js";
+import { CommentThread as se } from "../components/reuse/CommentThread.js";
+import { useMemo as _, useState as v } from "react";
+import { Activity as ce, AlertTriangle as le, ArrowRight as ue, Check as y, Eye as de, Gauge as fe, Layers as pe, MoreHorizontal as me, Plus as he, Scale as b, ShieldAlert as x, ShieldCheck as S, TrendingUp as ge, X as C } from "lucide-react";
+import { Fragment as _e, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Badge as E, Button as D, Card as ve, CardContent as ye, CardDescription as be, CardHeader as xe, CardTitle as Se, Dialog as Ce, DialogClose as we, DialogContent as O, DialogDescription as k, DialogFooter as Te, DialogHeader as Ee, DialogTitle as De, DropdownMenu as Oe, DropdownMenuContent as ke, DropdownMenuItem as A, DropdownMenuLabel as Ae, DropdownMenuSeparator as je, DropdownMenuTrigger as Me, Input as Ne, Label as j, Select as Pe, SelectContent as Fe, SelectItem as Ie, SelectTrigger as Le, SelectValue as Re, Table as ze, TableBody as M, TableCell as N, TableHead as P, TableHeader as Be, TableRow as F, Textarea as Ve } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/RiskPage.tsx
-var Me = {
+var He = {
 	DRAFT: ["PROPOSED", "CANCELLED"],
 	PROPOSED: [
 		"APPROVED",
@@ -21,17 +22,90 @@ var Me = {
 	REJECTED: [],
 	EXECUTED: [],
 	CANCELLED: []
-}, Ne = new Set([
+}, Ue = new Set([
 	"DRIFT",
 	"CONCENTRATION_RISK",
 	"REBALANCE_DUE",
 	"CASH_DRAG",
 	"FEE_ANOMALY"
 ]);
-function L(e) {
+function I(e) {
 	return e.toLowerCase().split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
 }
-function R(e) {
+var L = [
+	"Draft",
+	"Proposed",
+	"Approved",
+	"Executed"
+], We = {
+	DRAFT: "neutral",
+	PROPOSED: "warning",
+	APPROVED: "blue",
+	EXECUTED: "success",
+	REJECTED: "error",
+	CANCELLED: "neutral"
+}, Ge = [
+	"PROPOSED",
+	"DRAFT",
+	"APPROVED",
+	"EXECUTED",
+	"REJECTED",
+	"CANCELLED"
+], Ke = {
+	CRITICAL: "error",
+	HIGH: "warning",
+	MEDIUM: "info",
+	LOW: "teal",
+	INFO: "neutral"
+}, qe = [
+	"CRITICAL",
+	"HIGH",
+	"MEDIUM",
+	"LOW",
+	"INFO"
+];
+function Je(e) {
+	if (!Array.isArray(e) || e.length === 0) return null;
+	let t = [];
+	for (let n of e) {
+		if (!n || typeof n != "object" || Array.isArray(n)) return null;
+		let e = n, r = (t) => {
+			for (let n of Object.keys(e)) if (t.includes(n.toLowerCase())) return e[n];
+		}, i = r([
+			"action",
+			"side",
+			"type"
+		]), a = r([
+			"symbol",
+			"ticker",
+			"asset",
+			"instrument"
+		]), o = r([
+			"quantity",
+			"qty",
+			"shares",
+			"units"
+		]), s = r([
+			"value",
+			"notional",
+			"amount",
+			"total",
+			"marketvalue"
+		]);
+		t.push({
+			action: typeof i == "string" ? i : void 0,
+			symbol: typeof a == "string" ? a : void 0,
+			quantity: typeof o == "number" ? o : void 0,
+			value: typeof s == "number" ? s : void 0
+		});
+	}
+	return t;
+}
+function Ye(e) {
+	let t = (e ?? "").toUpperCase();
+	return t.includes("BUY") || t.includes("ADD") ? "text-status-success-text" : t.includes("SELL") || t.includes("TRIM") || t.includes("REDUCE") ? "text-status-error-text" : "text-text-secondary";
+}
+function Xe(e) {
 	if (e == null) return "—";
 	if (Array.isArray(e)) return `${e.length} trade${e.length === 1 ? "" : "s"}`;
 	if (typeof e == "object") {
@@ -40,455 +114,702 @@ function R(e) {
 	}
 	return String(e);
 }
-var Pe = {
+var Ze = {
 	portfolioId: "",
 	driftPct: "",
 	rationale: "",
 	trades: ""
 };
-function Fe(e) {
+function Qe(e) {
 	if (e.trim() === "") return;
 	let t = Number(e);
 	return Number.isFinite(t) ? t : void 0;
 }
-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(() => {
+function $e() {
+	let { data: l, isLoading: d, isError: oe, refetch: se } = a(), { data: y } = i(), { items: L, hasMore: Je, loadMore: Ye, isLoading: $e, isFetchingNextPage: nt, isError: rt, refetch: it } = r(), R = t(), z = s(), at = e(), ot = n(), st = o(), [ct, B] = v(!1), [V, H] = v(Ze), [lt, U] = v(null), [W, G] = v(null), [K, q] = v(null), J = _(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of z) e.set(t.id, t);
+		for (let t of y) e.set(t.id, t);
 		return e;
-	}, [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);
+	}, [y]), Y = _(() => L.filter((e) => Ue.has(e.type)), [L]), ut = l.filter((e) => e.status === "DRAFT" || e.status === "PROPOSED" || e.status === "APPROVED"), X = Y.filter((e) => e.status === "OPEN"), dt = l.length > 0 ? l.reduce((e, t) => e + (t.driftPct ?? 0), 0) / l.length : null, ft = _(() => l.filter((e) => {
+		let t = J.get(e.portfolioId)?.driftThresholdPct;
+		return t != null && Number.isFinite(t) && e.driftPct >= t;
+	}).length, [l, J]), pt = _(() => [...l].sort((e, t) => new Date(e.createdAt).getTime() - new Date(t.createdAt).getTime()).map((e) => e.driftPct).filter((e) => Number.isFinite(e)), [l]), mt = _(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of l) e.set(t.status, (e.get(t.status) ?? 0) + 1);
+		return Ge.filter((t) => (e.get(t) ?? 0) > 0).map((t) => ({
+			label: I(t),
+			value: e.get(t) ?? 0,
+			tone: We[t]
+		}));
+	}, [l]), Z = _(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of X) e.set(t.severity, (e.get(t.severity) ?? 0) + 1);
+		return qe.filter((t) => (e.get(t) ?? 0) > 0).map((t) => ({
+			label: I(t),
+			value: e.get(t) ?? 0,
+			tone: Ke[t]
+		}));
+	}, [X]), Q = y.length > 0;
+	function ht() {
+		H(Ze), U(null), B(!0);
 	}
-	function et() {
-		if (!U.portfolioId) return;
+	function gt() {
+		if (!V.portfolioId) return;
 		let e;
-		if (U.trades.trim() !== "") try {
-			e = JSON.parse(U.trades);
+		if (V.trades.trim() !== "") try {
+			e = JSON.parse(V.trades);
 		} catch {
-			G("Trades must be valid JSON.");
+			U("Trades must be valid JSON.");
 			return;
 		}
-		let t = Y.get(U.portfolioId);
-		B.mutate({
-			portfolioId: U.portfolioId,
+		let t = J.get(V.portfolioId);
+		R.mutate({
+			portfolioId: V.portfolioId,
 			householdId: t?.householdId ?? null,
-			driftPct: Fe(U.driftPct),
-			rationale: U.rationale.trim() || null,
+			driftPct: Qe(V.driftPct),
+			rationale: V.rationale.trim() || null,
 			...e === void 0 ? {} : { trades: e }
-		}, { onSuccess: () => H(!1) });
+		}, { onSuccess: () => B(!1) });
 	}
-	function tt(e, t) {
+	function $(e, t) {
 		if (t === "REJECTED" || t === "CANCELLED") {
-			J({
+			q({
 				proposal: e,
 				status: t
 			});
 			return;
 		}
-		V.mutate({
+		z.mutate({
 			id: e.id,
 			status: t
 		});
 	}
-	function nt(e) {
-		let t = Y.get(e.portfolioId)?.driftThresholdPct;
+	function _t(e) {
+		let t = J.get(e.portfolioId)?.driftThresholdPct;
 		return t != null && Number.isFinite(t) && e.driftPct >= t;
 	}
-	return /* @__PURE__ */ h(ce, {
+	return /* @__PURE__ */ T(ae, {
 		title: "Risk & Rebalancing",
 		description: "Review drift-driven rebalance proposals and act on portfolio risk insights.",
-		badges: [`${Qe.length} active`, `${Z.length} open insight${Z.length === 1 ? "" : "s"}`],
+		badges: [`${ut.length} active`, `${X.length} open insight${X.length === 1 ? "" : "s"}`],
 		actionLabel: "New proposal",
-		onAction: $,
+		onAction: ht,
 		children: [
-			/* @__PURE__ */ m(oe, { items: [
-				{
-					label: "Total proposals",
-					value: String(a.length)
-				},
-				{
-					label: "Active proposals",
-					value: String(Qe.length)
-				},
-				{
-					label: "Average drift",
-					value: $e === null ? "—" : c($e)
-				},
-				{
-					label: "Open risk insights",
-					value: String(Z.length)
-				}
-			] }),
-			/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(x, { children: [/* @__PURE__ */ h(S, {
+			/* @__PURE__ */ T("div", {
+				className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
+				children: [
+					/* @__PURE__ */ w(u, {
+						index: 0,
+						children: /* @__PURE__ */ w(f, {
+							label: "Average drift",
+							value: dt === null ? "—" : h(dt),
+							spark: pt.length > 1 ? pt : void 0,
+							sparkTone: ft > 0 ? "error" : "brand",
+							glow: !0,
+							icon: /* @__PURE__ */ w(fe, {
+								className: "size-4",
+								"aria-hidden": "true"
+							})
+						})
+					}),
+					/* @__PURE__ */ w(u, {
+						index: 1,
+						children: /* @__PURE__ */ w(f, {
+							label: "Active proposals",
+							value: String(ut.length),
+							icon: /* @__PURE__ */ w(ce, {
+								className: "size-4",
+								"aria-hidden": "true"
+							})
+						})
+					}),
+					/* @__PURE__ */ w(u, {
+						index: 2,
+						children: /* @__PURE__ */ w(f, {
+							label: "Total proposals",
+							value: String(l.length),
+							icon: /* @__PURE__ */ w(pe, {
+								className: "size-4",
+								"aria-hidden": "true"
+							})
+						})
+					}),
+					/* @__PURE__ */ w(u, {
+						index: 3,
+						children: /* @__PURE__ */ w(f, {
+							label: "Open risk insights",
+							value: String(X.length),
+							deltaTone: X.length > 0 ? "negative" : "neutral",
+							icon: /* @__PURE__ */ w(x, {
+								className: "size-4",
+								"aria-hidden": "true"
+							})
+						})
+					})
+				]
+			}),
+			(mt.length > 0 || Z.length > 0) && !d ? /* @__PURE__ */ T("div", {
+				className: "grid gap-4 lg:grid-cols-2",
+				children: [/* @__PURE__ */ w(u, {
+					index: 0,
+					children: /* @__PURE__ */ T(ne, {
+						glow: !0,
+						className: "h-full",
+						children: [/* @__PURE__ */ T("div", {
+							className: "mb-3 flex items-center gap-2",
+							children: [/* @__PURE__ */ w(ge, {
+								className: "size-4 text-text-secondary",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ w("h2", {
+								className: "text-sm font-semibold text-text-primary",
+								children: "Proposal pipeline"
+							})]
+						}), /* @__PURE__ */ w(te, {
+							data: mt,
+							centerValue: String(l.length),
+							centerLabel: "proposals",
+							height: 200
+						})]
+					})
+				}), /* @__PURE__ */ w(u, {
+					index: 1,
+					children: /* @__PURE__ */ T(ne, {
+						className: "h-full",
+						children: [/* @__PURE__ */ T("div", {
+							className: "mb-3 flex items-center gap-2",
+							children: [/* @__PURE__ */ w(x, {
+								className: "size-4 text-text-secondary",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ w("h2", {
+								className: "text-sm font-semibold text-text-primary",
+								children: "Open risk signals"
+							})]
+						}), Z.length > 0 ? /* @__PURE__ */ w(te, {
+							data: Z,
+							centerValue: String(X.length),
+							centerLabel: "open",
+							height: 200
+						}) : /* @__PURE__ */ T("div", {
+							className: "flex h-[200px] flex-col items-center justify-center gap-2 text-center",
+							children: [/* @__PURE__ */ w(S, {
+								className: "size-8 text-status-success-text",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ w("p", {
+								className: "text-sm text-text-secondary",
+								children: "No open risk signals."
+							})]
+						})]
+					})
+				})]
+			}) : null,
+			/* @__PURE__ */ T(ve, { children: [/* @__PURE__ */ T(xe, { children: [/* @__PURE__ */ T(Se, {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ m(p, {
+				children: [/* @__PURE__ */ w(b, {
 					className: "h-5 w-5",
 					"aria-hidden": "true"
 				}), "Rebalance proposals"]
-			}), /* @__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, {
+			}), /* @__PURE__ */ w(be, { children: "Drift against target allocation, with lifecycle actions per proposal." })] }), /* @__PURE__ */ w(ye, { children: d ? /* @__PURE__ */ w(ie, {}) : oe ? /* @__PURE__ */ w(re, { onRetry: () => se() }) : l.length === 0 ? /* @__PURE__ */ w(p, {
+				icon: /* @__PURE__ */ w(b, {
 					className: "size-6",
 					"aria-hidden": "true"
 				}),
 				title: "No rebalance proposals",
 				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(_, {
+				action: Q ? /* @__PURE__ */ T(D, {
 					size: "sm",
-					onClick: $,
-					children: [/* @__PURE__ */ m(me, {
+					onClick: ht,
+					children: [/* @__PURE__ */ w(he, {
 						className: "size-4",
 						"aria-hidden": "true"
 					}), "New proposal"]
 				}) : void 0
-			}) : /* @__PURE__ */ m("div", {
+			}) : /* @__PURE__ */ w("div", {
 				className: "overflow-x-auto",
-				children: /* @__PURE__ */ h(ke, { children: [/* @__PURE__ */ m(je, { children: /* @__PURE__ */ h(F, { children: [
-					/* @__PURE__ */ m(P, { children: "Portfolio" }),
-					/* @__PURE__ */ m(P, {
+				children: /* @__PURE__ */ T(ze, { children: [/* @__PURE__ */ w(Be, { children: /* @__PURE__ */ T(F, { children: [
+					/* @__PURE__ */ w(P, { children: "Portfolio" }),
+					/* @__PURE__ */ w(P, {
 						className: "text-right",
 						children: "Drift"
 					}),
-					/* @__PURE__ */ m(P, { children: "Status" }),
-					/* @__PURE__ */ m(P, { children: "Rationale" }),
-					/* @__PURE__ */ m(P, { children: "Trades" }),
-					/* @__PURE__ */ m(P, { children: "Created" }),
-					/* @__PURE__ */ m(P, {
+					/* @__PURE__ */ w(P, { children: "Status" }),
+					/* @__PURE__ */ w(P, { children: "Rationale" }),
+					/* @__PURE__ */ w(P, { children: "Trades" }),
+					/* @__PURE__ */ w(P, { children: "Created" }),
+					/* @__PURE__ */ w(P, {
 						className: "w-12 text-right",
 						children: "Actions"
 					})
-				] }) }), /* @__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__ */ h("p", {
-							className: "text-xs text-text-secondary",
-							children: [t?.baseCurrency ?? "—", t?.driftThresholdPct == null ? "" : ` · threshold ${c(t.driftThresholdPct)}`]
-						})] }),
-						/* @__PURE__ */ h(N, {
-							className: "text-right",
-							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__ */ m(le, {
-									className: "size-4",
-									"aria-hidden": "true"
-								}) : null, c(e.driftPct)]
-							}), n ? /* @__PURE__ */ m("p", {
-								className: "text-xs text-status-error-text",
-								children: "Over threshold"
-							}) : null]
-						}),
-						/* @__PURE__ */ m(N, { children: /* @__PURE__ */ m(g, {
-							variant: l(e.status),
-							children: L(e.status)
-						}) }),
-						/* @__PURE__ */ m(N, {
-							className: "max-w-xs",
-							children: /* @__PURE__ */ m("p", {
-								className: "truncate text-sm text-text-secondary",
-								children: e.rationale ?? "—"
-							})
-						}),
-						/* @__PURE__ */ m(N, {
-							className: "text-sm text-text-secondary",
-							children: R(e.trades)
-						}),
-						/* @__PURE__ */ m(N, {
-							className: "text-sm text-text-secondary",
-							children: s(e.createdAt)
-						}),
-						/* @__PURE__ */ m(N, {
-							className: "text-right",
-							children: /* @__PURE__ */ h(O, { children: [/* @__PURE__ */ m(j, {
-								asChild: !0,
-								children: /* @__PURE__ */ m(_, {
-									variant: "ghost",
-									size: "sm",
-									"aria-label": `Actions for ${t?.name ?? "proposal"}`,
-									children: /* @__PURE__ */ m(pe, {
+				] }) }), /* @__PURE__ */ w(M, { children: l.map((e) => {
+					let t = J.get(e.portfolioId), n = _t(e), r = He[e.status], i = t?.driftThresholdPct, a = i != null && i > 0 ? Math.min(100, e.driftPct / i * 100) : null;
+					return /* @__PURE__ */ T(F, {
+						onClick: () => G(e),
+						className: "cursor-pointer transition-colors motion-safe:hover:bg-bg-elevated",
+						children: [
+							/* @__PURE__ */ T(N, { children: [/* @__PURE__ */ w("p", {
+								className: "font-medium text-text-primary",
+								children: t?.name ?? "Unknown portfolio"
+							}), /* @__PURE__ */ T("p", {
+								className: "text-xs text-text-secondary",
+								children: [t?.baseCurrency ?? "—", i == null ? "" : ` · threshold ${h(i)}`]
+							})] }),
+							/* @__PURE__ */ T(N, {
+								className: "text-right",
+								children: [/* @__PURE__ */ T("span", {
+									className: `inline-flex items-center justify-end gap-1 font-semibold tabular-nums ${n ? "text-status-error-text" : "text-text-primary"}`,
+									children: [n ? /* @__PURE__ */ w(le, {
 										className: "size-4",
 										"aria-hidden": "true"
+									}) : null, h(e.driftPct)]
+								}), a == null ? n ? /* @__PURE__ */ w("p", {
+									className: "text-xs text-status-error-text",
+									children: "Over threshold"
+								}) : null : /* @__PURE__ */ w("div", {
+									className: "ml-auto mt-1 h-1.5 w-24 overflow-hidden rounded-full bg-bg-sunken",
+									role: "progressbar",
+									"aria-valuenow": Math.round(a),
+									"aria-valuemin": 0,
+									"aria-valuemax": 100,
+									"aria-label": `Drift vs threshold for ${t?.name ?? "portfolio"}`,
+									children: /* @__PURE__ */ w("div", {
+										className: "h-full rounded-full",
+										style: {
+											width: `${a}%`,
+											background: n ? "var(--color-status-error)" : "var(--color-action-primary-bg)"
+										}
 									})
+								})]
+							}),
+							/* @__PURE__ */ w(N, { children: /* @__PURE__ */ w(E, {
+								variant: g(e.status),
+								children: I(e.status)
+							}) }),
+							/* @__PURE__ */ w(N, {
+								className: "max-w-xs",
+								children: /* @__PURE__ */ w("p", {
+									className: "truncate text-sm text-text-secondary",
+									children: e.rationale ?? "—"
 								})
-							}), /* @__PURE__ */ h(k, {
-								align: "end",
-								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__ */ h(A, {
-											disabled: V.isPending,
-											className: n ? "text-status-error-text" : void 0,
-											onClick: () => tt(e, t),
-											children: [m(n ? _e : ue, {
-												className: "size-4",
-												"aria-hidden": "true"
-											}), L(t)]
-										}, t);
+							}),
+							/* @__PURE__ */ w(N, {
+								className: "text-sm text-text-secondary",
+								children: Xe(e.trades)
+							}),
+							/* @__PURE__ */ w(N, {
+								className: "text-sm text-text-secondary",
+								children: m(e.createdAt)
+							}),
+							/* @__PURE__ */ w(N, {
+								className: "text-right",
+								onClick: (e) => e.stopPropagation(),
+								children: /* @__PURE__ */ T(Oe, { children: [/* @__PURE__ */ w(Me, {
+									asChild: !0,
+									children: /* @__PURE__ */ w(D, {
+										variant: "ghost",
+										size: "sm",
+										"aria-label": `Actions for ${t?.name ?? "proposal"}`,
+										children: /* @__PURE__ */ w(me, {
+											className: "size-4",
+											"aria-hidden": "true"
+										})
 									})
-								] }) : null]
-							})] })
-						})
-					] }, e.id);
+								}), /* @__PURE__ */ T(ke, {
+									align: "end",
+									children: [/* @__PURE__ */ T(A, {
+										onClick: () => G(e),
+										children: [/* @__PURE__ */ w(de, {
+											className: "size-4",
+											"aria-hidden": "true"
+										}), "View details"]
+									}), r.length > 0 ? /* @__PURE__ */ T(_e, { children: [
+										/* @__PURE__ */ w(je, {}),
+										/* @__PURE__ */ w(Ae, { children: "Advance to" }),
+										r.map((t) => {
+											let n = t === "REJECTED" || t === "CANCELLED";
+											return /* @__PURE__ */ T(A, {
+												disabled: z.isPending,
+												className: n ? "text-status-error-text" : void 0,
+												onClick: () => $(e, t),
+												children: [w(n ? C : ue, {
+													className: "size-4",
+													"aria-hidden": "true"
+												}), I(t)]
+											}, t);
+										})
+									] }) : null]
+								})] })
+							})
+						]
+					}, e.id);
 				}) })] })
 			}) })] }),
-			/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(x, { children: [/* @__PURE__ */ h(S, {
+			/* @__PURE__ */ T(ve, { children: [/* @__PURE__ */ T(xe, { children: [/* @__PURE__ */ T(Se, {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ m(he, {
+				children: [/* @__PURE__ */ w(x, {
 					className: "h-5 w-5",
 					"aria-hidden": "true"
 				}), "Risk insights"]
-			}), /* @__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, {
+			}), /* @__PURE__ */ w(be, { children: "Drift, concentration, cash-drag and fee-anomaly signals detected across your portfolios." })] }), /* @__PURE__ */ w(ye, { children: $e ? /* @__PURE__ */ w(ie, {}) : rt ? /* @__PURE__ */ w(re, { onRetry: () => it() }) : Y.length === 0 ? /* @__PURE__ */ w(p, {
+				icon: /* @__PURE__ */ w(S, {
 					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__ */ h("div", {
+			}) : /* @__PURE__ */ T("div", {
 				className: "space-y-3",
-				children: [X.map((e) => /* @__PURE__ */ m(Re, {
-					insight: e,
-					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,
+				children: [Y.map((e, t) => /* @__PURE__ */ w(u, {
+					index: t,
+					children: /* @__PURE__ */ w(tt, {
+						insight: e,
+						onAcknowledge: () => at.mutate(e.id),
+						onResolve: () => st.mutate(e.id),
+						onDismiss: () => ot.mutate(e.id),
+						actionPending: at.isPending || st.isPending || ot.isPending
+					})
+				}, e.id)), /* @__PURE__ */ w(c, {
+					hasMore: Je,
+					onClick: Ye,
+					loading: nt,
 					label: "Load more insights"
 				})]
 			}) })] }),
-			/* @__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", {
+			/* @__PURE__ */ w(Ce, {
+				open: ct,
+				onOpenChange: B,
+				children: /* @__PURE__ */ T(O, { children: [
+					/* @__PURE__ */ T(Ee, { children: [/* @__PURE__ */ w(De, { children: "New rebalance proposal" }), /* @__PURE__ */ w(k, { children: "Propose a rebalance for a portfolio that has drifted from its target allocation." })] }),
+					Q ? /* @__PURE__ */ T("div", {
 						className: "grid gap-4",
 						children: [
-							/* @__PURE__ */ h("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ m(M, {
-									htmlFor: "prop-portfolio",
-									children: "Portfolio"
-								}), /* @__PURE__ */ h(we, {
-									value: U.portfolioId,
-									onValueChange: (e) => W((t) => ({
-										...t,
-										portfolioId: e
-									})),
-									children: [/* @__PURE__ */ m(De, {
-										id: "prop-portfolio",
-										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__ */ T("div", {
+								className: "grid gap-4 sm:grid-cols-2",
+								children: [/* @__PURE__ */ T("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ T(j, {
+										htmlFor: "prop-portfolio",
+										children: ["Portfolio ", /* @__PURE__ */ w("span", {
+											className: "text-status-error-text",
+											children: "*"
+										})]
+									}), /* @__PURE__ */ T(Pe, {
+										value: V.portfolioId,
+										onValueChange: (e) => H((t) => ({
+											...t,
+											portfolioId: e
+										})),
+										children: [/* @__PURE__ */ w(Le, {
+											id: "prop-portfolio",
+											children: /* @__PURE__ */ w(Re, { placeholder: "Select a portfolio" })
+										}), /* @__PURE__ */ w(Fe, { children: y.map((e) => /* @__PURE__ */ w(Ie, {
+											value: e.id,
+											children: e.name
+										}, e.id)) })]
+									})]
+								}), /* @__PURE__ */ T("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ w(j, {
+										htmlFor: "prop-drift",
+										children: "Drift %"
+									}), /* @__PURE__ */ w(Ne, {
+										id: "prop-drift",
+										type: "number",
+										value: V.driftPct,
+										onChange: (e) => H((t) => ({
+											...t,
+											driftPct: e.target.value
+										})),
+										placeholder: "e.g. 6.5"
+									})]
 								})]
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ T("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ m(M, {
-									htmlFor: "prop-drift",
-									children: "Drift %"
-								}), /* @__PURE__ */ m(Ce, {
-									id: "prop-drift",
-									type: "number",
-									value: U.driftPct,
-									onChange: (e) => W((t) => ({
-										...t,
-										driftPct: e.target.value
-									})),
-									placeholder: "e.g. 6.5"
-								})]
-							}),
-							/* @__PURE__ */ h("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ m(M, {
+								children: [/* @__PURE__ */ w(j, {
 									htmlFor: "prop-rationale",
 									children: "Rationale"
-								}), /* @__PURE__ */ m(I, {
+								}), /* @__PURE__ */ w(Ve, {
 									id: "prop-rationale",
-									value: U.rationale,
-									onChange: (e) => W((t) => ({
+									value: V.rationale,
+									onChange: (e) => H((t) => ({
 										...t,
 										rationale: e.target.value
 									})),
 									placeholder: "Why is this rebalance needed?"
 								})]
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ T("div", {
 								className: "space-y-2",
 								children: [
-									/* @__PURE__ */ m(M, {
+									/* @__PURE__ */ w(j, {
 										htmlFor: "prop-trades",
 										children: "Trades (JSON, optional)"
 									}),
-									/* @__PURE__ */ m(I, {
+									/* @__PURE__ */ w(Ve, {
 										id: "prop-trades",
-										value: U.trades,
+										className: "font-mono text-xs",
+										value: V.trades,
 										onChange: (e) => {
-											G(null), W((t) => ({
+											U(null), H((t) => ({
 												...t,
 												trades: e.target.value
 											}));
 										},
 										placeholder: "e.g. [{\"symbol\":\"VOO\",\"action\":\"SELL\",\"quantity\":10}]"
 									}),
-									Xe ? /* @__PURE__ */ m("p", {
+									lt ? /* @__PURE__ */ w("p", {
 										className: "text-xs text-status-error-text",
-										children: Xe
+										children: lt
 									}) : null
 								]
 							})
 						]
-					}) : /* @__PURE__ */ m(o, {
-						icon: /* @__PURE__ */ m(p, {
+					}) : /* @__PURE__ */ w(p, {
+						icon: /* @__PURE__ */ w(b, {
 							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__ */ h(be, { children: [/* @__PURE__ */ m(ye, {
+					/* @__PURE__ */ T(Te, { children: [/* @__PURE__ */ w(we, {
 						asChild: !0,
-						children: /* @__PURE__ */ m(_, {
+						children: /* @__PURE__ */ w(D, {
 							variant: "outline",
 							children: "Cancel"
 						})
-					}), /* @__PURE__ */ m(_, {
-						onClick: et,
-						disabled: !U.portfolioId || B.isPending,
-						children: B.isPending ? "Creating…" : "Create proposal"
+					}), /* @__PURE__ */ w(D, {
+						onClick: gt,
+						disabled: !V.portfolioId || R.isPending,
+						children: R.isPending ? "Creating…" : "Create proposal"
 					})] })
 				] })
 			}),
-			/* @__PURE__ */ m(Le, {
-				proposal: K,
-				portfolio: K ? Y.get(K.portfolioId) ?? null : null,
+			(() => {
+				let e = W ? l.find((e) => e.id === W.id) ?? W : null, t = e ? L.filter((t) => t.subjectId === e.portfolioId) : [];
+				return /* @__PURE__ */ w(et, {
+					proposal: e,
+					portfolio: e ? J.get(e.portfolioId) ?? null : null,
+					relatedInsights: t,
+					nextStatuses: e ? He[e.status] : [],
+					transitionPending: z.isPending,
+					onTransition: (t) => {
+						e && $(e, t);
+					},
+					onOpenChange: (e) => {
+						e || G(null);
+					}
+				});
+			})(),
+			/* @__PURE__ */ w(ee, {
+				open: K !== null,
 				onOpenChange: (e) => {
-					e || Ze(null);
-				}
-			}),
-			/* @__PURE__ */ m(ie, {
-				open: q !== null,
-				onOpenChange: (e) => {
-					e || J(null);
+					e || q(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",
+				title: K?.status === "REJECTED" ? "Reject this proposal?" : "Cancel this proposal?",
+				description: K ? `This moves the rebalance proposal for ${J.get(K.proposal.portfolioId)?.name ?? "this portfolio"} to ${I(K.status)}. This cannot be undone.` : void 0,
+				confirmLabel: K?.status === "REJECTED" ? "Reject" : "Cancel proposal",
 				cancelLabel: "Keep",
 				destructive: !0,
-				pending: V.isPending,
+				pending: z.isPending,
 				onConfirm: () => {
-					q && V.mutate({
-						id: q.proposal.id,
-						status: q.status
-					}, { onSuccess: () => J(null) });
+					K && z.mutate({
+						id: K.proposal.id,
+						status: K.status
+					}, { onSuccess: () => q(null) });
 				}
 			})
 		]
 	});
 }
-function Le({ proposal: e, portfolio: t, onOpenChange: n }) {
-	return /* @__PURE__ */ m(C, {
+function et({ proposal: e, portfolio: t, relatedInsights: n, nextStatuses: r, transitionPending: i, onTransition: a, onOpenChange: o }) {
+	let s = e ? Je(e.trades) : null, c = e != null && t?.driftThresholdPct != null && Number.isFinite(t.driftThresholdPct) && e.driftPct >= t.driftThresholdPct;
+	return /* @__PURE__ */ w(Ce, {
 		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",
+		onOpenChange: o,
+		children: /* @__PURE__ */ w(O, {
+			className: "max-h-[88vh] max-w-3xl overflow-y-auto",
+			children: e ? /* @__PURE__ */ T(_e, { children: [
+				/* @__PURE__ */ T(Ee, { children: [
+					/* @__PURE__ */ w("p", {
+						className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
+						children: "Detail"
+					}),
+					/* @__PURE__ */ T(De, {
+						className: "flex flex-wrap items-center gap-2 text-xl",
+						children: [
+							t?.name ?? "Rebalance proposal",
+							/* @__PURE__ */ w("span", {
+								className: "text-text-secondary",
+								children: "— Rebalance proposal"
+							}),
+							/* @__PURE__ */ w(E, {
+								variant: g(e.status),
+								children: I(e.status)
+							})
+						]
+					}),
+					/* @__PURE__ */ T(k, { children: [
+						"Created ",
+						m(e.createdAt),
+						e.executedAt ? ` · executed ${m(e.executedAt)}` : ""
+					] })
+				] }),
+				/* @__PURE__ */ w("div", {
+					className: "rounded-xl border border-border-subtle bg-bg-surface p-4",
+					children: /* @__PURE__ */ w(d, {
+						steps: L,
+						current: I(e.status)
+					})
+				}),
+				/* @__PURE__ */ T("div", {
+					className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4",
 					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__ */ w(f, {
+							label: "Drift",
+							value: h(e.driftPct),
+							deltaTone: c ? "negative" : "neutral",
+							glow: c,
+							icon: /* @__PURE__ */ w(fe, {
+								className: "size-4",
+								"aria-hidden": "true"
+							})
 						}),
-						/* @__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__ */ w(f, {
+							label: "Threshold",
+							value: t?.driftThresholdPct == null ? "—" : h(t.driftThresholdPct)
 						}),
-						/* @__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__ */ T("div", {
+							className: "rounded-xl border border-border-subtle bg-bg-surface p-4",
+							children: [/* @__PURE__ */ w("p", {
+								className: "text-xs text-text-secondary",
+								children: "Proposed by"
+							}), /* @__PURE__ */ w("p", {
+								className: "mt-1 truncate text-sm font-medium text-text-primary",
+								children: e.proposedById ? /* @__PURE__ */ w(l, { id: e.proposedById }) : "—"
 							})]
 						}),
-						/* @__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__ */ T("div", {
+							className: "rounded-xl border border-border-subtle bg-bg-surface p-4",
+							children: [/* @__PURE__ */ w("p", {
+								className: "text-xs text-text-secondary",
+								children: "Approved by"
+							}), /* @__PURE__ */ w("p", {
+								className: "mt-1 truncate text-sm font-medium text-text-primary",
+								children: e.approvedById ? /* @__PURE__ */ w(l, { id: e.approvedById }) : "—"
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ h("div", {
+				/* @__PURE__ */ T("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ w("h3", {
+						className: "text-sm font-semibold text-text-primary",
+						children: "Proposed trades"
+					}), s && s.length > 0 ? /* @__PURE__ */ w("div", {
+						className: "overflow-x-auto rounded-lg border border-border-subtle",
+						children: /* @__PURE__ */ T(ze, { children: [/* @__PURE__ */ w(Be, { children: /* @__PURE__ */ T(F, { children: [
+							/* @__PURE__ */ w(P, { children: "Action" }),
+							/* @__PURE__ */ w(P, { children: "Symbol" }),
+							/* @__PURE__ */ w(P, {
+								className: "text-right",
+								children: "Quantity"
+							}),
+							/* @__PURE__ */ w(P, {
+								className: "text-right",
+								children: "Est. value"
+							})
+						] }) }), /* @__PURE__ */ w(M, { children: s.map((e, n) => /* @__PURE__ */ T(F, { children: [
+							/* @__PURE__ */ w(N, {
+								className: `font-semibold ${Ye(e.action)}`,
+								children: e.action ? e.action.toUpperCase() : "—"
+							}),
+							/* @__PURE__ */ w(N, {
+								className: "font-medium text-text-primary",
+								children: e.symbol ?? "—"
+							}),
+							/* @__PURE__ */ w(N, {
+								className: "text-right tabular-nums text-text-secondary",
+								children: e.quantity == null ? "—" : e.quantity.toLocaleString()
+							}),
+							/* @__PURE__ */ w(N, {
+								className: "text-right tabular-nums text-text-secondary",
+								children: e.value == null ? "—" : oe(e.value, t?.baseCurrency ?? "USD")
+							})
+						] }, n)) })] })
+					}) : /* @__PURE__ */ T("p", {
+						className: "text-sm text-text-secondary",
+						children: [Xe(e.trades), " — no structured trade breakdown available."]
+					})]
+				}),
+				/* @__PURE__ */ T("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ m("p", {
-						className: "text-xs font-medium text-text-muted",
-						children: "Rationale (summary)"
-					}), /* @__PURE__ */ m("p", {
+					children: [/* @__PURE__ */ w("h3", {
+						className: "text-sm font-semibold text-text-primary",
+						children: "Rationale"
+					}), /* @__PURE__ */ w("p", {
 						className: "text-sm text-text-secondary",
 						children: e.rationale ?? "—"
 					})]
 				}),
-				/* @__PURE__ */ m("div", {
+				r.length > 0 ? /* @__PURE__ */ w("div", {
+					className: "flex flex-wrap gap-2",
+					children: r.map((e) => {
+						let t = e === "REJECTED" || e === "CANCELLED";
+						return /* @__PURE__ */ T(D, {
+							variant: t ? "outline" : "default",
+							size: "sm",
+							disabled: i,
+							className: t ? "text-status-error-text" : void 0,
+							onClick: () => a(e),
+							children: [w(t ? C : ue, {
+								className: "size-4",
+								"aria-hidden": "true"
+							}), I(e)]
+						}, e);
+					})
+				}) : null,
+				n.length > 0 ? /* @__PURE__ */ T("div", {
+					className: "space-y-2 border-t border-border-subtle pt-4",
+					children: [/* @__PURE__ */ T("h3", {
+						className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+						children: [/* @__PURE__ */ w(x, {
+							className: "size-4",
+							"aria-hidden": "true"
+						}), "Risk insights"]
+					}), /* @__PURE__ */ w("ul", {
+						className: "space-y-2",
+						children: n.map((e) => /* @__PURE__ */ T("li", {
+							className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
+							children: [/* @__PURE__ */ T("div", {
+								className: "flex flex-wrap items-center gap-2",
+								children: [
+									/* @__PURE__ */ w("span", {
+										className: "text-sm font-medium text-text-primary",
+										children: e.title
+									}),
+									/* @__PURE__ */ w(E, {
+										variant: g(e.severity),
+										children: I(e.severity)
+									}),
+									/* @__PURE__ */ w(E, {
+										variant: "outline",
+										children: I(e.type)
+									}),
+									/* @__PURE__ */ w(E, {
+										variant: g(e.status),
+										children: I(e.status)
+									})
+								]
+							}), e.detail ? /* @__PURE__ */ w("p", {
+								className: "mt-1 text-xs text-text-secondary",
+								children: e.detail
+							}) : null]
+						}, e.id))
+					})]
+				}) : null,
+				/* @__PURE__ */ w("div", {
 					className: "border-t border-border-subtle pt-4",
-					children: /* @__PURE__ */ m(u, {
+					children: /* @__PURE__ */ w(se, {
 						entityType: "brainyrich-rebalance",
 						entityId: e.id,
 						heading: "Discussion"
@@ -498,79 +819,79 @@ function Le({ proposal: e, portfolio: t, onOpenChange: n }) {
 		})
 	});
 }
-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__ */ h("div", {
+function tt({ insight: e, onAcknowledge: t, onResolve: n, onDismiss: r, actionPending: i }) {
+	let a = e.status === "RESOLVED" || e.status === "DISMISSED";
+	return /* @__PURE__ */ T("div", {
+		className: "flex items-start justify-between gap-4 rounded-lg border border-border-subtle bg-bg-surface p-4 transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]",
+		children: [/* @__PURE__ */ T("div", {
 			className: "min-w-0 space-y-1",
 			children: [
-				/* @__PURE__ */ h("div", {
+				/* @__PURE__ */ T("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						/* @__PURE__ */ m("p", {
+						/* @__PURE__ */ w("p", {
 							className: "font-medium text-text-primary",
 							children: e.title
 						}),
-						/* @__PURE__ */ m(g, {
-							variant: l(e.severity),
-							children: L(e.severity)
+						/* @__PURE__ */ w(E, {
+							variant: g(e.severity),
+							children: I(e.severity)
 						}),
-						/* @__PURE__ */ m(g, {
+						/* @__PURE__ */ w(E, {
 							variant: "outline",
-							children: L(e.type)
+							children: I(e.type)
 						}),
-						/* @__PURE__ */ m(g, {
-							variant: l(e.status),
-							children: L(e.status)
+						/* @__PURE__ */ w(E, {
+							variant: g(e.status),
+							children: I(e.status)
 						})
 					]
 				}),
-				e.detail ? /* @__PURE__ */ m("p", {
+				e.detail ? /* @__PURE__ */ w("p", {
 					className: "text-sm text-text-secondary",
 					children: e.detail
 				}) : null,
-				/* @__PURE__ */ h("p", {
+				/* @__PURE__ */ T("p", {
 					className: "text-xs text-text-muted",
-					children: ["Detected ", s(e.createdAt)]
+					children: ["Detected ", m(e.createdAt)]
 				})
 			]
-		}), ee ? /* @__PURE__ */ m("span", {
+		}), a ? /* @__PURE__ */ w("span", {
 			className: "mt-1 text-xs text-text-muted",
 			children: "Closed"
-		}) : /* @__PURE__ */ h(O, { children: [/* @__PURE__ */ m(j, {
+		}) : /* @__PURE__ */ T(Oe, { children: [/* @__PURE__ */ w(Me, {
 			asChild: !0,
-			children: /* @__PURE__ */ m(_, {
+			children: /* @__PURE__ */ w(D, {
 				variant: "ghost",
 				size: "sm",
 				"aria-label": `Actions for ${e.title}`,
 				disabled: i,
-				children: /* @__PURE__ */ m(pe, {
+				children: /* @__PURE__ */ w(me, {
 					className: "size-4",
 					"aria-hidden": "true"
 				})
 			})
-		}), /* @__PURE__ */ h(k, {
+		}), /* @__PURE__ */ T(ke, {
 			align: "end",
 			children: [
-				e.status === "OPEN" ? /* @__PURE__ */ h(A, {
+				e.status === "OPEN" ? /* @__PURE__ */ T(A, {
 					onClick: t,
-					children: [/* @__PURE__ */ m(de, {
+					children: [/* @__PURE__ */ w(y, {
 						className: "size-4",
 						"aria-hidden": "true"
 					}), "Acknowledge"]
 				}) : null,
-				/* @__PURE__ */ h(A, {
+				/* @__PURE__ */ T(A, {
 					onClick: n,
-					children: [/* @__PURE__ */ m(ge, {
+					children: [/* @__PURE__ */ w(S, {
 						className: "size-4",
 						"aria-hidden": "true"
 					}), "Resolve"]
 				}),
-				/* @__PURE__ */ h(A, {
+				/* @__PURE__ */ T(A, {
 					className: "text-status-error-text",
 					onClick: r,
-					children: [/* @__PURE__ */ m(_e, {
+					children: [/* @__PURE__ */ w(C, {
 						className: "size-4",
 						"aria-hidden": "true"
 					}), "Dismiss"]
@@ -580,6 +901,6 @@ function Re({ insight: e, onAcknowledge: t, onResolve: n, onDismiss: r, actionPe
 	});
 }
 //#endregion
-export { Ie as RiskPage };
+export { $e as RiskPage };
 
 //# sourceMappingURL=RiskPage.js.map