@burdenoff/microfe-brainyrich 2026.512.1 → 2026.705.1

package/dist/brainyrich/pages/ReportsPage.js

@@ -1,261 +1,398 @@
-import { useBrainyRichStore as e } from "../store/brainyrichStore.js";
-import { KpiGrid as t, SectionShell as n } from "./_shared.js";
-import { Calendar as r, Clock as i, Download as a, FileText as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Badge as l, Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m } from "@burdenoff/fe-libs/ui";
+import { tWithFallback as e } from "../utils/i18n.js";
+import { useNetWorthSummary as t, usePortfolios as n, useTransactions as r } from "../hooks/useBrainyRichApi.js";
+import { AllocationBars as i, EmptyState as a, ErrorState as o, KpiGrid as s, LoadingState as c, SectionShell as l, deltaToneClass as u, formatDate as d, formatMoney as f } from "./_shared.js";
+import { useMemo as p, useState as m } from "react";
+import { ChevronDown as h, Download as g, FileText as _, Layers as v, Printer as y, Receipt as b, Wallet as x } from "lucide-react";
+import { useI18n as S } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { 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 k, CardHeader as A, CardTitle as j, DropdownMenu as M, DropdownMenuContent as N, DropdownMenuItem as P, DropdownMenuTrigger as F, Table as I, TableBody as L, TableCell as R, TableHead as z, TableHeader as B, TableRow as V, Tabs as H, TabsList as U, TabsTrigger as W } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/ReportsPage.tsx
-var h = [
-	{
-		category: "Portfolio Reports",
-		items: [
-			{
-				name: "Portfolio Performance",
-				desc: "Comprehensive return analysis",
-				frequency: "Monthly",
-				last: "2026-06-01"
-			},
-			{
-				name: "Asset Allocation",
-				desc: "Current vs target allocation",
-				frequency: "Quarterly",
-				last: "2026-05-01"
-			},
-			{
-				name: "Holdings Summary",
-				desc: "Detailed position report",
-				frequency: "Weekly",
-				last: "2026-06-08"
-			}
-		]
-	},
-	{
-		category: "Tax Reports",
-		items: [
-			{
-				name: "Tax Loss Harvesting",
-				desc: "Realized & unrealized gains/losses",
-				frequency: "Monthly",
-				last: "2026-06-01"
-			},
-			{
-				name: "Tax-Efficient Strategies",
-				desc: "Optimization recommendations",
-				frequency: "Quarterly",
-				last: "2026-04-01"
-			},
-			{
-				name: "Year-End Tax Summary",
-				desc: "Annual tax impact analysis",
-				frequency: "Annually",
-				last: "2025-12-31"
-			}
-		]
-	},
-	{
-		category: "Risk Reports",
-		items: [{
-			name: "Risk Assessment",
-			desc: "Portfolio risk metrics",
-			frequency: "Monthly",
-			last: "2026-06-01"
-		}, {
-			name: "Stress Test Results",
-			desc: "Crisis scenario analysis",
-			frequency: "Quarterly",
-			last: "2026-04-01"
-		}]
-	}
-], g = [
-	{
-		name: "Weekly Holdings Summary",
-		nextRun: "2026-06-15",
-		frequency: "Weekly",
-		recipients: "you@brainyrich.com"
-	},
-	{
-		name: "Monthly Performance Report",
-		nextRun: "2026-07-01",
-		frequency: "Monthly",
-		recipients: "you@brainyrich.com"
-	},
-	{
-		name: "Quarterly Tax Summary",
-		nextRun: "2026-10-01",
-		frequency: "Quarterly",
-		recipients: "you@brainyrich.com, advisor@firm.com"
-	}
-];
-function _() {
-	let { reports: _ } = e();
-	return /* @__PURE__ */ c(n, {
-		title: "Reports & Documents",
-		description: "Generate, schedule, and download your financial reports",
-		actionLabel: "Generate Custom Report",
-		badges: [`${_.length} Recent Reports`],
-		children: [/* @__PURE__ */ s(t, { items: [
-			{
-				label: "Total Reports",
-				value: "127",
-				trend: "Generated this year"
-			},
-			{
-				label: "Scheduled Reports",
-				value: String(g.length),
-				trend: "Active schedules"
-			},
-			{
-				label: "Ready to Download",
-				value: String(_.length)
-			},
-			{
-				label: "Report Formats",
-				value: "3",
-				trend: "PDF, Excel, CSV"
-			}
-		] }), /* @__PURE__ */ c("div", {
-			className: "grid gap-4 lg:grid-cols-3",
-			children: [/* @__PURE__ */ s("div", {
-				className: "lg:col-span-2 space-y-4",
-				children: h.map((e) => /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, {
-					className: "text-base",
-					children: e.category
-				}) }), /* @__PURE__ */ s(f, {
-					className: "space-y-2",
-					children: e.items.map((e) => /* @__PURE__ */ c("div", {
-						className: "flex items-center justify-between rounded-lg border p-3",
-						children: [
-							/* @__PURE__ */ c("div", {
-								className: "flex-1",
-								children: [/* @__PURE__ */ s("p", {
-									className: "font-medium text-sm",
-									children: e.name
-								}), /* @__PURE__ */ s("p", {
-									className: "text-xs text-muted-foreground",
-									children: e.desc
-								})]
-							}),
-							/* @__PURE__ */ c("div", {
-								className: "text-center mx-4",
-								children: [/* @__PURE__ */ s(l, {
-									variant: "outline",
-									className: "text-[10px]",
-									children: e.frequency
-								}), /* @__PURE__ */ c("p", {
-									className: "text-[10px] text-muted-foreground mt-0.5",
-									children: ["Last: ", e.last]
-								})]
-							}),
-							/* @__PURE__ */ c("div", {
-								className: "flex gap-1",
-								children: [/* @__PURE__ */ s(u, {
-									variant: "outline",
-									size: "sm",
-									children: "Generate"
-								}), /* @__PURE__ */ s(u, {
-									variant: "outline",
-									size: "sm",
-									children: /* @__PURE__ */ s(r, { className: "h-3 w-3" })
-								})]
-							})
-						]
-					}, e.name))
-				})] }, e.category))
-			}), /* @__PURE__ */ c("div", {
-				className: "space-y-4",
+function G(e, t) {
+	let n = (e) => {
+		let t = String(e ?? "");
+		return /[",\n]/.test(t) ? `"${t.replace(/"/g, "\"\"")}"` : t;
+	};
+	return [e, ...t].map((e) => e.map(n).join(",")).join("\n");
+}
+function K(e, t) {
+	let n = new Blob([t], { type: "text/csv;charset=utf-8;" }), r = URL.createObjectURL(n), i = document.createElement("a");
+	i.href = r, i.download = e, document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(r);
+}
+function q() {
+	let { t: i } = S(), a = (t, n, r) => e(i, t, n, r), [o, c] = m("networth"), u = t(), _ = n(), T = r(), D = u.data, O = D?.currency ?? "USD", k = p(() => _.data.flatMap((e) => e.holdings ?? []).slice().sort((e, t) => t.marketValue - e.marketValue), [_.data]), A = p(() => T.data.slice().sort((e, t) => new Date(t.tradeDate).getTime() - new Date(e.tradeDate).getTime()), [T.data]), j = D ? [
+		{
+			label: a("brainyrich.reports.kpis.netWorth", "Net Worth"),
+			value: f(D.totalNetWorth, O)
+		},
+		{
+			label: a("brainyrich.reports.kpis.marketValue", "Invested Value"),
+			value: f(D.totalMarketValue, O)
+		},
+		{
+			label: a("brainyrich.reports.kpis.holdings", "Holdings on Schedule"),
+			value: String(k.length)
+		},
+		{
+			label: a("brainyrich.reports.kpis.transactions", "Ledger Entries"),
+			value: String(A.length)
+		}
+	] : [{
+		label: a("brainyrich.reports.kpis.holdings", "Holdings on Schedule"),
+		value: String(k.length)
+	}, {
+		label: a("brainyrich.reports.kpis.transactions", "Ledger Entries"),
+		value: String(A.length)
+	}];
+	return /* @__PURE__ */ w(l, {
+		title: a("brainyrich.reports.title", "Reports & Statements"),
+		description: a("brainyrich.reports.description", "Generate statements directly from your live portfolio data — no fabricated schedules."),
+		actions: /* @__PURE__ */ w(M, { children: [/* @__PURE__ */ C(F, {
+			asChild: !0,
+			children: /* @__PURE__ */ w(E, {
+				size: "sm",
 				children: [
-					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ c(m, {
-						className: "flex items-center gap-2 text-base",
-						children: [/* @__PURE__ */ s(o, { className: "h-4 w-4" }), "Recent Reports"]
-					}) }), /* @__PURE__ */ s(f, {
-						className: "space-y-3",
-						children: _.map((e) => /* @__PURE__ */ c("div", {
-							className: "rounded-lg border p-3",
-							children: [
-								/* @__PURE__ */ s("p", {
-									className: "font-medium text-sm",
-									children: e.title
-								}),
-								/* @__PURE__ */ c("p", {
-									className: "text-xs text-muted-foreground",
-									children: [
-										e.period,
-										" · Generated ",
-										e.generatedAt
-									]
-								}),
-								/* @__PURE__ */ c(u, {
-									variant: "outline",
-									size: "sm",
-									className: "mt-2 w-full",
-									children: [/* @__PURE__ */ s(a, { className: "mr-1 h-3 w-3" }), "Download"]
-								})
-							]
-						}, e.id))
-					})] }),
-					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ c(m, {
-						className: "flex items-center gap-2 text-base",
-						children: [/* @__PURE__ */ s(i, { className: "h-4 w-4" }), "Scheduled Reports"]
-					}) }), /* @__PURE__ */ s(f, {
-						className: "space-y-3",
-						children: g.map((e) => /* @__PURE__ */ c("div", {
-							className: "rounded-lg border p-3",
-							children: [
-								/* @__PURE__ */ s("p", {
-									className: "font-medium text-sm",
-									children: e.name
-								}),
-								/* @__PURE__ */ c("p", {
-									className: "text-xs text-muted-foreground",
-									children: [
-										"Next: ",
-										e.nextRun,
-										" · ",
-										e.frequency
-									]
-								}),
-								/* @__PURE__ */ s("p", {
-									className: "text-xs text-muted-foreground",
-									children: e.recipients
-								})
-							]
-						}, e.name))
-					})] }),
-					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, {
-						className: "text-base",
-						children: "Export Formats"
-					}) }), /* @__PURE__ */ s(f, {
-						className: "space-y-2",
-						children: [
-							{
-								format: "PDF",
-								status: "Available"
-							},
-							{
-								format: "Excel (.xlsx)",
-								status: "Available"
-							},
-							{
-								format: "CSV",
-								status: "Available"
-							},
-							{
-								format: "Interactive Dashboard",
-								status: "Coming Soon"
-							}
-						].map((e) => /* @__PURE__ */ c("div", {
-							className: "flex justify-between text-sm",
-							children: [/* @__PURE__ */ s("span", { children: e.format }), /* @__PURE__ */ s("span", {
-								className: e.status === "Available" ? "text-emerald-600" : "text-yellow-600",
-								children: e.status === "Available" ? "Available" : "Coming Soon"
-							})]
-						}, e.format))
-					})] })
+					/* @__PURE__ */ C(g, {
+						className: "size-4",
+						"aria-hidden": "true"
+					}),
+					a("brainyrich.reports.actions.export", "Print / Export"),
+					/* @__PURE__ */ C(h, {
+						className: "size-4",
+						"aria-hidden": "true"
+					})
 				]
+			})
+		}), /* @__PURE__ */ w(N, {
+			align: "end",
+			children: [/* @__PURE__ */ w(P, {
+				onSelect: () => {
+					if (o === "networth") {
+						if (!D) return;
+						K("brainyrich-net-worth-statement.csv", G([
+							"Metric",
+							"Amount",
+							"Currency"
+						], [
+							[
+								"Total Net Worth",
+								D.totalNetWorth,
+								O
+							],
+							[
+								"Total Market Value",
+								D.totalMarketValue,
+								O
+							],
+							[
+								"Total Cash",
+								D.totalCash,
+								O
+							],
+							[
+								"Account Count",
+								D.accountCount,
+								""
+							],
+							...D.byAssetClass.map((e) => [
+								`Asset Class: ${e.assetClass.replace(/_/g, " ")}`,
+								e.marketValue,
+								O
+							])
+						]));
+						return;
+					}
+					if (o === "holdings") {
+						K("brainyrich-holdings-schedule.csv", G([
+							"Symbol",
+							"Name",
+							"Asset Class",
+							"Quantity",
+							"Cost Basis",
+							"Market Value",
+							"Currency"
+						], k.map((e) => [
+							e.symbol,
+							e.name ?? "",
+							e.assetClass.replace(/_/g, " "),
+							e.quantity,
+							e.costBasis,
+							e.marketValue,
+							e.currency
+						])));
+						return;
+					}
+					K("brainyrich-transaction-ledger.csv", G([
+						"Trade Date",
+						"Type",
+						"Symbol",
+						"Quantity",
+						"Price",
+						"Amount",
+						"Fee",
+						"Currency"
+					], A.map((e) => [
+						d(e.tradeDate),
+						e.type,
+						e.symbol ?? "",
+						e.quantity,
+						e.price,
+						e.amount,
+						e.fee,
+						e.currency
+					])));
+				},
+				children: [/* @__PURE__ */ C(g, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}), a("brainyrich.reports.actions.downloadCsv", "Download CSV")]
+			}), /* @__PURE__ */ w(P, {
+				onSelect: () => window.print(),
+				children: [/* @__PURE__ */ C(y, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}), a("brainyrich.reports.actions.print", "Print statement")]
+			})]
+		})] }),
+		children: [
+			/* @__PURE__ */ C(s, { items: j }),
+			/* @__PURE__ */ C(H, {
+				value: o,
+				onValueChange: (e) => c(e),
+				children: /* @__PURE__ */ w(U, { children: [
+					/* @__PURE__ */ w(W, {
+						value: "networth",
+						children: [/* @__PURE__ */ C(x, {
+							className: "size-4",
+							"aria-hidden": "true"
+						}), a("brainyrich.reports.tabs.netWorth", "Net Worth")]
+					}),
+					/* @__PURE__ */ w(W, {
+						value: "holdings",
+						children: [/* @__PURE__ */ C(v, {
+							className: "size-4",
+							"aria-hidden": "true"
+						}), a("brainyrich.reports.tabs.holdings", "Holdings")]
+					}),
+					/* @__PURE__ */ w(W, {
+						value: "transactions",
+						children: [/* @__PURE__ */ C(b, {
+							className: "size-4",
+							"aria-hidden": "true"
+						}), a("brainyrich.reports.tabs.ledger", "Ledger")]
+					})
+				] })
+			}),
+			o === "networth" ? /* @__PURE__ */ C(J, {
+				query: u,
+				translate: a
+			}) : o === "holdings" ? /* @__PURE__ */ C(X, {
+				query: _,
+				holdings: k,
+				translate: a
+			}) : /* @__PURE__ */ C(Z, {
+				query: T,
+				transactions: A,
+				translate: a
+			})
+		]
+	});
+}
+function J({ query: e, translate: t }) {
+	let n = e.data, r = n?.currency ?? "USD", s = p(() => {
+		if (!n) return [];
+		let e = n.byAssetClass.reduce((e, t) => e + t.marketValue, 0);
+		return e <= 0 ? [] : n.byAssetClass.slice().sort((e, t) => t.marketValue - e.marketValue).map((t) => ({
+			label: t.assetClass.replace(/_/g, " "),
+			value: t.marketValue / e * 100,
+			caption: f(t.marketValue, r)
+		}));
+	}, [n, r]);
+	return /* @__PURE__ */ w(D, { children: [/* @__PURE__ */ w(A, { children: [/* @__PURE__ */ w(j, {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ C(x, {
+			className: "size-5",
+			"aria-hidden": "true"
+		}), t("brainyrich.reports.netWorth.title", "Net Worth Statement")]
+	}), /* @__PURE__ */ C(k, { children: t("brainyrich.reports.netWorth.description", "Consolidated assets, cash, and asset-class allocation as of today.") })] }), /* @__PURE__ */ C(O, { children: e.isLoading ? /* @__PURE__ */ C(c, { rows: 3 }) : e.isError ? /* @__PURE__ */ C(o, { onRetry: () => e.refetch() }) : n ? /* @__PURE__ */ w("div", {
+		className: "space-y-6",
+		children: [/* @__PURE__ */ w("div", {
+			className: "grid gap-4 sm:grid-cols-3",
+			children: [
+				/* @__PURE__ */ C(Y, {
+					label: t("brainyrich.reports.netWorth.total", "Total Net Worth"),
+					value: f(n.totalNetWorth, r),
+					emphasis: !0
+				}),
+				/* @__PURE__ */ C(Y, {
+					label: t("brainyrich.reports.netWorth.invested", "Invested Value"),
+					value: f(n.totalMarketValue, r)
+				}),
+				/* @__PURE__ */ C(Y, {
+					label: t("brainyrich.reports.netWorth.cash", "Cash & Liquidity"),
+					value: f(n.totalCash, r)
+				})
+			]
+		}), /* @__PURE__ */ w("div", {
+			className: "space-y-3",
+			children: [/* @__PURE__ */ C("p", {
+				className: "text-sm font-medium text-text-primary",
+				children: t("brainyrich.reports.netWorth.allocation", "Allocation by Asset Class")
+			}), s.length > 0 ? /* @__PURE__ */ C(i, { data: s }) : /* @__PURE__ */ C("p", {
+				className: "text-sm text-text-secondary",
+				children: t("brainyrich.reports.netWorth.noAllocation", "No holdings to allocate yet.")
 			})]
 		})]
+	}) : /* @__PURE__ */ C(a, {
+		icon: /* @__PURE__ */ C(x, {
+			className: "size-6",
+			"aria-hidden": "true"
+		}),
+		title: t("brainyrich.reports.netWorth.emptyTitle", "No net-worth data yet"),
+		description: t("brainyrich.reports.netWorth.emptyDesc", "Link an account and add holdings to generate a net-worth statement.")
+	}) })] });
+}
+function Y({ label: e, value: t, emphasis: n }) {
+	return /* @__PURE__ */ w("div", {
+		className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+		children: [/* @__PURE__ */ C("p", {
+			className: "text-xs text-text-secondary",
+			children: e
+		}), /* @__PURE__ */ C("p", {
+			className: n ? "mt-1 text-2xl font-semibold text-text-primary" : "mt-1 text-xl font-semibold text-text-primary",
+			children: t
+		})]
 	});
 }
+function X({ query: e, holdings: t, translate: n }) {
+	return /* @__PURE__ */ w(D, { children: [/* @__PURE__ */ w(A, { children: [/* @__PURE__ */ w(j, {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ C(v, {
+			className: "size-5",
+			"aria-hidden": "true"
+		}), n("brainyrich.reports.holdings.title", "Holdings Schedule")]
+	}), /* @__PURE__ */ C(k, { children: n("brainyrich.reports.holdings.description", "Every position across your portfolios with cost basis and market value.") })] }), /* @__PURE__ */ C(O, { children: e.isLoading ? /* @__PURE__ */ C(c, { rows: 4 }) : e.isError ? /* @__PURE__ */ C(o, { onRetry: () => e.refetch() }) : t.length > 0 ? /* @__PURE__ */ C("div", {
+		className: "overflow-x-auto",
+		children: /* @__PURE__ */ w(I, { children: [/* @__PURE__ */ C(B, { children: /* @__PURE__ */ w(V, { children: [
+			/* @__PURE__ */ C(z, { children: n("brainyrich.reports.holdings.symbol", "Symbol") }),
+			/* @__PURE__ */ C(z, { children: n("brainyrich.reports.holdings.assetClass", "Asset Class") }),
+			/* @__PURE__ */ C(z, {
+				className: "text-right",
+				children: n("brainyrich.reports.holdings.quantity", "Quantity")
+			}),
+			/* @__PURE__ */ C(z, {
+				className: "text-right",
+				children: n("brainyrich.reports.holdings.costBasis", "Cost Basis")
+			}),
+			/* @__PURE__ */ C(z, {
+				className: "text-right",
+				children: n("brainyrich.reports.holdings.marketValue", "Market Value")
+			}),
+			/* @__PURE__ */ C(z, {
+				className: "text-right",
+				children: n("brainyrich.reports.holdings.gainLoss", "Unrealized")
+			})
+		] }) }), /* @__PURE__ */ C(L, { children: t.map((e) => {
+			let t = e.marketValue - e.costBasis;
+			return /* @__PURE__ */ w(V, { children: [
+				/* @__PURE__ */ w(R, { children: [/* @__PURE__ */ C("div", {
+					className: "font-medium text-text-primary",
+					children: e.symbol
+				}), e.name ? /* @__PURE__ */ C("div", {
+					className: "text-xs text-text-secondary",
+					children: e.name
+				}) : null] }),
+				/* @__PURE__ */ C(R, { children: /* @__PURE__ */ C(T, {
+					variant: "outline",
+					children: e.assetClass.replace(/_/g, " ")
+				}) }),
+				/* @__PURE__ */ C(R, {
+					className: "text-right tabular-nums text-text-primary",
+					children: e.quantity
+				}),
+				/* @__PURE__ */ C(R, {
+					className: "text-right tabular-nums text-text-primary",
+					children: f(e.costBasis, e.currency)
+				}),
+				/* @__PURE__ */ C(R, {
+					className: "text-right tabular-nums text-text-primary",
+					children: f(e.marketValue, e.currency)
+				}),
+				/* @__PURE__ */ w(R, {
+					className: `text-right tabular-nums font-medium ${u(t)}`,
+					children: [t > 0 ? "+" : "", f(t, e.currency)]
+				})
+			] }, e.id);
+		}) })] })
+	}) : /* @__PURE__ */ C(a, {
+		icon: /* @__PURE__ */ C(v, {
+			className: "size-6",
+			"aria-hidden": "true"
+		}),
+		title: n("brainyrich.reports.holdings.emptyTitle", "No holdings on file"),
+		description: n("brainyrich.reports.holdings.emptyDesc", "Add holdings to your portfolios to generate a holdings schedule.")
+	}) })] });
+}
+function Z({ query: e, transactions: t, translate: n }) {
+	return /* @__PURE__ */ w(D, { children: [/* @__PURE__ */ w(A, { children: [/* @__PURE__ */ w(j, {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ C(b, {
+			className: "size-5",
+			"aria-hidden": "true"
+		}), n("brainyrich.reports.ledger.title", "Transaction Ledger")]
+	}), /* @__PURE__ */ C(k, { children: n("brainyrich.reports.ledger.description", "Every recorded transaction across your accounts, newest first.") })] }), /* @__PURE__ */ C(O, { children: e.isLoading ? /* @__PURE__ */ C(c, { rows: 4 }) : e.isError ? /* @__PURE__ */ C(o, { onRetry: () => e.refetch() }) : t.length > 0 ? /* @__PURE__ */ C("div", {
+		className: "overflow-x-auto",
+		children: /* @__PURE__ */ w(I, { children: [/* @__PURE__ */ C(B, { children: /* @__PURE__ */ w(V, { children: [
+			/* @__PURE__ */ C(z, { children: n("brainyrich.reports.ledger.date", "Trade Date") }),
+			/* @__PURE__ */ C(z, { children: n("brainyrich.reports.ledger.type", "Type") }),
+			/* @__PURE__ */ C(z, { children: n("brainyrich.reports.ledger.symbol", "Symbol") }),
+			/* @__PURE__ */ C(z, {
+				className: "text-right",
+				children: n("brainyrich.reports.ledger.quantity", "Quantity")
+			}),
+			/* @__PURE__ */ C(z, {
+				className: "text-right",
+				children: n("brainyrich.reports.ledger.price", "Price")
+			}),
+			/* @__PURE__ */ C(z, {
+				className: "text-right",
+				children: n("brainyrich.reports.ledger.amount", "Amount")
+			})
+		] }) }), /* @__PURE__ */ C(L, { children: t.map((e) => /* @__PURE__ */ w(V, { children: [
+			/* @__PURE__ */ C(R, {
+				className: "text-text-primary",
+				children: d(e.tradeDate)
+			}),
+			/* @__PURE__ */ C(R, { children: /* @__PURE__ */ C(T, {
+				variant: "outline",
+				children: e.type
+			}) }),
+			/* @__PURE__ */ C(R, {
+				className: "text-text-primary",
+				children: e.symbol ?? "—"
+			}),
+			/* @__PURE__ */ C(R, {
+				className: "text-right tabular-nums text-text-primary",
+				children: e.quantity
+			}),
+			/* @__PURE__ */ C(R, {
+				className: "text-right tabular-nums text-text-primary",
+				children: f(e.price, e.currency)
+			}),
+			/* @__PURE__ */ C(R, {
+				className: "text-right tabular-nums text-text-primary",
+				children: f(e.amount, e.currency)
+			})
+		] }, e.id)) })] })
+	}) : /* @__PURE__ */ C(a, {
+		icon: /* @__PURE__ */ C(_, {
+			className: "size-6",
+			"aria-hidden": "true"
+		}),
+		title: n("brainyrich.reports.ledger.emptyTitle", "No transactions recorded"),
+		description: n("brainyrich.reports.ledger.emptyDesc", "Record transactions on your accounts to build a ledger statement.")
+	}) })] });
+}
 //#endregion
-export { _ as ReportsPage };
+export { q as ReportsPage };
 
 //# sourceMappingURL=ReportsPage.js.map