@burdenoff/microfe-brainyrich 2026.706.1 → 2026.706.2

package/dist/brainyrich/pages/TaxPage.js

@@ -1,38 +1,77 @@
 import { useAcknowledgeInsight as e, useAllAccounts as t, useAllTransactions as n, useCreateInsight as r, useDismissInsight as i, useHoldings as a, usePagedInsights as o, usePortfolios as ee, useResolveInsight as te } from "../hooks/useBrainyRichApi.js";
 import { LoadMore as ne } from "../components/LoadMore.js";
-import { ConfirmDialog as re } from "../components/ConfirmDialog.js";
+import { ConfirmDialog as s } from "../components/ConfirmDialog.js";
+import { DonutChart as re, FadeIn as c, GlassCard as l, LifecycleStepper as ie, MiniAreaChart as u, StatTile as d } from "../components/viz.js";
 import "../components/index.js";
-import { EmptyState as s, ErrorState as c, KpiGrid as ie, LoadingState as l, SectionShell as u, deltaToneClass as d, formatDate as f, formatMoney as p, statusBadgeVariant as m } from "./_shared.js";
-import { useMemo as h, useState as g } from "react";
-import { ArrowDownRight as ae, ArrowUpRight as oe, Check as se, Coins as ce, Landmark as le, MoreHorizontal as ue, Receipt as de, ReceiptText as fe, ShieldCheck as _, Sparkles as pe, TrendingDown as me, TrendingUp as v, X as he } from "lucide-react";
-import { Fragment as ge, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Badge as x, Button as S, Card as C, CardContent as w, CardDescription as T, CardHeader as E, CardTitle as D, Dialog as _e, DialogClose as ve, DialogContent as ye, DialogDescription as be, DialogFooter as xe, DialogHeader as Se, DialogTitle as Ce, DropdownMenu as O, DropdownMenuContent as k, DropdownMenuItem as A, DropdownMenuLabel as j, DropdownMenuSeparator as M, DropdownMenuTrigger as N, Input as we, Label as P, Select as F, SelectContent as I, SelectItem as L, SelectTrigger as R, SelectValue as z, Table as B, TableBody as Te, TableCell as V, TableHead as H, TableHeader as U, TableRow as W, Tabs as Ee, TabsContent as De, TabsList as Oe, TabsTrigger as ke, Textarea as Ae } from "@burdenoff/fe-libs/ui";
+import { AllocationBars as f, EmptyState as p, ErrorState as ae, LoadingState as m, SectionShell as oe, deltaToneClass as se, formatDate as h, formatMoney as g, statusBadgeVariant as ce } from "./_shared.js";
+import { useMemo as _, useState as v } from "react";
+import { ArrowDownRight as le, ArrowUpRight as ue, Check as de, Coins as fe, Landmark as pe, MoreHorizontal as y, Receipt as me, ReceiptText as he, Scissors as b, ShieldCheck as ge, Sparkles as _e, TrendingDown as ve, TrendingUp as x, X as ye } from "lucide-react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { Badge as T, Button as E, Card as D, CardContent as O, CardDescription as be, CardHeader as xe, CardTitle as Se, Dialog as Ce, DialogClose as we, DialogContent as Te, DialogDescription as Ee, DialogFooter as De, DialogHeader as Oe, DialogTitle as ke, DropdownMenu as Ae, DropdownMenuContent as k, DropdownMenuItem as A, DropdownMenuLabel as je, DropdownMenuSeparator as j, DropdownMenuTrigger as Me, Input as Ne, Label as M, Select as Pe, SelectContent as Fe, SelectItem as N, SelectTrigger as Ie, SelectValue as Le, Table as P, TableBody as F, TableCell as I, TableHead as L, TableHeader as R, TableRow as z, Tabs as Re, TabsContent as B, TabsList as ze, TabsTrigger as V, Textarea as Be } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/TaxPage.tsx
-var je = [
+var Ve = [
 	"INFO",
 	"LOW",
 	"MEDIUM",
 	"HIGH",
 	"CRITICAL"
 ];
-function G(e) {
+function H(e) {
 	return e.toLowerCase().split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
 }
-function K(e) {
+function U(e) {
 	return e.marketValue - e.costBasis;
 }
-var Me = {
+function He(e) {
+	switch (e) {
+		case "CRITICAL": return "error";
+		case "HIGH": return "warning";
+		case "MEDIUM": return "info";
+		case "LOW": return "teal";
+		default: return "neutral";
+	}
+}
+var Ue = {
 	title: "",
 	detail: "",
 	severity: "MEDIUM",
 	subject: ""
 };
-function Ne() {
-	let { items: a, hasMore: d, loadMore: m, isLoading: ae, isFetchingNextPage: oe, isError: se, refetch: ue } = o(), { data: _, isLoading: me, isError: v, refetch: he } = n(), { data: O, isLoading: k } = t(), { data: A } = ee(), j = r(), M = e(), N = i(), Ne = te(), [Fe, Le] = g(!1), [q, J] = g(Me), [Re, Y] = g(null), [X, ze] = g(null), Z = h(() => a.filter((e) => e.type === "TAX_OPPORTUNITY"), [a]), Be = Z.filter((e) => e.status === "OPEN"), Q = h(() => _.filter((e) => e.type === "SELL"), [_]), $ = h(() => _.filter((e) => e.type === "DIVIDEND" || e.type === "INTEREST"), [_]), Ve = Q.reduce((e, t) => e + t.amount, 0), He = $.reduce((e, t) => e + t.amount, 0), Ue = Q[0]?.currency ?? $[0]?.currency ?? "USD", We = h(() => O.reduce((e, t) => e + t.holdings.reduce((e, t) => e + K(t), 0), 0), [O]), Ge = O[0]?.currency ?? Ue, Ke = O.length > 0 || A.length > 0;
-	function qe() {
-		J(Me), Y(null), Le(!0);
+function W() {
+	let { items: a, hasMore: f, loadMore: se, isLoading: ce, isFetchingNextPage: le, isError: ue, refetch: de } = o(), { data: y, isLoading: ge, isError: ye, refetch: Ae } = n(), { data: k, isLoading: A } = t(), { data: je } = ee(), j = r(), Me = e(), W = i(), G = te(), [qe, K] = v(!1), [q, J] = v(Ue), [Je, Y] = v(null), [X, Ye] = v(null), Xe = _(() => a.filter((e) => e.type === "TAX_OPPORTUNITY"), [a]), Z = _(() => Xe.filter((e) => e.status === "OPEN"), [Xe]), Ze = _(() => [
+		"CRITICAL",
+		"HIGH",
+		"MEDIUM",
+		"LOW",
+		"INFO"
+	].map((e) => ({
+		label: H(e),
+		value: Z.filter((t) => t.severity === e).length,
+		tone: He(e)
+	})).filter((e) => e.value > 0), [Z]), Q = _(() => y.filter((e) => e.type === "SELL"), [y]), $ = _(() => y.filter((e) => e.type === "DIVIDEND" || e.type === "INTEREST"), [y]), Qe = Q.reduce((e, t) => e + t.amount, 0), $e = $.reduce((e, t) => e + t.amount, 0), et = Q[0]?.currency ?? $[0]?.currency ?? "USD", tt = _(() => [...Q].sort((e, t) => new Date(e.tradeDate).getTime() - new Date(t.tradeDate).getTime()).reduce((e, t) => {
+		let n = e.length > 0 ? e[e.length - 1].y : 0;
+		return e.push({
+			x: h(t.tradeDate),
+			y: n + t.amount
+		}), e;
+	}, []), [Q]), nt = tt.map((e) => e.y), rt = _(() => k.reduce((e, t) => e + t.holdings.reduce((e, t) => e + U(t), 0), 0), [k]), it = k[0]?.currency ?? et, at = _(() => k.flatMap((e) => e.holdings.filter((e) => U(e) < 0).map((t) => ({
+		holding: t,
+		accountId: e.id,
+		accountName: e.name,
+		loss: U(t)
+	}))).sort((e, t) => e.loss - t.loss), [k]), ot = at.reduce((e, t) => e + t.loss, 0), st = at[0]?.holding.currency ?? it, ct = k.length > 0 || je.length > 0;
+	function lt() {
+		J(Ue), Y(null), K(!0);
 	}
-	function Je() {
+	function ut(e) {
+		J({
+			title: `Harvest ${e.holding.symbol} loss`,
+			detail: `Tax-loss-harvest candidate: ${e.holding.symbol} is sitting at an unrealized loss of ${g(e.loss, e.holding.currency)}. Create a rebalance proposal to realize the loss while holding the target allocation.`,
+			severity: "MEDIUM",
+			subject: `account:${e.accountId}`
+		}), Y(null), K(!0);
+	}
+	function dt() {
 		let e = q.title.trim();
 		if (!e) {
 			Y("A title is required.");
@@ -56,262 +95,374 @@ function Ne() {
 			subjectType: t
 		}, {
 			onSuccess: () => {
-				Le(!1), J(Me);
+				K(!1), J(Ue);
 			},
 			onError: (e) => {
 				Y(e instanceof Error ? e.message : "Could not create the tax insight.");
 			}
 		});
 	}
-	let Ye = M.isPending || N.isPending || Ne.isPending;
-	return /* @__PURE__ */ b(u, {
+	let ft = Me.isPending || W.isPending || G.isPending;
+	return /* @__PURE__ */ w(oe, {
 		title: "Tax Center",
 		description: "Act on tax-opportunity insights and review unrealized and realized gains — all from your live portfolio data.",
-		badges: [`${Be.length} open opportunit${Be.length === 1 ? "y" : "ies"}`],
+		badges: [`${Z.length} open opportunit${Z.length === 1 ? "y" : "ies"}`],
 		actionLabel: "New tax insight",
-		onAction: qe,
+		onAction: lt,
 		children: [
-			/* @__PURE__ */ y(ie, { items: [
-				{
-					label: "Open tax opportunities",
-					value: String(Be.length)
-				},
-				{
-					label: "Tax insights (all)",
-					value: String(Z.length)
-				},
-				{
-					label: "Realized proceeds",
-					value: p(Ve, Ue),
-					trend: `${Q.length} sale${Q.length === 1 ? "" : "s"}`
-				},
-				{
-					label: "Investment income",
-					value: p(He, Ue),
-					trend: `${$.length} dividend/interest`
-				},
-				{
-					label: "Unrealized P/L (all accounts)",
-					value: k ? "—" : p(We, Ge),
-					trend: k ? "Loading…" : We >= 0 ? "Net gain" : "Net loss",
-					deltaTone: We >= 0 ? "positive" : "negative"
-				}
-			] }),
-			/* @__PURE__ */ b(Ee, {
+			/* @__PURE__ */ C(c, { children: /* @__PURE__ */ w("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
+				children: [
+					/* @__PURE__ */ C(d, {
+						label: "Open opportunities",
+						value: String(Z.length),
+						icon: /* @__PURE__ */ C(_e, {
+							className: "size-4",
+							"aria-hidden": "true"
+						}),
+						glow: !0
+					}),
+					/* @__PURE__ */ C(d, {
+						label: "Realized proceeds",
+						value: g(Qe, et),
+						icon: /* @__PURE__ */ C(pe, {
+							className: "size-4",
+							"aria-hidden": "true"
+						}),
+						spark: nt.length > 1 ? nt : void 0,
+						sparkTone: "brand"
+					}),
+					/* @__PURE__ */ C(d, {
+						label: "Investment income",
+						value: g($e, et),
+						icon: /* @__PURE__ */ C(fe, {
+							className: "size-4",
+							"aria-hidden": "true"
+						})
+					}),
+					/* @__PURE__ */ C(d, {
+						label: "Harvestable loss",
+						value: A ? "—" : g(ot, st),
+						icon: /* @__PURE__ */ C(b, {
+							className: "size-4",
+							"aria-hidden": "true"
+						})
+					}),
+					/* @__PURE__ */ C(d, {
+						label: "Unrealized P/L",
+						value: A ? "—" : g(rt, it),
+						deltaTone: rt >= 0 ? "positive" : "negative",
+						icon: C(rt >= 0 ? x : ve, {
+							className: "size-4",
+							"aria-hidden": "true"
+						})
+					})
+				]
+			}) }),
+			/* @__PURE__ */ w(Re, {
 				defaultValue: "opportunities",
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ b(Oe, {
-						className: "grid w-full grid-cols-3",
+					/* @__PURE__ */ w(ze, {
+						className: "grid w-full grid-cols-2 sm:grid-cols-4",
 						children: [
-							/* @__PURE__ */ y(ke, {
+							/* @__PURE__ */ C(V, {
 								value: "opportunities",
-								children: "Tax Opportunities"
+								children: "Opportunities"
+							}),
+							/* @__PURE__ */ C(V, {
+								value: "harvest",
+								children: "Harvest"
 							}),
-							/* @__PURE__ */ y(ke, {
+							/* @__PURE__ */ C(V, {
 								value: "unrealized",
-								children: "Unrealized Gains"
+								children: "Unrealized"
 							}),
-							/* @__PURE__ */ y(ke, {
+							/* @__PURE__ */ C(V, {
 								value: "realized",
-								children: "Realized Activity"
+								children: "Realized"
 							})
 						]
 					}),
-					/* @__PURE__ */ y(De, {
+					/* @__PURE__ */ C(B, {
 						value: "opportunities",
-						children: /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ b(E, { children: [/* @__PURE__ */ b(D, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ y(pe, {
-								className: "h-5 w-5",
-								"aria-hidden": "true"
-							}), "Tax-opportunity insights"]
-						}), /* @__PURE__ */ y(T, { children: "Tax-loss harvesting and other tax signals detected across your accounts and portfolios." })] }), /* @__PURE__ */ y(w, { children: ae ? /* @__PURE__ */ y(l, {}) : se ? /* @__PURE__ */ y(c, { onRetry: () => ue() }) : Z.length === 0 ? /* @__PURE__ */ y(s, {
-							icon: /* @__PURE__ */ y(de, {
-								className: "size-6",
-								"aria-hidden": "true"
-							}),
-							title: "No tax opportunities yet",
-							description: "Tax-opportunity insights appear here as the backend generates them from your holdings. You can also flag one manually.",
-							action: Ke ? /* @__PURE__ */ b(S, {
-								size: "sm",
-								onClick: qe,
-								children: [/* @__PURE__ */ y(pe, {
-									className: "size-4",
-									"aria-hidden": "true"
-								}), "New tax insight"]
-							}) : void 0
-						}) : /* @__PURE__ */ b("div", {
-							className: "space-y-3",
-							children: [Z.map((e) => /* @__PURE__ */ y(Ie, {
-								insight: e,
-								actionPending: Ye,
-								onAcknowledge: () => M.mutate(e.id),
-								onResolve: () => Ne.mutate(e.id),
-								onDismiss: () => ze(e)
-							}, e.id)), /* @__PURE__ */ y(ne, {
-								hasMore: d,
-								onClick: m,
-								loading: oe,
-								label: "Load more insights"
+						children: /* @__PURE__ */ w("div", {
+							className: "grid gap-4 lg:grid-cols-3",
+							children: [/* @__PURE__ */ w(D, {
+								className: "lg:col-span-2",
+								children: [/* @__PURE__ */ w(xe, { children: [/* @__PURE__ */ w(Se, {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ C(_e, {
+										className: "h-5 w-5",
+										"aria-hidden": "true"
+									}), "Tax-opportunity insights"]
+								}), /* @__PURE__ */ C(be, { children: "Tax-loss harvesting and other tax signals detected across your accounts and portfolios." })] }), /* @__PURE__ */ C(O, { children: ce ? /* @__PURE__ */ C(m, {}) : ue ? /* @__PURE__ */ C(ae, { onRetry: () => de() }) : Xe.length === 0 ? /* @__PURE__ */ C(p, {
+									icon: /* @__PURE__ */ C(me, {
+										className: "size-6",
+										"aria-hidden": "true"
+									}),
+									title: "No tax opportunities yet",
+									description: "Tax-opportunity insights appear here as the backend generates them from your holdings. You can also flag one manually.",
+									action: ct ? /* @__PURE__ */ w(E, {
+										size: "sm",
+										onClick: lt,
+										children: [/* @__PURE__ */ C(_e, {
+											className: "size-4",
+											"aria-hidden": "true"
+										}), "New tax insight"]
+									}) : void 0
+								}) : /* @__PURE__ */ w("div", {
+									className: "space-y-3",
+									children: [Xe.map((e, t) => /* @__PURE__ */ C(c, {
+										index: t,
+										children: /* @__PURE__ */ C(Ke, {
+											insight: e,
+											actionPending: ft,
+											onAcknowledge: () => Me.mutate(e.id),
+											onResolve: () => G.mutate(e.id),
+											onDismiss: () => Ye(e)
+										})
+									}, e.id)), /* @__PURE__ */ C(ne, {
+										hasMore: f,
+										onClick: se,
+										loading: le,
+										label: "Load more insights"
+									})]
+								}) })]
+							}), /* @__PURE__ */ w("div", {
+								className: "space-y-4",
+								children: [/* @__PURE__ */ w(l, {
+									glow: !0,
+									children: [/* @__PURE__ */ w("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ C("p", {
+											className: "text-sm font-semibold text-text-primary",
+											children: "Open-signal mix"
+										}), /* @__PURE__ */ C("p", {
+											className: "text-xs text-text-secondary",
+											children: "Live tax opportunities grouped by severity."
+										})]
+									}), /* @__PURE__ */ C("div", {
+										className: "mt-4",
+										children: Ze.length === 0 ? /* @__PURE__ */ C("p", {
+											className: "py-6 text-center text-sm text-text-secondary",
+											children: "No open opportunities."
+										}) : /* @__PURE__ */ C(re, {
+											data: Ze,
+											centerValue: String(Z.length),
+											centerLabel: "open",
+											valueFormatter: (e) => `${e} signal${e === 1 ? "" : "s"}`
+										})
+									})]
+								}), /* @__PURE__ */ w(l, { children: [
+									/* @__PURE__ */ C("p", {
+										className: "text-sm font-semibold text-text-primary",
+										children: "Harvesting workflow"
+									}),
+									/* @__PURE__ */ C("p", {
+										className: "mb-4 mt-1 text-xs text-text-secondary",
+										children: "How a loss becomes a realized tax benefit."
+									}),
+									/* @__PURE__ */ C(ie, {
+										steps: [
+											"Detect",
+											"Review",
+											"Proposal",
+											"Execute"
+										],
+										current: "Review"
+									})
+								] })]
 							})]
-						}) })] })
+						})
 					}),
-					/* @__PURE__ */ y(De, {
+					/* @__PURE__ */ C(B, {
+						value: "harvest",
+						children: /* @__PURE__ */ C(We, {
+							candidates: at,
+							harvestableLoss: ot,
+							currency: st,
+							loading: A,
+							canCreate: ct,
+							onCreateProposal: ut
+						})
+					}),
+					/* @__PURE__ */ C(B, {
 						value: "unrealized",
-						children: /* @__PURE__ */ y(Pe, { accounts: O })
+						children: /* @__PURE__ */ C(Ge, { accounts: k })
 					}),
-					/* @__PURE__ */ y(De, {
+					/* @__PURE__ */ C(B, {
 						value: "realized",
-						children: /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ b(E, { children: [/* @__PURE__ */ b(D, {
+						children: /* @__PURE__ */ w(D, { children: [/* @__PURE__ */ w(xe, { children: [/* @__PURE__ */ w(Se, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ y(fe, {
+							children: [/* @__PURE__ */ C(he, {
 								className: "h-5 w-5",
 								"aria-hidden": "true"
 							}), "Realized activity"]
-						}), /* @__PURE__ */ y(T, { children: "Realized sales, dividends and interest — the taxable events recorded on your accounts." })] }), /* @__PURE__ */ y(w, {
+						}), /* @__PURE__ */ C(be, { children: "Realized sales, dividends and interest — the taxable events recorded on your accounts." })] }), /* @__PURE__ */ C(O, {
 							className: "space-y-6",
-							children: me ? /* @__PURE__ */ y(l, {}) : v ? /* @__PURE__ */ y(c, { onRetry: () => he() }) : Q.length === 0 && $.length === 0 ? /* @__PURE__ */ y(s, {
-								icon: /* @__PURE__ */ y(fe, {
+							children: ge ? /* @__PURE__ */ C(m, {}) : ye ? /* @__PURE__ */ C(ae, { onRetry: () => Ae() }) : Q.length === 0 && $.length === 0 ? /* @__PURE__ */ C(p, {
+								icon: /* @__PURE__ */ C(he, {
 									className: "size-6",
 									"aria-hidden": "true"
 								}),
 								title: "No taxable activity recorded",
 								description: "Sales, dividends and interest show up here once transactions are recorded against your accounts."
-							}) : /* @__PURE__ */ b(ge, { children: [/* @__PURE__ */ b("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ b("div", {
-									className: "flex items-center gap-2",
+							}) : /* @__PURE__ */ w(S, { children: [
+								tt.length > 1 ? /* @__PURE__ */ w("div", {
+									className: "rounded-xl border border-border-subtle bg-bg-surface p-4",
 									children: [
-										/* @__PURE__ */ y(le, {
-											className: "size-4 text-text-secondary",
-											"aria-hidden": "true"
-										}),
-										/* @__PURE__ */ y("h3", {
+										/* @__PURE__ */ C("p", {
 											className: "text-sm font-semibold text-text-primary",
-											children: "Realized sales"
+											children: "Cumulative realized proceeds"
 										}),
-										/* @__PURE__ */ y(x, {
-											variant: "secondary",
-											children: Q.length
-										})
-									]
-								}), Q.length === 0 ? /* @__PURE__ */ y("p", {
-									className: "text-sm text-text-secondary",
-									children: "No sales recorded."
-								}) : /* @__PURE__ */ y("div", {
-									className: "overflow-x-auto",
-									children: /* @__PURE__ */ b(B, { children: [/* @__PURE__ */ y(U, { children: /* @__PURE__ */ b(W, { children: [
-										/* @__PURE__ */ y(H, { children: "Symbol" }),
-										/* @__PURE__ */ y(H, {
-											className: "text-right",
-											children: "Quantity"
+										/* @__PURE__ */ C("p", {
+											className: "mb-3 text-xs text-text-secondary",
+											children: "Running total of sale proceeds over trade dates."
 										}),
-										/* @__PURE__ */ y(H, {
-											className: "text-right",
-											children: "Price"
-										}),
-										/* @__PURE__ */ y(H, {
-											className: "text-right",
-											children: "Proceeds"
-										}),
-										/* @__PURE__ */ y(H, { children: "Trade date" })
-									] }) }), /* @__PURE__ */ y(Te, { children: Q.map((e) => /* @__PURE__ */ b(W, { children: [
-										/* @__PURE__ */ y(V, {
-											className: "font-medium text-text-primary",
-											children: e.symbol ?? "—"
-										}),
-										/* @__PURE__ */ y(V, {
-											className: "text-right text-text-secondary",
-											children: e.quantity
-										}),
-										/* @__PURE__ */ y(V, {
-											className: "text-right text-text-secondary",
-											children: p(e.price, e.currency)
-										}),
-										/* @__PURE__ */ y(V, {
-											className: "text-right font-medium text-text-primary",
-											children: p(e.amount, e.currency)
-										}),
-										/* @__PURE__ */ y(V, {
-											className: "text-text-secondary",
-											children: f(e.tradeDate)
-										})
-									] }, e.id)) })] })
-								})]
-							}), /* @__PURE__ */ b("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ b("div", {
-									className: "flex items-center gap-2",
-									children: [
-										/* @__PURE__ */ y(ce, {
-											className: "size-4 text-text-secondary",
-											"aria-hidden": "true"
-										}),
-										/* @__PURE__ */ y("h3", {
-											className: "text-sm font-semibold text-text-primary",
-											children: "Dividends & interest"
-										}),
-										/* @__PURE__ */ y(x, {
-											variant: "secondary",
-											children: $.length
+										/* @__PURE__ */ C(u, {
+											data: tt,
+											tone: "brand",
+											valueFormatter: (e) => g(e, et)
 										})
 									]
-								}), $.length === 0 ? /* @__PURE__ */ y("p", {
-									className: "text-sm text-text-secondary",
-									children: "No income recorded."
-								}) : /* @__PURE__ */ y("div", {
-									className: "overflow-x-auto",
-									children: /* @__PURE__ */ b(B, { children: [/* @__PURE__ */ y(U, { children: /* @__PURE__ */ b(W, { children: [
-										/* @__PURE__ */ y(H, { children: "Type" }),
-										/* @__PURE__ */ y(H, { children: "Symbol" }),
-										/* @__PURE__ */ y(H, {
-											className: "text-right",
-											children: "Amount"
-										}),
-										/* @__PURE__ */ y(H, { children: "Trade date" })
-									] }) }), /* @__PURE__ */ y(Te, { children: $.map((e) => /* @__PURE__ */ b(W, { children: [
-										/* @__PURE__ */ y(V, { children: /* @__PURE__ */ y(x, {
-											variant: "outline",
-											children: G(e.type)
-										}) }),
-										/* @__PURE__ */ y(V, {
-											className: "text-text-secondary",
-											children: e.symbol ?? "—"
-										}),
-										/* @__PURE__ */ y(V, {
-											className: "text-right font-medium text-status-success-text",
-											children: p(e.amount, e.currency)
-										}),
-										/* @__PURE__ */ y(V, {
-											className: "text-text-secondary",
-											children: f(e.tradeDate)
-										})
-									] }, e.id)) })] })
-								})]
-							})] })
+								}) : null,
+								/* @__PURE__ */ w("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ w("div", {
+										className: "flex items-center gap-2",
+										children: [
+											/* @__PURE__ */ C(pe, {
+												className: "size-4 text-text-secondary",
+												"aria-hidden": "true"
+											}),
+											/* @__PURE__ */ C("h3", {
+												className: "text-sm font-semibold text-text-primary",
+												children: "Realized sales"
+											}),
+											/* @__PURE__ */ C(T, {
+												variant: "secondary",
+												children: Q.length
+											})
+										]
+									}), Q.length === 0 ? /* @__PURE__ */ C("p", {
+										className: "text-sm text-text-secondary",
+										children: "No sales recorded."
+									}) : /* @__PURE__ */ C("div", {
+										className: "overflow-x-auto",
+										children: /* @__PURE__ */ w(P, { children: [/* @__PURE__ */ C(R, { children: /* @__PURE__ */ w(z, { children: [
+											/* @__PURE__ */ C(L, { children: "Symbol" }),
+											/* @__PURE__ */ C(L, {
+												className: "text-right",
+												children: "Quantity"
+											}),
+											/* @__PURE__ */ C(L, {
+												className: "text-right",
+												children: "Price"
+											}),
+											/* @__PURE__ */ C(L, {
+												className: "text-right",
+												children: "Proceeds"
+											}),
+											/* @__PURE__ */ C(L, { children: "Trade date" })
+										] }) }), /* @__PURE__ */ C(F, { children: Q.map((e) => /* @__PURE__ */ w(z, { children: [
+											/* @__PURE__ */ C(I, {
+												className: "font-medium text-text-primary",
+												children: e.symbol ?? "—"
+											}),
+											/* @__PURE__ */ C(I, {
+												className: "text-right text-text-secondary",
+												children: e.quantity
+											}),
+											/* @__PURE__ */ C(I, {
+												className: "text-right text-text-secondary",
+												children: g(e.price, e.currency)
+											}),
+											/* @__PURE__ */ C(I, {
+												className: "text-right font-medium text-text-primary",
+												children: g(e.amount, e.currency)
+											}),
+											/* @__PURE__ */ C(I, {
+												className: "text-text-secondary",
+												children: h(e.tradeDate)
+											})
+										] }, e.id)) })] })
+									})]
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ w("div", {
+										className: "flex items-center gap-2",
+										children: [
+											/* @__PURE__ */ C(fe, {
+												className: "size-4 text-text-secondary",
+												"aria-hidden": "true"
+											}),
+											/* @__PURE__ */ C("h3", {
+												className: "text-sm font-semibold text-text-primary",
+												children: "Dividends & interest"
+											}),
+											/* @__PURE__ */ C(T, {
+												variant: "secondary",
+												children: $.length
+											})
+										]
+									}), $.length === 0 ? /* @__PURE__ */ C("p", {
+										className: "text-sm text-text-secondary",
+										children: "No income recorded."
+									}) : /* @__PURE__ */ C("div", {
+										className: "overflow-x-auto",
+										children: /* @__PURE__ */ w(P, { children: [/* @__PURE__ */ C(R, { children: /* @__PURE__ */ w(z, { children: [
+											/* @__PURE__ */ C(L, { children: "Type" }),
+											/* @__PURE__ */ C(L, { children: "Symbol" }),
+											/* @__PURE__ */ C(L, {
+												className: "text-right",
+												children: "Amount"
+											}),
+											/* @__PURE__ */ C(L, { children: "Trade date" })
+										] }) }), /* @__PURE__ */ C(F, { children: $.map((e) => /* @__PURE__ */ w(z, { children: [
+											/* @__PURE__ */ C(I, { children: /* @__PURE__ */ C(T, {
+												variant: "outline",
+												children: H(e.type)
+											}) }),
+											/* @__PURE__ */ C(I, {
+												className: "text-text-secondary",
+												children: e.symbol ?? "—"
+											}),
+											/* @__PURE__ */ C(I, {
+												className: "text-right font-medium text-status-success-text",
+												children: g(e.amount, e.currency)
+											}),
+											/* @__PURE__ */ C(I, {
+												className: "text-text-secondary",
+												children: h(e.tradeDate)
+											})
+										] }, e.id)) })] })
+									})]
+								})
+							] })
 						})] })
 					})
 				]
 			}),
-			/* @__PURE__ */ y(_e, {
-				open: Fe,
+			/* @__PURE__ */ C(Ce, {
+				open: qe,
 				onOpenChange: (e) => {
-					Le(e), e || Y(null);
+					K(e), e || Y(null);
 				},
-				children: /* @__PURE__ */ b(ye, {
+				children: /* @__PURE__ */ w(Te, {
 					className: "max-h-[90vh] overflow-y-auto sm:max-w-lg",
 					children: [
-						/* @__PURE__ */ b(Se, { children: [/* @__PURE__ */ y(Ce, { children: "New tax insight" }), /* @__PURE__ */ y(be, { children: "Flag a tax opportunity against one of your accounts or portfolios." })] }),
-						Ke ? /* @__PURE__ */ b("div", {
+						/* @__PURE__ */ w(Oe, { children: [/* @__PURE__ */ C(ke, { children: "New tax insight" }), /* @__PURE__ */ C(Ee, { children: "Flag a tax opportunity against one of your accounts or portfolios." })] }),
+						ct ? /* @__PURE__ */ w("div", {
 							className: "space-y-4 py-2",
 							children: [
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ y(P, {
+									children: [/* @__PURE__ */ C(M, {
 										htmlFor: "tax-title",
 										children: "Title"
-									}), /* @__PURE__ */ y(we, {
+									}), /* @__PURE__ */ C(Ne, {
 										id: "tax-title",
 										value: q.title,
 										onChange: (e) => J((t) => ({
@@ -321,57 +472,57 @@ function Ne() {
 										placeholder: "e.g. Harvest losses in tech holdings"
 									})]
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ b("div", {
+									children: [/* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ y(P, {
+										children: [/* @__PURE__ */ C(M, {
 											htmlFor: "tax-severity",
 											children: "Severity"
-										}), /* @__PURE__ */ b(F, {
+										}), /* @__PURE__ */ w(Pe, {
 											value: q.severity,
 											onValueChange: (e) => J((t) => ({
 												...t,
 												severity: e
 											})),
-											children: [/* @__PURE__ */ y(R, {
+											children: [/* @__PURE__ */ C(Ie, {
 												id: "tax-severity",
-												children: /* @__PURE__ */ y(z, {})
-											}), /* @__PURE__ */ y(I, { children: je.map((e) => /* @__PURE__ */ y(L, {
+												children: /* @__PURE__ */ C(Le, {})
+											}), /* @__PURE__ */ C(Fe, { children: Ve.map((e) => /* @__PURE__ */ C(N, {
 												value: e,
-												children: G(e)
+												children: H(e)
 											}, e)) })]
 										})]
-									}), /* @__PURE__ */ b("div", {
+									}), /* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ y(P, {
+										children: [/* @__PURE__ */ C(M, {
 											htmlFor: "tax-subject",
 											children: "Applies to"
-										}), /* @__PURE__ */ b(F, {
+										}), /* @__PURE__ */ w(Pe, {
 											value: q.subject,
 											onValueChange: (e) => J((t) => ({
 												...t,
 												subject: e
 											})),
-											children: [/* @__PURE__ */ y(R, {
+											children: [/* @__PURE__ */ C(Ie, {
 												id: "tax-subject",
-												children: /* @__PURE__ */ y(z, { placeholder: "Select subject" })
-											}), /* @__PURE__ */ b(I, { children: [A.map((e) => /* @__PURE__ */ b(L, {
+												children: /* @__PURE__ */ C(Le, { placeholder: "Select subject" })
+											}), /* @__PURE__ */ w(Fe, { children: [je.map((e) => /* @__PURE__ */ w(N, {
 												value: `portfolio:${e.id}`,
 												children: ["Portfolio · ", e.name]
-											}, `portfolio:${e.id}`)), O.map((e) => /* @__PURE__ */ b(L, {
+											}, `portfolio:${e.id}`)), k.map((e) => /* @__PURE__ */ w(N, {
 												value: `account:${e.id}`,
 												children: ["Account · ", e.name]
 											}, `account:${e.id}`))] })]
 										})]
 									})]
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ y(P, {
+									children: [/* @__PURE__ */ C(M, {
 										htmlFor: "tax-detail",
 										children: "Detail"
-									}), /* @__PURE__ */ y(Ae, {
+									}), /* @__PURE__ */ C(Be, {
 										id: "tax-detail",
 										value: q.detail,
 										onChange: (e) => J((t) => ({
@@ -382,38 +533,38 @@ function Ne() {
 										placeholder: "What is the opportunity and how should it be actioned?"
 									})]
 								}),
-								Re ? /* @__PURE__ */ y("p", {
+								Je ? /* @__PURE__ */ C("p", {
 									className: "text-sm text-status-error-text",
 									role: "alert",
-									children: Re
+									children: Je
 								}) : null
 							]
-						}) : /* @__PURE__ */ y(s, {
+						}) : /* @__PURE__ */ C(p, {
 							title: "No subject available",
 							description: "Create an account or portfolio first, then flag a tax opportunity against it."
 						}),
-						/* @__PURE__ */ b(xe, { children: [/* @__PURE__ */ y(ve, {
+						/* @__PURE__ */ w(De, { children: [/* @__PURE__ */ C(we, {
 							asChild: !0,
-							children: /* @__PURE__ */ y(S, {
+							children: /* @__PURE__ */ C(E, {
 								variant: "outline",
 								disabled: j.isPending,
 								children: "Cancel"
 							})
-						}), /* @__PURE__ */ y(S, {
-							onClick: Je,
-							disabled: !Ke || !q.title.trim() || !q.subject || j.isPending,
+						}), /* @__PURE__ */ C(E, {
+							onClick: dt,
+							disabled: !ct || !q.title.trim() || !q.subject || j.isPending,
 							children: j.isPending ? "Creating…" : "Create insight"
 						})] })
 					]
 				})
 			}),
-			/* @__PURE__ */ y(re, {
+			/* @__PURE__ */ C(s, {
 				open: !!X,
 				onOpenChange: (e) => {
-					e || ze(null);
+					e || Ye(null);
 				},
 				title: "Dismiss tax insight?",
-				description: X ? /* @__PURE__ */ b(ge, { children: [
+				description: X ? /* @__PURE__ */ w(S, { children: [
 					"“",
 					X.title,
 					"” will be marked as dismissed and removed from your open opportunities. This does not delete the underlying holdings or transactions."
@@ -421,152 +572,341 @@ function Ne() {
 				confirmLabel: "Dismiss insight",
 				pendingLabel: "Dismissing…",
 				destructive: !0,
-				pending: N.isPending,
+				pending: W.isPending,
 				onConfirm: () => {
-					X && N.mutate(X.id, { onSuccess: () => ze(null) });
+					X && W.mutate(X.id, { onSuccess: () => Ye(null) });
 				}
 			})
 		]
 	});
 }
-function Pe({ accounts: e }) {
-	let [t, n] = g(""), r = t || e[0]?.id, i = e.find((e) => e.id === r), { data: o, isLoading: ee, isError: te, refetch: ne } = a({ accountId: r }), re = i?.currency ?? o[0]?.currency ?? "USD", u = o.reduce((e, t) => e + K(t), 0), d = o.filter((e) => K(e) > 0).length, f = o.filter((e) => K(e) < 0).length, m = h(() => {
+function We({ candidates: e, harvestableLoss: t, currency: n, loading: r, canCreate: i, onCreateProposal: a }) {
+	let o = _(() => e.slice(0, 6).map((e) => ({
+		label: e.holding.symbol,
+		value: t === 0 ? 0 : e.loss / t * 100,
+		tone: "negative",
+		caption: g(e.loss, e.holding.currency)
+	})), [e, t]);
+	return r ? /* @__PURE__ */ C(D, { children: /* @__PURE__ */ C(O, {
+		className: "pt-6",
+		children: /* @__PURE__ */ C(m, {})
+	}) }) : /* @__PURE__ */ w("div", {
+		className: "grid gap-4 lg:grid-cols-3",
+		children: [/* @__PURE__ */ w(D, {
+			className: "lg:col-span-2",
+			children: [/* @__PURE__ */ w(xe, { children: [/* @__PURE__ */ w(Se, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ C(b, {
+					className: "h-5 w-5",
+					"aria-hidden": "true"
+				}), "Harvest candidates"]
+			}), /* @__PURE__ */ C(be, { children: "Holdings sitting at an unrealized loss — sell to realize the loss and offset gains." })] }), /* @__PURE__ */ C(O, {
+				className: "space-y-4",
+				children: e.length === 0 ? /* @__PURE__ */ C(p, {
+					icon: /* @__PURE__ */ C(b, {
+						className: "size-6",
+						"aria-hidden": "true"
+					}),
+					title: "No harvest candidates",
+					description: "Every holding is currently at or above its cost basis — there is nothing to harvest right now."
+				}) : /* @__PURE__ */ w(S, { children: [o.length > 0 ? /* @__PURE__ */ w("div", {
+					className: "rounded-xl border border-border-subtle bg-bg-surface p-4",
+					children: [/* @__PURE__ */ C("p", {
+						className: "mb-3 text-xs font-medium uppercase tracking-wide text-text-secondary",
+						children: "Loss by holding"
+					}), /* @__PURE__ */ C(f, { data: o })]
+				}) : null, /* @__PURE__ */ C("div", {
+					className: "overflow-x-auto",
+					children: /* @__PURE__ */ w(P, { children: [/* @__PURE__ */ C(R, { children: /* @__PURE__ */ w(z, { children: [
+						/* @__PURE__ */ C(L, { children: "Symbol" }),
+						/* @__PURE__ */ C(L, { children: "Account" }),
+						/* @__PURE__ */ C(L, {
+							className: "text-right",
+							children: "Qty"
+						}),
+						/* @__PURE__ */ C(L, {
+							className: "text-right",
+							children: "Market value"
+						}),
+						/* @__PURE__ */ C(L, {
+							className: "text-right",
+							children: "Unrealized loss"
+						}),
+						/* @__PURE__ */ C(L, {
+							className: "text-right",
+							children: "Action"
+						})
+					] }) }), /* @__PURE__ */ C(F, { children: e.map((e) => /* @__PURE__ */ w(z, { children: [
+						/* @__PURE__ */ w(I, { children: [/* @__PURE__ */ C("p", {
+							className: "font-medium text-text-primary",
+							children: e.holding.symbol
+						}), e.holding.name ? /* @__PURE__ */ C("p", {
+							className: "text-xs text-text-secondary",
+							children: e.holding.name
+						}) : null] }),
+						/* @__PURE__ */ C(I, {
+							className: "text-text-secondary",
+							children: e.accountName
+						}),
+						/* @__PURE__ */ C(I, {
+							className: "text-right text-text-secondary",
+							children: e.holding.quantity
+						}),
+						/* @__PURE__ */ C(I, {
+							className: "text-right text-text-primary",
+							children: g(e.holding.marketValue, e.holding.currency)
+						}),
+						/* @__PURE__ */ C(I, {
+							className: "text-right",
+							children: /* @__PURE__ */ C(G, {
+								value: e.loss,
+								currency: e.holding.currency
+							})
+						}),
+						/* @__PURE__ */ C(I, {
+							className: "text-right",
+							children: /* @__PURE__ */ C(E, {
+								variant: "ghost",
+								size: "sm",
+								disabled: !i,
+								onClick: () => a(e),
+								children: "Create proposal"
+							})
+						})
+					] }, e.holding.id)) })] })
+				})] })
+			})]
+		}), /* @__PURE__ */ w("div", {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ w(l, {
+				glow: !0,
+				children: [
+					/* @__PURE__ */ C("p", {
+						className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
+						children: "Estimated harvestable loss"
+					}),
+					/* @__PURE__ */ C("p", {
+						className: "mt-1 text-3xl font-semibold text-status-error-text",
+						children: g(t, n)
+					}),
+					/* @__PURE__ */ w("p", {
+						className: "mt-1 text-xs text-text-secondary",
+						children: [
+							"Across ",
+							e.length,
+							" holding",
+							e.length === 1 ? "" : "s",
+							" below cost basis."
+						]
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "mt-4",
+						children: /* @__PURE__ */ w(E, {
+							className: "w-full",
+							disabled: !i || e.length === 0,
+							onClick: () => {
+								e[0] && a(e[0]);
+							},
+							children: [/* @__PURE__ */ C(b, {
+								className: "size-4",
+								"aria-hidden": "true"
+							}), "Create rebalance proposal"]
+						})
+					})
+				]
+			}), /* @__PURE__ */ w(l, { children: [
+				/* @__PURE__ */ C("p", {
+					className: "text-sm font-semibold text-text-primary",
+					children: "Suggested workflow"
+				}),
+				/* @__PURE__ */ C("p", {
+					className: "mb-4 mt-1 text-xs text-text-secondary",
+					children: "Realize losses while holding your target allocation. Confirm wash-sale windows before executing."
+				}),
+				/* @__PURE__ */ C(ie, {
+					steps: [
+						"Detect",
+						"Review",
+						"Proposal",
+						"Execute"
+					],
+					current: "Proposal"
+				})
+			] })]
+		})]
+	});
+}
+function Ge({ accounts: e }) {
+	let [t, n] = v(""), r = t || e[0]?.id, i = e.find((e) => e.id === r), { data: o, isLoading: ee, isError: te, refetch: ne } = a({ accountId: r }), s = i?.currency ?? o[0]?.currency ?? "USD", c = o.reduce((e, t) => e + U(t), 0), l = o.filter((e) => U(e) > 0).length, ie = o.filter((e) => U(e) < 0).length, u = _(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of o) {
 			let n = e.get(t.assetClass) ?? [];
 			n.push(t), e.set(t.assetClass, n);
 		}
 		return Array.from(e.entries());
-	}, [o]);
-	return e.length === 0 ? /* @__PURE__ */ y(C, { children: /* @__PURE__ */ y(w, {
+	}, [o]), f = _(() => u.map(([e, t]) => ({
+		label: H(e),
+		value: t.reduce((e, t) => e + t.marketValue, 0)
+	})).filter((e) => e.value > 0), [u]), oe = f.reduce((e, t) => e + t.value, 0);
+	return e.length === 0 ? /* @__PURE__ */ C(D, { children: /* @__PURE__ */ C(O, {
 		className: "pt-6",
-		children: /* @__PURE__ */ y(s, {
-			icon: /* @__PURE__ */ y(v, {
+		children: /* @__PURE__ */ C(p, {
+			icon: /* @__PURE__ */ C(x, {
 				className: "size-6",
 				"aria-hidden": "true"
 			}),
 			title: "No accounts yet",
 			description: "Add an account with holdings to see unrealized gains and losses."
 		})
-	}) }) : /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ b(E, {
+	}) }) : /* @__PURE__ */ w(D, { children: [/* @__PURE__ */ w(xe, {
 		className: "flex flex-col gap-4 md:flex-row md:items-start md:justify-between",
-		children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b(D, {
+		children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w(Se, {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ y(v, {
+			children: [/* @__PURE__ */ C(x, {
 				className: "h-5 w-5",
 				"aria-hidden": "true"
 			}), "Unrealized gains & losses"]
-		}), /* @__PURE__ */ y(T, { children: "Market value minus cost basis for each holding in the selected account." })] }), /* @__PURE__ */ b("div", {
+		}), /* @__PURE__ */ C(be, { children: "Market value minus cost basis for each holding in the selected account." })] }), /* @__PURE__ */ w("div", {
 			className: "w-full md:w-64",
-			children: [/* @__PURE__ */ y(P, {
+			children: [/* @__PURE__ */ C(M, {
 				htmlFor: "unrealized-account",
 				className: "sr-only",
 				children: "Account"
-			}), /* @__PURE__ */ b(F, {
+			}), /* @__PURE__ */ w(Pe, {
 				value: r ?? "",
 				onValueChange: n,
-				children: [/* @__PURE__ */ y(R, {
+				children: [/* @__PURE__ */ C(Ie, {
 					id: "unrealized-account",
-					children: /* @__PURE__ */ y(z, { placeholder: "Select account" })
-				}), /* @__PURE__ */ y(I, { children: e.map((e) => /* @__PURE__ */ y(L, {
+					children: /* @__PURE__ */ C(Le, { placeholder: "Select account" })
+				}), /* @__PURE__ */ C(Fe, { children: e.map((e) => /* @__PURE__ */ C(N, {
 					value: e.id,
 					children: e.name
 				}, e.id)) })]
 			})]
 		})]
-	}), /* @__PURE__ */ y(w, {
+	}), /* @__PURE__ */ C(O, {
 		className: "space-y-4",
-		children: ee ? /* @__PURE__ */ y(l, {}) : te ? /* @__PURE__ */ y(c, { onRetry: () => ne() }) : o.length === 0 ? /* @__PURE__ */ y(s, {
-			icon: /* @__PURE__ */ y(v, {
+		children: ee ? /* @__PURE__ */ C(m, {}) : te ? /* @__PURE__ */ C(ae, { onRetry: () => ne() }) : o.length === 0 ? /* @__PURE__ */ C(p, {
+			icon: /* @__PURE__ */ C(x, {
 				className: "size-6",
 				"aria-hidden": "true"
 			}),
 			title: "No holdings in this account",
 			description: "Unrealized gains appear once this account has holdings with a cost basis."
-		}) : /* @__PURE__ */ b(ge, { children: [/* @__PURE__ */ y(ie, { items: [
-			{
-				label: "Unrealized P/L",
-				value: p(u, re),
-				trend: u >= 0 ? "Net gain" : "Net loss",
-				deltaTone: u >= 0 ? "positive" : "negative"
-			},
-			{
-				label: "Holdings",
-				value: String(o.length)
-			},
-			{
-				label: "Gainers",
-				value: String(d)
-			},
-			{
-				label: "Losers",
-				value: String(f)
-			}
-		] }), /* @__PURE__ */ y("div", {
+		}) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w("div", {
+			className: "grid gap-4 lg:grid-cols-3",
+			children: [/* @__PURE__ */ w("div", {
+				className: "grid grid-cols-2 gap-3 lg:col-span-2",
+				children: [
+					/* @__PURE__ */ C(d, {
+						label: "Unrealized P/L",
+						value: g(c, s),
+						deltaTone: c >= 0 ? "positive" : "negative",
+						icon: C(c >= 0 ? x : ve, {
+							className: "size-4",
+							"aria-hidden": "true"
+						})
+					}),
+					/* @__PURE__ */ C(d, {
+						label: "Holdings",
+						value: String(o.length)
+					}),
+					/* @__PURE__ */ C(d, {
+						label: "Gainers",
+						value: String(l),
+						icon: /* @__PURE__ */ C(ue, {
+							className: "size-4",
+							"aria-hidden": "true"
+						})
+					}),
+					/* @__PURE__ */ C(d, {
+						label: "Losers",
+						value: String(ie),
+						icon: /* @__PURE__ */ C(le, {
+							className: "size-4",
+							"aria-hidden": "true"
+						})
+					})
+				]
+			}), /* @__PURE__ */ w("div", {
+				className: "rounded-xl border border-border-subtle bg-bg-surface p-4",
+				children: [/* @__PURE__ */ C("p", {
+					className: "mb-2 text-xs font-medium uppercase tracking-wide text-text-secondary",
+					children: "Allocation by asset class"
+				}), /* @__PURE__ */ C(re, {
+					data: f,
+					legend: !1,
+					height: 180,
+					centerValue: g(oe, s),
+					centerLabel: "market value",
+					valueFormatter: (e) => g(e, s)
+				})]
+			})]
+		}), /* @__PURE__ */ C("div", {
 			className: "space-y-6",
-			children: m.map(([e, t]) => {
-				let n = t.reduce((e, t) => e + K(t), 0);
-				return /* @__PURE__ */ b("div", {
+			children: u.map(([e, t]) => {
+				let n = t.reduce((e, t) => e + U(t), 0);
+				return /* @__PURE__ */ w("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ w("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ w("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ y("h3", {
+							children: [/* @__PURE__ */ C("h3", {
 								className: "text-sm font-semibold text-text-primary",
-								children: G(e)
-							}), /* @__PURE__ */ y(x, {
+								children: H(e)
+							}), /* @__PURE__ */ C(T, {
 								variant: "secondary",
 								children: t.length
 							})]
-						}), /* @__PURE__ */ y(Fe, {
+						}), /* @__PURE__ */ C(G, {
 							value: n,
-							currency: re
+							currency: s
 						})]
-					}), /* @__PURE__ */ y("div", {
+					}), /* @__PURE__ */ C("div", {
 						className: "overflow-x-auto",
-						children: /* @__PURE__ */ b(B, { children: [/* @__PURE__ */ y(U, { children: /* @__PURE__ */ b(W, { children: [
-							/* @__PURE__ */ y(H, { children: "Symbol" }),
-							/* @__PURE__ */ y(H, {
+						children: /* @__PURE__ */ w(P, { children: [/* @__PURE__ */ C(R, { children: /* @__PURE__ */ w(z, { children: [
+							/* @__PURE__ */ C(L, { children: "Symbol" }),
+							/* @__PURE__ */ C(L, {
 								className: "text-right",
 								children: "Quantity"
 							}),
-							/* @__PURE__ */ y(H, {
+							/* @__PURE__ */ C(L, {
 								className: "text-right",
 								children: "Cost basis"
 							}),
-							/* @__PURE__ */ y(H, {
+							/* @__PURE__ */ C(L, {
 								className: "text-right",
 								children: "Market value"
 							}),
-							/* @__PURE__ */ y(H, {
+							/* @__PURE__ */ C(L, {
 								className: "text-right",
 								children: "Unrealized"
 							})
-						] }) }), /* @__PURE__ */ y(Te, { children: t.map((e) => /* @__PURE__ */ b(W, { children: [
-							/* @__PURE__ */ b(V, { children: [/* @__PURE__ */ y("p", {
+						] }) }), /* @__PURE__ */ C(F, { children: t.map((e) => /* @__PURE__ */ w(z, { children: [
+							/* @__PURE__ */ w(I, { children: [/* @__PURE__ */ C("p", {
 								className: "font-medium text-text-primary",
 								children: e.symbol
-							}), e.name ? /* @__PURE__ */ y("p", {
+							}), e.name ? /* @__PURE__ */ C("p", {
 								className: "text-xs text-text-secondary",
 								children: e.name
 							}) : null] }),
-							/* @__PURE__ */ y(V, {
+							/* @__PURE__ */ C(I, {
 								className: "text-right text-text-secondary",
 								children: e.quantity
 							}),
-							/* @__PURE__ */ y(V, {
+							/* @__PURE__ */ C(I, {
 								className: "text-right text-text-secondary",
-								children: p(e.costBasis, e.currency)
+								children: g(e.costBasis, e.currency)
 							}),
-							/* @__PURE__ */ y(V, {
+							/* @__PURE__ */ C(I, {
 								className: "text-right text-text-primary",
-								children: p(e.marketValue, e.currency)
+								children: g(e.marketValue, e.currency)
 							}),
-							/* @__PURE__ */ y(V, {
+							/* @__PURE__ */ C(I, {
 								className: "text-right",
-								children: /* @__PURE__ */ y(Fe, {
-									value: K(e),
+								children: /* @__PURE__ */ C(G, {
+									value: U(e),
 									currency: e.currency
 								})
 							})
@@ -577,95 +917,95 @@ function Pe({ accounts: e }) {
 		})] })
 	})] });
 }
-function Fe({ value: e, currency: t }) {
-	let n = e > 0, r = n ? oe : e < 0 ? ae : me, i = n ? "+" : "";
-	return /* @__PURE__ */ b("span", {
-		className: `inline-flex items-center justify-end gap-1 font-semibold ${d(e)}`,
+function G({ value: e, currency: t }) {
+	let n = e > 0, r = n ? ue : e < 0 ? le : ve, i = n ? "+" : "";
+	return /* @__PURE__ */ w("span", {
+		className: `inline-flex items-center justify-end gap-1 font-semibold ${se(e)}`,
 		children: [
-			e === 0 ? null : /* @__PURE__ */ y(r, {
+			e === 0 ? null : /* @__PURE__ */ C(r, {
 				className: "size-4",
 				"aria-hidden": "true"
 			}),
 			i,
-			p(e, t)
+			g(e, t)
 		]
 	});
 }
-function Ie({ insight: e, actionPending: t, onAcknowledge: n, onResolve: r, onDismiss: i }) {
+function Ke({ insight: e, actionPending: t, onAcknowledge: n, onResolve: r, onDismiss: i }) {
 	let a = e.status === "RESOLVED" || e.status === "DISMISSED";
-	return /* @__PURE__ */ b("div", {
-		className: "flex items-start justify-between gap-4 rounded-lg border border-border-subtle bg-bg-surface p-4",
-		children: [/* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ w("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__ */ w("div", {
 			className: "min-w-0 space-y-1",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ w("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						/* @__PURE__ */ y("p", {
+						/* @__PURE__ */ C("p", {
 							className: "font-medium text-text-primary",
 							children: e.title
 						}),
-						/* @__PURE__ */ y(x, {
-							variant: m(e.severity),
-							children: G(e.severity)
+						/* @__PURE__ */ C(T, {
+							variant: ce(e.severity),
+							children: H(e.severity)
 						}),
-						/* @__PURE__ */ y(x, {
-							variant: m(e.status),
-							children: G(e.status)
+						/* @__PURE__ */ C(T, {
+							variant: ce(e.status),
+							children: H(e.status)
 						})
 					]
 				}),
-				e.detail ? /* @__PURE__ */ y("p", {
+				e.detail ? /* @__PURE__ */ C("p", {
 					className: "text-sm text-text-secondary",
 					children: e.detail
 				}) : null,
-				/* @__PURE__ */ b("p", {
+				/* @__PURE__ */ w("p", {
 					className: "text-xs text-text-muted",
 					children: [
-						G(e.subjectType),
+						H(e.subjectType),
 						" · Detected ",
-						f(e.createdAt)
+						h(e.createdAt)
 					]
 				})
 			]
-		}), a ? /* @__PURE__ */ y("span", {
+		}), a ? /* @__PURE__ */ C("span", {
 			className: "mt-1 text-xs text-text-muted",
 			children: "Closed"
-		}) : /* @__PURE__ */ b(O, { children: [/* @__PURE__ */ y(N, {
+		}) : /* @__PURE__ */ w(Ae, { children: [/* @__PURE__ */ C(Me, {
 			asChild: !0,
-			children: /* @__PURE__ */ y(S, {
+			children: /* @__PURE__ */ C(E, {
 				variant: "ghost",
 				size: "sm",
 				"aria-label": `Actions for ${e.title}`,
 				disabled: t,
-				children: /* @__PURE__ */ y(ue, {
+				children: /* @__PURE__ */ C(y, {
 					className: "size-4",
 					"aria-hidden": "true"
 				})
 			})
-		}), /* @__PURE__ */ b(k, {
+		}), /* @__PURE__ */ w(k, {
 			align: "end",
 			children: [
-				/* @__PURE__ */ y(j, { children: "Actions" }),
-				/* @__PURE__ */ y(M, {}),
-				e.status === "OPEN" ? /* @__PURE__ */ b(A, {
+				/* @__PURE__ */ C(je, { children: "Actions" }),
+				/* @__PURE__ */ C(j, {}),
+				e.status === "OPEN" ? /* @__PURE__ */ w(A, {
 					onClick: n,
-					children: [/* @__PURE__ */ y(se, {
+					children: [/* @__PURE__ */ C(de, {
 						className: "size-4",
 						"aria-hidden": "true"
 					}), "Acknowledge"]
 				}) : null,
-				/* @__PURE__ */ b(A, {
+				/* @__PURE__ */ w(A, {
 					onClick: r,
-					children: [/* @__PURE__ */ y(_, {
+					children: [/* @__PURE__ */ C(ge, {
 						className: "size-4",
 						"aria-hidden": "true"
 					}), "Resolve"]
 				}),
-				/* @__PURE__ */ b(A, {
+				/* @__PURE__ */ w(A, {
 					className: "text-status-error-text",
 					onClick: i,
-					children: [/* @__PURE__ */ y(he, {
+					children: [/* @__PURE__ */ C(ye, {
 						className: "size-4",
 						"aria-hidden": "true"
 					}), "Dismiss"]
@@ -675,6 +1015,6 @@ function Ie({ insight: e, actionPending: t, onAcknowledge: n, onResolve: r, onDi
 	});
 }
 //#endregion
-export { Ne as TaxPage };
+export { W as TaxPage };
 
 //# sourceMappingURL=TaxPage.js.map