@burdenoff/microfe-brainyrich 2026.512.1 → 2026.705.1

package/dist/brainyrich/pages/TaxPage.js

@@ -1,246 +1,647 @@
-import { useBrainyRichStore as e } from "../store/brainyrichStore.js";
-import { KpiGrid as t, SectionShell as n, statusBadgeVariant as r } from "./_shared.js";
-import { AlertTriangle as i, Calculator as a, CheckCircle as o, Clock as s, FileText as c, Upload as l } from "lucide-react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Badge as p, Button as m, Card as h, CardContent as g, CardDescription as _, CardHeader as v, CardTitle as y, Table as b, TableBody as x, TableCell as S, TableHead as C, TableHeader as w, TableRow as T, Tabs as E, TabsContent as D, TabsList as O, TabsTrigger as k } from "@burdenoff/fe-libs/ui";
+import { useAccounts as e, useAcknowledgeInsight as t, useCreateInsight as n, useDismissInsight as r, useHoldings as i, useInsights as a, usePortfolios as o, useResolveInsight as ee, useTransactions as te } from "../hooks/useBrainyRichApi.js";
+import { EmptyState as s, ErrorState as ne, KpiGrid as re, LoadingState as ie, SectionShell as ae, deltaToneClass as c, formatDate as l, formatMoney as u, statusBadgeVariant as d } from "./_shared.js";
+import { useMemo as f, useState as p } from "react";
+import { ArrowDownRight as oe, ArrowUpRight as m, Check as se, Coins as ce, Landmark as le, MoreHorizontal as ue, Receipt as de, ReceiptText as fe, ShieldCheck as pe, Sparkles as me, TrendingDown as h, TrendingUp as g, X as _ } from "lucide-react";
+import { Fragment as he, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Badge as b, Button as x, Card as S, CardContent as C, CardDescription as w, CardHeader as T, CardTitle as E, Dialog as ge, DialogClose as _e, DialogContent as ve, DialogDescription as ye, DialogFooter as be, DialogHeader as xe, DialogTitle as Se, DropdownMenu as D, DropdownMenuContent as O, DropdownMenuItem as k, DropdownMenuLabel as Ce, DropdownMenuSeparator as A, DropdownMenuTrigger as j, Input as we, Label as M, Select as N, SelectContent as P, SelectItem as F, SelectTrigger as I, SelectValue as Te, Table as L, TableBody as R, TableCell as z, TableHead as B, TableHeader as V, TableRow as H, Tabs as Ee, TabsContent as U, TabsList as De, TabsTrigger as W, Textarea as Oe } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/TaxPage.tsx
-var A = [
-	{
-		id: "ts1",
-		strategy: "Section 80C Investments",
-		limit: 15e4,
-		utilized: 142e3,
-		status: "Almost Full"
-	},
-	{
-		id: "ts2",
-		strategy: "NPS Contribution (80CCD)",
-		limit: 5e4,
-		utilized: 5e4,
-		status: "Fully Utilized"
-	},
-	{
-		id: "ts3",
-		strategy: "Health Insurance (80D)",
-		limit: 75e3,
-		utilized: 52600,
-		status: "Available"
-	},
-	{
-		id: "ts4",
-		strategy: "HRA Exemption",
-		limit: 24e4,
-		utilized: 24e4,
-		status: "Fully Utilized"
-	}
+var ke = [
+	"INFO",
+	"LOW",
+	"MEDIUM",
+	"HIGH",
+	"CRITICAL"
 ];
-function j() {
-	let { taxDocs: j } = e(), M = j.filter((e) => e.status === "Uploaded").length, N = j.filter((e) => e.status === "Pending").length;
-	return /* @__PURE__ */ f(n, {
-		title: "Tax Planning & Compliance",
-		description: "Optimize your tax strategy, track documents, and ensure regulatory compliance",
-		actionLabel: "Upload Document",
-		badges: ["FY 2024-25"],
-		children: [/* @__PURE__ */ d(t, { items: [
+function G(e) {
+	return e.toLowerCase().split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
+}
+function K(e) {
+	return e.marketValue - e.costBasis;
+}
+var q = {
+	title: "",
+	detail: "",
+	severity: "MEDIUM",
+	subject: ""
+};
+function J() {
+	let { data: i, isLoading: c, isError: d, refetch: oe } = a(), { data: m, isLoading: se, isError: ue, refetch: pe } = te(), { data: h } = e(), { data: g } = o(), _ = n(), D = t(), O = r(), k = ee(), [Ce, A] = p(!1), [j, K] = p(q), [J, Y] = p(null), X = f(() => i.filter((e) => e.type === "TAX_OPPORTUNITY"), [i]), Me = X.filter((e) => e.status === "OPEN"), Z = f(() => m.filter((e) => e.type === "SELL"), [m]), Q = f(() => m.filter((e) => e.type === "DIVIDEND" || e.type === "INTEREST"), [m]), Ne = Z.reduce((e, t) => e + t.amount, 0), Pe = Q.reduce((e, t) => e + t.amount, 0), Fe = Z[0]?.currency ?? Q[0]?.currency ?? "USD", $ = h.length > 0 || g.length > 0;
+	function Ie() {
+		K(q), Y(null), A(!0);
+	}
+	function Le() {
+		let e = j.title.trim();
+		if (!e) {
+			Y("A title is required.");
+			return;
+		}
+		if (!j.subject) {
+			Y("Select the account or portfolio this opportunity applies to.");
+			return;
+		}
+		let [t, n] = j.subject.split(":");
+		if (!t || !n) {
+			Y("Select a valid subject.");
+			return;
+		}
+		_.mutate({
+			type: "TAX_OPPORTUNITY",
+			severity: j.severity,
+			title: e,
+			detail: j.detail.trim() || null,
+			subjectId: n,
+			subjectType: t
+		}, {
+			onSuccess: () => {
+				A(!1), K(q);
+			},
+			onError: (e) => {
+				Y(e instanceof Error ? e.message : "Could not create the tax insight.");
+			}
+		});
+	}
+	let Re = D.isPending || O.isPending || k.isPending;
+	return /* @__PURE__ */ y(ae, {
+		title: "Tax Center",
+		description: "Act on tax-opportunity insights and review unrealized and realized gains — all from your live portfolio data.",
+		badges: [`${Me.length} open opportunit${Me.length === 1 ? "y" : "ies"}`],
+		actionLabel: "New tax insight",
+		onAction: Ie,
+		children: [
+			/* @__PURE__ */ v(re, { items: [
+				{
+					label: "Open tax opportunities",
+					value: String(Me.length)
+				},
+				{
+					label: "Tax insights (all)",
+					value: String(X.length)
+				},
+				{
+					label: "Realized proceeds",
+					value: u(Ne, Fe),
+					trend: `${Z.length} sale${Z.length === 1 ? "" : "s"}`
+				},
+				{
+					label: "Investment income",
+					value: u(Pe, Fe),
+					trend: `${Q.length} dividend/interest`
+				}
+			] }),
+			/* @__PURE__ */ y(Ee, {
+				defaultValue: "opportunities",
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ y(De, {
+						className: "grid w-full grid-cols-3",
+						children: [
+							/* @__PURE__ */ v(W, {
+								value: "opportunities",
+								children: "Tax Opportunities"
+							}),
+							/* @__PURE__ */ v(W, {
+								value: "unrealized",
+								children: "Unrealized Gains"
+							}),
+							/* @__PURE__ */ v(W, {
+								value: "realized",
+								children: "Realized Activity"
+							})
+						]
+					}),
+					/* @__PURE__ */ v(U, {
+						value: "opportunities",
+						children: /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ y(T, { children: [/* @__PURE__ */ y(E, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ v(me, {
+								className: "h-5 w-5",
+								"aria-hidden": "true"
+							}), "Tax-opportunity insights"]
+						}), /* @__PURE__ */ v(w, { children: "Tax-loss harvesting and other tax signals detected across your accounts and portfolios." })] }), /* @__PURE__ */ v(C, { children: c ? /* @__PURE__ */ v(ie, {}) : d ? /* @__PURE__ */ v(ne, { onRetry: () => oe() }) : X.length === 0 ? /* @__PURE__ */ v(s, {
+							icon: /* @__PURE__ */ v(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: $ ? /* @__PURE__ */ y(x, {
+								size: "sm",
+								onClick: Ie,
+								children: [/* @__PURE__ */ v(me, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}), "New tax insight"]
+							}) : void 0
+						}) : /* @__PURE__ */ v("div", {
+							className: "space-y-3",
+							children: X.map((e) => /* @__PURE__ */ v(je, {
+								insight: e,
+								actionPending: Re,
+								onAcknowledge: () => D.mutate(e.id),
+								onResolve: () => k.mutate(e.id),
+								onDismiss: () => O.mutate(e.id)
+							}, e.id))
+						}) })] })
+					}),
+					/* @__PURE__ */ v(U, {
+						value: "unrealized",
+						children: /* @__PURE__ */ v(Ae, { accounts: h })
+					}),
+					/* @__PURE__ */ v(U, {
+						value: "realized",
+						children: /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ y(T, { children: [/* @__PURE__ */ y(E, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ v(fe, {
+								className: "h-5 w-5",
+								"aria-hidden": "true"
+							}), "Realized activity"]
+						}), /* @__PURE__ */ v(w, { children: "Realized sales, dividends and interest — the taxable events recorded on your accounts." })] }), /* @__PURE__ */ v(C, {
+							className: "space-y-6",
+							children: se ? /* @__PURE__ */ v(ie, {}) : ue ? /* @__PURE__ */ v(ne, { onRetry: () => pe() }) : Z.length === 0 && Q.length === 0 ? /* @__PURE__ */ v(s, {
+								icon: /* @__PURE__ */ v(fe, {
+									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__ */ y(he, { children: [/* @__PURE__ */ y("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ y("div", {
+									className: "flex items-center gap-2",
+									children: [
+										/* @__PURE__ */ v(le, {
+											className: "size-4 text-text-secondary",
+											"aria-hidden": "true"
+										}),
+										/* @__PURE__ */ v("h3", {
+											className: "text-sm font-semibold text-text-primary",
+											children: "Realized sales"
+										}),
+										/* @__PURE__ */ v(b, {
+											variant: "secondary",
+											children: Z.length
+										})
+									]
+								}), Z.length === 0 ? /* @__PURE__ */ v("p", {
+									className: "text-sm text-text-secondary",
+									children: "No sales recorded."
+								}) : /* @__PURE__ */ v("div", {
+									className: "overflow-x-auto",
+									children: /* @__PURE__ */ y(L, { children: [/* @__PURE__ */ v(V, { children: /* @__PURE__ */ y(H, { children: [
+										/* @__PURE__ */ v(B, { children: "Symbol" }),
+										/* @__PURE__ */ v(B, {
+											className: "text-right",
+											children: "Quantity"
+										}),
+										/* @__PURE__ */ v(B, {
+											className: "text-right",
+											children: "Price"
+										}),
+										/* @__PURE__ */ v(B, {
+											className: "text-right",
+											children: "Proceeds"
+										}),
+										/* @__PURE__ */ v(B, { children: "Trade date" })
+									] }) }), /* @__PURE__ */ v(R, { children: Z.map((e) => /* @__PURE__ */ y(H, { children: [
+										/* @__PURE__ */ v(z, {
+											className: "font-medium text-text-primary",
+											children: e.symbol ?? "—"
+										}),
+										/* @__PURE__ */ v(z, {
+											className: "text-right text-text-secondary",
+											children: e.quantity
+										}),
+										/* @__PURE__ */ v(z, {
+											className: "text-right text-text-secondary",
+											children: u(e.price, e.currency)
+										}),
+										/* @__PURE__ */ v(z, {
+											className: "text-right font-medium text-text-primary",
+											children: u(e.amount, e.currency)
+										}),
+										/* @__PURE__ */ v(z, {
+											className: "text-text-secondary",
+											children: l(e.tradeDate)
+										})
+									] }, e.id)) })] })
+								})]
+							}), /* @__PURE__ */ y("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ y("div", {
+									className: "flex items-center gap-2",
+									children: [
+										/* @__PURE__ */ v(ce, {
+											className: "size-4 text-text-secondary",
+											"aria-hidden": "true"
+										}),
+										/* @__PURE__ */ v("h3", {
+											className: "text-sm font-semibold text-text-primary",
+											children: "Dividends & interest"
+										}),
+										/* @__PURE__ */ v(b, {
+											variant: "secondary",
+											children: Q.length
+										})
+									]
+								}), Q.length === 0 ? /* @__PURE__ */ v("p", {
+									className: "text-sm text-text-secondary",
+									children: "No income recorded."
+								}) : /* @__PURE__ */ v("div", {
+									className: "overflow-x-auto",
+									children: /* @__PURE__ */ y(L, { children: [/* @__PURE__ */ v(V, { children: /* @__PURE__ */ y(H, { children: [
+										/* @__PURE__ */ v(B, { children: "Type" }),
+										/* @__PURE__ */ v(B, { children: "Symbol" }),
+										/* @__PURE__ */ v(B, {
+											className: "text-right",
+											children: "Amount"
+										}),
+										/* @__PURE__ */ v(B, { children: "Trade date" })
+									] }) }), /* @__PURE__ */ v(R, { children: Q.map((e) => /* @__PURE__ */ y(H, { children: [
+										/* @__PURE__ */ v(z, { children: /* @__PURE__ */ v(b, {
+											variant: "outline",
+											children: G(e.type)
+										}) }),
+										/* @__PURE__ */ v(z, {
+											className: "text-text-secondary",
+											children: e.symbol ?? "—"
+										}),
+										/* @__PURE__ */ v(z, {
+											className: "text-right font-medium text-status-success-text",
+											children: u(e.amount, e.currency)
+										}),
+										/* @__PURE__ */ v(z, {
+											className: "text-text-secondary",
+											children: l(e.tradeDate)
+										})
+									] }, e.id)) })] })
+								})]
+							})] })
+						})] })
+					})
+				]
+			}),
+			/* @__PURE__ */ v(ge, {
+				open: Ce,
+				onOpenChange: (e) => {
+					A(e), e || Y(null);
+				},
+				children: /* @__PURE__ */ y(ve, {
+					className: "max-h-[90vh] overflow-y-auto sm:max-w-lg",
+					children: [
+						/* @__PURE__ */ y(xe, { children: [/* @__PURE__ */ v(Se, { children: "New tax insight" }), /* @__PURE__ */ v(ye, { children: "Flag a tax opportunity against one of your accounts or portfolios." })] }),
+						$ ? /* @__PURE__ */ y("div", {
+							className: "space-y-4 py-2",
+							children: [
+								/* @__PURE__ */ y("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ v(M, {
+										htmlFor: "tax-title",
+										children: "Title"
+									}), /* @__PURE__ */ v(we, {
+										id: "tax-title",
+										value: j.title,
+										onChange: (e) => K((t) => ({
+											...t,
+											title: e.target.value
+										})),
+										placeholder: "e.g. Harvest losses in tech holdings"
+									})]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "grid gap-4 sm:grid-cols-2",
+									children: [/* @__PURE__ */ y("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ v(M, {
+											htmlFor: "tax-severity",
+											children: "Severity"
+										}), /* @__PURE__ */ y(N, {
+											value: j.severity,
+											onValueChange: (e) => K((t) => ({
+												...t,
+												severity: e
+											})),
+											children: [/* @__PURE__ */ v(I, {
+												id: "tax-severity",
+												children: /* @__PURE__ */ v(Te, {})
+											}), /* @__PURE__ */ v(P, { children: ke.map((e) => /* @__PURE__ */ v(F, {
+												value: e,
+												children: G(e)
+											}, e)) })]
+										})]
+									}), /* @__PURE__ */ y("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ v(M, {
+											htmlFor: "tax-subject",
+											children: "Applies to"
+										}), /* @__PURE__ */ y(N, {
+											value: j.subject,
+											onValueChange: (e) => K((t) => ({
+												...t,
+												subject: e
+											})),
+											children: [/* @__PURE__ */ v(I, {
+												id: "tax-subject",
+												children: /* @__PURE__ */ v(Te, { placeholder: "Select subject" })
+											}), /* @__PURE__ */ y(P, { children: [g.map((e) => /* @__PURE__ */ y(F, {
+												value: `portfolio:${e.id}`,
+												children: ["Portfolio · ", e.name]
+											}, `portfolio:${e.id}`)), h.map((e) => /* @__PURE__ */ y(F, {
+												value: `account:${e.id}`,
+												children: ["Account · ", e.name]
+											}, `account:${e.id}`))] })]
+										})]
+									})]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ v(M, {
+										htmlFor: "tax-detail",
+										children: "Detail"
+									}), /* @__PURE__ */ v(Oe, {
+										id: "tax-detail",
+										value: j.detail,
+										onChange: (e) => K((t) => ({
+											...t,
+											detail: e.target.value
+										})),
+										rows: 3,
+										placeholder: "What is the opportunity and how should it be actioned?"
+									})]
+								}),
+								J ? /* @__PURE__ */ v("p", {
+									className: "text-sm text-status-error-text",
+									role: "alert",
+									children: J
+								}) : null
+							]
+						}) : /* @__PURE__ */ v(s, {
+							title: "No subject available",
+							description: "Create an account or portfolio first, then flag a tax opportunity against it."
+						}),
+						/* @__PURE__ */ y(be, { children: [/* @__PURE__ */ v(_e, {
+							asChild: !0,
+							children: /* @__PURE__ */ v(x, {
+								variant: "outline",
+								disabled: _.isPending,
+								children: "Cancel"
+							})
+						}), /* @__PURE__ */ v(x, {
+							onClick: Le,
+							disabled: !$ || !j.title.trim() || !j.subject || _.isPending,
+							children: _.isPending ? "Creating…" : "Create insight"
+						})] })
+					]
+				})
+			})
+		]
+	});
+}
+function Ae({ accounts: e }) {
+	let [t, n] = p(""), r = t || e[0]?.id, a = e.find((e) => e.id === r), { data: o, isLoading: ee, isError: te, refetch: ae } = i({ accountId: r }), c = a?.currency ?? o[0]?.currency ?? "USD", l = o.reduce((e, t) => e + K(t), 0), d = o.filter((e) => K(e) > 0).length, oe = o.filter((e) => K(e) < 0).length, m = f(() => {
+		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__ */ v(S, { children: /* @__PURE__ */ v(C, {
+		className: "pt-6",
+		children: /* @__PURE__ */ v(s, {
+			icon: /* @__PURE__ */ v(g, {
+				className: "size-6",
+				"aria-hidden": "true"
+			}),
+			title: "No accounts yet",
+			description: "Add an account with holdings to see unrealized gains and losses."
+		})
+	}) }) : /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ y(T, {
+		className: "flex flex-col gap-4 md:flex-row md:items-start md:justify-between",
+		children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y(E, {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ v(g, {
+				className: "h-5 w-5",
+				"aria-hidden": "true"
+			}), "Unrealized gains & losses"]
+		}), /* @__PURE__ */ v(w, { children: "Market value minus cost basis for each holding in the selected account." })] }), /* @__PURE__ */ y("div", {
+			className: "w-full md:w-64",
+			children: [/* @__PURE__ */ v(M, {
+				htmlFor: "unrealized-account",
+				className: "sr-only",
+				children: "Account"
+			}), /* @__PURE__ */ y(N, {
+				value: r ?? "",
+				onValueChange: n,
+				children: [/* @__PURE__ */ v(I, {
+					id: "unrealized-account",
+					children: /* @__PURE__ */ v(Te, { placeholder: "Select account" })
+				}), /* @__PURE__ */ v(P, { children: e.map((e) => /* @__PURE__ */ v(F, {
+					value: e.id,
+					children: e.name
+				}, e.id)) })]
+			})]
+		})]
+	}), /* @__PURE__ */ v(C, {
+		className: "space-y-4",
+		children: ee ? /* @__PURE__ */ v(ie, {}) : te ? /* @__PURE__ */ v(ne, { onRetry: () => ae() }) : o.length === 0 ? /* @__PURE__ */ v(s, {
+			icon: /* @__PURE__ */ v(g, {
+				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__ */ y(he, { children: [/* @__PURE__ */ v(re, { items: [
 			{
-				label: "Estimated Tax Liability",
-				value: "$18,400",
-				trend: "After deductions"
+				label: "Unrealized P/L",
+				value: u(l, c),
+				trend: l >= 0 ? "Net gain" : "Net loss",
+				deltaTone: l >= 0 ? "positive" : "negative"
 			},
 			{
-				label: "Total Deductions",
-				value: "$28,500",
-				trend: "Across all sections"
+				label: "Holdings",
+				value: String(o.length)
 			},
 			{
-				label: "Effective Tax Rate",
-				value: "18.5%",
-				trend: "Below bracket avg"
+				label: "Gainers",
+				value: String(d)
 			},
 			{
-				label: "Tax-Loss Harvesting",
-				value: "$7,200",
-				trend: "Potential savings"
+				label: "Losers",
+				value: String(oe)
 			}
-		] }), /* @__PURE__ */ f(E, {
-			defaultValue: "documents",
-			className: "space-y-4",
+		] }), /* @__PURE__ */ v("div", {
+			className: "space-y-6",
+			children: m.map(([e, t]) => {
+				let n = t.reduce((e, t) => e + K(t), 0);
+				return /* @__PURE__ */ y("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ y("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ y("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ v("h3", {
+								className: "text-sm font-semibold text-text-primary",
+								children: G(e)
+							}), /* @__PURE__ */ v(b, {
+								variant: "secondary",
+								children: t.length
+							})]
+						}), /* @__PURE__ */ v(Y, {
+							value: n,
+							currency: c
+						})]
+					}), /* @__PURE__ */ v("div", {
+						className: "overflow-x-auto",
+						children: /* @__PURE__ */ y(L, { children: [/* @__PURE__ */ v(V, { children: /* @__PURE__ */ y(H, { children: [
+							/* @__PURE__ */ v(B, { children: "Symbol" }),
+							/* @__PURE__ */ v(B, {
+								className: "text-right",
+								children: "Quantity"
+							}),
+							/* @__PURE__ */ v(B, {
+								className: "text-right",
+								children: "Cost basis"
+							}),
+							/* @__PURE__ */ v(B, {
+								className: "text-right",
+								children: "Market value"
+							}),
+							/* @__PURE__ */ v(B, {
+								className: "text-right",
+								children: "Unrealized"
+							})
+						] }) }), /* @__PURE__ */ v(R, { children: t.map((e) => /* @__PURE__ */ y(H, { children: [
+							/* @__PURE__ */ y(z, { children: [/* @__PURE__ */ v("p", {
+								className: "font-medium text-text-primary",
+								children: e.symbol
+							}), e.name ? /* @__PURE__ */ v("p", {
+								className: "text-xs text-text-secondary",
+								children: e.name
+							}) : null] }),
+							/* @__PURE__ */ v(z, {
+								className: "text-right text-text-secondary",
+								children: e.quantity
+							}),
+							/* @__PURE__ */ v(z, {
+								className: "text-right text-text-secondary",
+								children: u(e.costBasis, e.currency)
+							}),
+							/* @__PURE__ */ v(z, {
+								className: "text-right text-text-primary",
+								children: u(e.marketValue, e.currency)
+							}),
+							/* @__PURE__ */ v(z, {
+								className: "text-right",
+								children: /* @__PURE__ */ v(Y, {
+									value: K(e),
+									currency: e.currency
+								})
+							})
+						] }, e.id)) })] })
+					})]
+				}, e);
+			})
+		})] })
+	})] });
+}
+function Y({ value: e, currency: t }) {
+	let n = e > 0, r = n ? m : e < 0 ? oe : h, i = n ? "+" : "";
+	return /* @__PURE__ */ y("span", {
+		className: `inline-flex items-center justify-end gap-1 font-semibold ${c(e)}`,
+		children: [
+			e === 0 ? null : /* @__PURE__ */ v(r, {
+				className: "size-4",
+				"aria-hidden": "true"
+			}),
+			i,
+			u(e, t)
+		]
+	});
+}
+function je({ insight: e, actionPending: t, onAcknowledge: n, onResolve: r, onDismiss: i }) {
+	let a = e.status === "RESOLVED" || e.status === "DISMISSED";
+	return /* @__PURE__ */ y("div", {
+		className: "flex items-start justify-between gap-4 rounded-lg border border-border-subtle bg-bg-surface p-4",
+		children: [/* @__PURE__ */ y("div", {
+			className: "min-w-0 space-y-1",
 			children: [
-				/* @__PURE__ */ f(O, {
-					className: "grid w-full grid-cols-3",
+				/* @__PURE__ */ y("div", {
+					className: "flex flex-wrap items-center gap-2",
 					children: [
-						/* @__PURE__ */ d(k, {
-							value: "documents",
-							children: "Documents"
+						/* @__PURE__ */ v("p", {
+							className: "font-medium text-text-primary",
+							children: e.title
 						}),
-						/* @__PURE__ */ d(k, {
-							value: "deductions",
-							children: "Deduction Planner"
+						/* @__PURE__ */ v(b, {
+							variant: d(e.severity),
+							children: G(e.severity)
 						}),
-						/* @__PURE__ */ d(k, {
-							value: "actions",
-							children: "Tax Actions"
+						/* @__PURE__ */ v(b, {
+							variant: d(e.status),
+							children: G(e.status)
 						})
 					]
 				}),
-				/* @__PURE__ */ d(D, {
-					value: "documents",
-					children: /* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, {
-						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f(y, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ d(c, { className: "h-5 w-5" }), "Tax Documents"]
-						}), /* @__PURE__ */ f(_, { children: [
-							M,
-							" uploaded, ",
-							N,
-							" pending"
-						] })] }), /* @__PURE__ */ f(m, {
-							size: "sm",
-							children: [/* @__PURE__ */ d(l, { className: "mr-1 h-4 w-4" }), "Upload"]
-						})]
-					}), /* @__PURE__ */ d(g, { children: /* @__PURE__ */ f(b, { children: [/* @__PURE__ */ d(w, { children: /* @__PURE__ */ f(T, { children: [
-						/* @__PURE__ */ d(C, { children: "Document" }),
-						/* @__PURE__ */ d(C, { children: "Tax Year" }),
-						/* @__PURE__ */ d(C, { children: "Status" }),
-						/* @__PURE__ */ d(C, {
-							className: "text-right",
-							children: "Action"
-						})
-					] }) }), /* @__PURE__ */ d(x, { children: j.map((e) => /* @__PURE__ */ f(T, { children: [
-						/* @__PURE__ */ d(S, {
-							className: "font-medium",
-							children: e.name
-						}),
-						/* @__PURE__ */ d(S, { children: e.taxYear }),
-						/* @__PURE__ */ d(S, { children: /* @__PURE__ */ d(p, {
-							variant: r(e.status),
-							children: e.status === "Uploaded" ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(o, { className: "mr-1 h-3 w-3" }), e.status] }) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(s, { className: "mr-1 h-3 w-3" }), e.status] })
-						}) }),
-						/* @__PURE__ */ d(S, {
-							className: "text-right",
-							children: /* @__PURE__ */ d(m, {
-								variant: "outline",
-								size: "sm",
-								children: e.status === "Uploaded" ? "View" : "Upload"
-							})
-						})
-					] }, e.id)) })] }) })] })
-				}),
-				/* @__PURE__ */ d(D, {
-					value: "deductions",
-					className: "space-y-4",
-					children: /* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ f(y, {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ d(a, { className: "h-5 w-5" }), "Deduction Utilization"]
-					}), /* @__PURE__ */ d(_, { children: "Track your progress across all tax-saving sections" })] }), /* @__PURE__ */ d(g, {
-						className: "space-y-4",
-						children: A.map((e) => {
-							let t = Math.round(e.utilized / e.limit * 100), n = e.limit - e.utilized;
-							return /* @__PURE__ */ f("div", {
-								className: "space-y-2",
-								children: [
-									/* @__PURE__ */ f("div", {
-										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ d("span", {
-											className: "font-medium text-sm",
-											children: e.strategy
-										}), /* @__PURE__ */ d(p, {
-											variant: t >= 100 ? "default" : t >= 80 ? "secondary" : "destructive",
-											children: e.status
-										})]
-									}),
-									/* @__PURE__ */ d("div", {
-										className: "h-3 rounded bg-muted overflow-hidden",
-										children: /* @__PURE__ */ d("div", {
-											className: `h-3 rounded ${t >= 100 ? "bg-emerald-500" : "bg-blue-500"}`,
-											style: { width: `${Math.min(t, 100)}%` }
-										})
-									}),
-									/* @__PURE__ */ f("div", {
-										className: "flex justify-between text-xs text-muted-foreground",
-										children: [/* @__PURE__ */ f("span", { children: [
-											"$",
-											e.utilized.toLocaleString(),
-											" / $",
-											e.limit.toLocaleString()
-										] }), /* @__PURE__ */ d("span", { children: n > 0 ? `$${n.toLocaleString()} available` : "Fully utilized" })]
-									})
-								]
-							}, e.id);
-						})
-					})] })
+				e.detail ? /* @__PURE__ */ v("p", {
+					className: "text-sm text-text-secondary",
+					children: e.detail
+				}) : null,
+				/* @__PURE__ */ y("p", {
+					className: "text-xs text-text-muted",
+					children: [
+						G(e.subjectType),
+						" · Detected ",
+						l(e.createdAt)
+					]
+				})
+			]
+		}), a ? /* @__PURE__ */ v("span", {
+			className: "mt-1 text-xs text-text-muted",
+			children: "Closed"
+		}) : /* @__PURE__ */ y(D, { children: [/* @__PURE__ */ v(j, {
+			asChild: !0,
+			children: /* @__PURE__ */ v(x, {
+				variant: "ghost",
+				size: "sm",
+				"aria-label": `Actions for ${e.title}`,
+				disabled: t,
+				children: /* @__PURE__ */ v(ue, {
+					className: "size-4",
+					"aria-hidden": "true"
+				})
+			})
+		}), /* @__PURE__ */ y(O, {
+			align: "end",
+			children: [
+				/* @__PURE__ */ v(Ce, { children: "Actions" }),
+				/* @__PURE__ */ v(A, {}),
+				e.status === "OPEN" ? /* @__PURE__ */ y(k, {
+					onClick: n,
+					children: [/* @__PURE__ */ v(se, {
+						className: "size-4",
+						"aria-hidden": "true"
+					}), "Acknowledge"]
+				}) : null,
+				/* @__PURE__ */ y(k, {
+					onClick: r,
+					children: [/* @__PURE__ */ v(pe, {
+						className: "size-4",
+						"aria-hidden": "true"
+					}), "Resolve"]
 				}),
-				/* @__PURE__ */ d(D, {
-					value: "actions",
-					className: "space-y-4",
-					children: /* @__PURE__ */ d("div", {
-						className: "grid gap-4 md:grid-cols-2",
-						children: [
-							{
-								icon: o,
-								title: "Maximize 80C Investments",
-								desc: "You can invest $8,000 more in ELSS funds this year",
-								color: "bg-emerald-50 border-emerald-200",
-								iconColor: "text-emerald-600",
-								action: "Invest Now"
-							},
-							{
-								icon: a,
-								title: "Tax-Loss Harvesting",
-								desc: "Potential $7,200 savings from unrealized losses in portfolio",
-								color: "bg-purple-50 border-purple-200",
-								iconColor: "text-purple-600",
-								action: "Analyze Portfolio"
-							},
-							{
-								icon: i,
-								title: "Advance Tax Deadline",
-								desc: "Next quarterly advance tax installment of $4,600 due June 15",
-								color: "bg-yellow-50 border-yellow-200",
-								iconColor: "text-yellow-600",
-								action: "Schedule Payment"
-							},
-							{
-								icon: c,
-								title: "Review Health Insurance",
-								desc: "Optimize Section 80D benefits - $22,400 still available",
-								color: "bg-blue-50 border-blue-200",
-								iconColor: "text-blue-600",
-								action: "Review Benefits"
-							}
-						].map((e) => /* @__PURE__ */ d(h, {
-							className: `${e.color} border`,
-							children: /* @__PURE__ */ f(g, {
-								className: "flex items-start gap-3 p-4",
-								children: [/* @__PURE__ */ d(e.icon, { className: `h-5 w-5 mt-0.5 ${e.iconColor}` }), /* @__PURE__ */ f("div", {
-									className: "flex-1",
-									children: [
-										/* @__PURE__ */ d("p", {
-											className: "font-medium text-sm",
-											children: e.title
-										}),
-										/* @__PURE__ */ d("p", {
-											className: "text-xs text-muted-foreground mt-1",
-											children: e.desc
-										}),
-										/* @__PURE__ */ d(m, {
-											variant: "outline",
-											size: "sm",
-											className: "mt-2",
-											children: e.action
-										})
-									]
-								})]
-							})
-						}, e.title))
-					})
+				/* @__PURE__ */ y(k, {
+					className: "text-status-error-text",
+					onClick: i,
+					children: [/* @__PURE__ */ v(_, {
+						className: "size-4",
+						"aria-hidden": "true"
+					}), "Dismiss"]
 				})
 			]
-		})]
+		})] })]
 	});
 }
 //#endregion
-export { j as TaxPage };
+export { J as TaxPage };
 
 //# sourceMappingURL=TaxPage.js.map