@burdenoff/microfe-brainyrich 2026.525.1 → 2026.706.1

package/dist/brainyrich/pages/InvestmentsPage.js

@@ -1,330 +1,429 @@
 import { tWithFallback as e } from "../utils/i18n.js";
-import { useBrainyRichStore as t } from "../store/brainyrichStore.js";
-import { KpiGrid as n, SectionShell as r, formatMoney as i } from "./_shared.js";
-import { useState as a } from "react";
-import { ArrowDownRight as o, ArrowUpRight as s, DollarSign as c, PieChart as l, Plus as u, Target as d, TrendingUp as f } from "lucide-react";
-import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Badge as g, Button as _, Card as v, CardContent as y, CardDescription as b, CardHeader as x, CardTitle as S, Table as C, TableBody as w, TableCell as T, TableHead as E, TableHeader as D, TableRow as O, Tabs as k, TabsContent as A, TabsList as j, TabsTrigger as M } from "@burdenoff/fe-libs/ui";
+import { useCreateModelPortfolio as t, useModelPortfolio as n, useModelPortfolios 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, formatDate as u, statusBadgeVariant as d } from "./_shared.js";
+import { useMemo as f, useState as p } from "react";
+import { PieChart as m, Plus as h, Trash2 as ee, X as g } from "lucide-react";
+import { useI18n as te } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as ne, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Badge as y, Button as b, Card as re, CardContent as ie, CardDescription as ae, CardHeader as oe, CardTitle as se, Dialog as ce, DialogContent as le, DialogDescription as ue, DialogFooter as x, DialogHeader as S, DialogTitle as C, Input as w, Label as T, Select as E, SelectContent as D, SelectItem as O, SelectTrigger as k, SelectValue as A, Textarea as de } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/InvestmentsPage.tsx
-var N = [
-	{
-		id: "t1",
-		date: "2026-05-28",
-		symbol: "AAPL",
-		type: "BUY",
-		qty: 25,
-		price: 189.4,
-		status: "Executed"
-	},
-	{
-		id: "t2",
-		date: "2026-05-22",
-		symbol: "VTI",
-		type: "BUY",
-		qty: 50,
-		price: 228.1,
-		status: "Executed"
-	},
-	{
-		id: "t3",
-		date: "2026-05-15",
-		symbol: "HDFC",
-		type: "SELL",
-		qty: 30,
-		price: 1620.5,
-		status: "Executed"
-	}
-], P = [
-	{
-		sector: "Technology",
-		value: 142760,
-		pct: 47.8
-	},
-	{
-		sector: "Index / ETF",
-		value: 113400,
-		pct: 38
-	},
-	{
-		sector: "Financial",
-		value: 42900,
-		pct: 14.2
-	}
+var fe = [
+	"CONSERVATIVE",
+	"MODERATE",
+	"BALANCED",
+	"GROWTH",
+	"AGGRESSIVE"
+], pe = [
+	"EQUITY",
+	"FIXED_INCOME",
+	"CASH",
+	"REAL_ESTATE",
+	"COMMODITY",
+	"CRYPTO",
+	"ALTERNATIVE"
 ];
-function F() {
-	let { t: F } = p(), [I, L] = a("overview"), { holdings: R, portfolios: z } = t(), B = (t, n, r) => e(F, t, n, r), V = R.reduce((e, t) => e + t.marketValue, 0), H = z.reduce((e, t) => e + t.value, 0);
-	return /* @__PURE__ */ h(r, {
-		title: B("brainyrich.investments.title", "Investment Portfolio"),
-		description: B("brainyrich.investments.description", "Track, trade, and optimize your investment positions"),
-		actionLabel: B("brainyrich.investments.actions.newTrade", "New Trade"),
-		badges: [B("brainyrich.investments.badges.holdingsCount", "{count} Holdings", { count: R.length })],
-		children: [/* @__PURE__ */ m(n, { items: [
-			{
-				label: B("brainyrich.investments.metrics.totalInvested", "Total Invested"),
-				value: i(V),
-				trend: B("brainyrich.investments.metrics.totalInvestedTrend", "Across all accounts")
-			},
-			{
-				label: B("brainyrich.investments.metrics.dayChange", "Day Change"),
-				value: "+$2,410",
-				trend: "+0.81%"
-			},
-			{
-				label: B("brainyrich.investments.metrics.holdingsCount", "Holdings Count"),
-				value: String(R.length)
+function j(e) {
+	return e.toLowerCase().split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
+}
+var M = [
+	"accent",
+	"default",
+	"positive",
+	"warning",
+	"negative"
+], N = () => ({
+	assetClass: "EQUITY",
+	targetPct: ""
+});
+function P() {
+	let { t: n } = te(), u = (t, r, i) => e(n, t, r, i), { data: g, isLoading: P, isError: F, refetch: he } = r(), I = t(), [ge, L] = p(!1), [_e, R] = p(null), [z, B] = p(""), [V, H] = p("BALANCED"), [U, W] = p("USD"), [G, K] = p(""), [q, J] = p([N()]), [Y, X] = p(null), Z = () => {
+		B(""), H("BALANCED"), W("USD"), K(""), J([N()]), X(null);
+	}, Q = f(() => q.reduce((e, t) => e + (Number.isFinite(parseFloat(t.targetPct)) ? parseFloat(t.targetPct) : 0), 0), [q]), ve = (e, t) => {
+		J((n) => n.map((n, r) => r === e ? {
+			...n,
+			...t
+		} : n));
+	}, ye = () => J((e) => [...e, N()]), be = (e) => J((t) => t.length > 1 ? t.filter((t, n) => n !== e) : t), xe = () => {
+		X(null);
+		let e = z.trim();
+		if (!e) {
+			X(u("brainyrich.investments.form.errorName", "A model name is required."));
+			return;
+		}
+		let t = [];
+		for (let e of q) {
+			let n = parseFloat(e.targetPct);
+			if (!e.targetPct.trim() || !Number.isFinite(n)) {
+				X(u("brainyrich.investments.form.errorPct", "Every allocation row needs a numeric target %."));
+				return;
+			}
+			if (n < 0) {
+				X(u("brainyrich.investments.form.errorNegative", "Target % cannot be negative."));
+				return;
+			}
+			t.push({
+				assetClass: e.assetClass,
+				targetPct: n
+			});
+		}
+		if (Math.abs(Q - 100) > .5) {
+			X(u("brainyrich.investments.form.errorSum", "Allocation targets must sum to ~100% (currently {sum}%).", { sum: Q.toFixed(1) }));
+			return;
+		}
+		I.mutate({
+			name: e,
+			riskProfile: V,
+			baseCurrency: U.trim() || "USD",
+			description: G.trim() ? G.trim() : null,
+			allocations: t
+		}, {
+			onSuccess: () => {
+				L(!1), Z();
 			},
-			{
-				label: B("brainyrich.investments.metrics.totalGainLoss", "Total Gain/Loss"),
-				value: "+$45,230",
-				trend: B("brainyrich.investments.metrics.totalGainLossTrend", "+10.2% all-time")
+			onError: (e) => {
+				X(e instanceof Error ? e.message : u("brainyrich.investments.form.errorGeneric", "Could not create the model."));
 			}
-		] }), /* @__PURE__ */ h(k, {
-			value: I,
-			onValueChange: L,
-			className: "space-y-4",
-			children: [
-				/* @__PURE__ */ h(j, {
-					className: "grid w-full grid-cols-4",
-					children: [
-						/* @__PURE__ */ m(M, {
-							value: "overview",
-							children: B("brainyrich.investments.tabs.overview", "Overview")
-						}),
-						/* @__PURE__ */ m(M, {
-							value: "holdings",
-							children: B("brainyrich.investments.tabs.holdings", "Holdings")
-						}),
-						/* @__PURE__ */ m(M, {
-							value: "sectors",
-							children: B("brainyrich.investments.tabs.sectors", "Sector Analysis")
-						}),
-						/* @__PURE__ */ m(M, {
-							value: "history",
-							children: B("brainyrich.investments.tabs.history", "Trade History")
-						})
-					]
+		});
+	}, Se = u("brainyrich.investments.title", "Model Portfolios"), Ce = u("brainyrich.investments.description", "Reusable target allocations you can benchmark and drive rebalancing against"), we = g.filter((e) => e.isActive).length, Te = new Set(g.map((e) => e.riskProfile)).size, Ee = new Set(g.flatMap((e) => e.allocations.map((e) => e.assetClass))).size, De = [
+		{
+			label: u("brainyrich.investments.kpi.total", "Model portfolios"),
+			value: String(g.length)
+		},
+		{
+			label: u("brainyrich.investments.kpi.active", "Active"),
+			value: String(we)
+		},
+		{
+			label: u("brainyrich.investments.kpi.risk", "Risk profiles"),
+			value: String(Te)
+		},
+		{
+			label: u("brainyrich.investments.kpi.classes", "Asset classes"),
+			value: String(Ee)
+		}
+	], $ = u("brainyrich.investments.actions.newModel", "New model");
+	return /* @__PURE__ */ v(ne, { children: [
+		/* @__PURE__ */ v(l, {
+			title: Se,
+			description: Ce,
+			actionLabel: $,
+			onAction: () => L(!0),
+			badges: !P && !F ? [u("brainyrich.investments.badges.count", "{count} models", { count: g.length })] : [],
+			children: [!P && !F && g.length > 0 ? /* @__PURE__ */ _(s, { items: De }) : null, P ? /* @__PURE__ */ _(c, { rows: 4 }) : F ? /* @__PURE__ */ _(o, {
+				title: u("brainyrich.investments.error.title", "Could not load model portfolios"),
+				onRetry: () => he()
+			}) : g.length === 0 ? /* @__PURE__ */ _(a, {
+				icon: /* @__PURE__ */ _(m, {
+					className: "size-6",
+					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ h(A, {
-					value: "overview",
-					className: "space-y-4",
-					children: [/* @__PURE__ */ m("div", {
-						className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
-						children: [
-							{
-								icon: c,
-								label: B("brainyrich.investments.overview.totalValue", "Total Value"),
-								val: i(H),
-								color: "bg-blue-100 text-blue-600"
-							},
-							{
-								icon: f,
-								label: B("brainyrich.investments.overview.todaysChange", "Today's Change"),
-								val: "+$2,410",
-								color: "bg-emerald-100 text-emerald-600"
-							},
-							{
-								icon: l,
-								label: B("brainyrich.investments.overview.holdings", "Holdings"),
-								val: String(R.length),
-								color: "bg-purple-100 text-purple-600"
-							},
-							{
-								icon: d,
-								label: B("brainyrich.investments.overview.performance", "Performance"),
-								val: "+10.2%",
-								color: "bg-orange-100 text-orange-600"
-							}
-						].map((e) => /* @__PURE__ */ m(v, { children: /* @__PURE__ */ h(y, {
-							className: "flex items-center gap-4 p-4",
-							children: [/* @__PURE__ */ m("div", {
-								className: `rounded-lg p-2 ${e.color}`,
-								children: /* @__PURE__ */ m(e.icon, { className: "h-5 w-5" })
-							}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
-								className: "text-xs text-muted-foreground",
-								children: e.label
-							}), /* @__PURE__ */ m("p", {
-								className: "text-xl font-bold",
-								children: e.val
-							})] })]
-						}) }, e.label))
-					}), /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(x, {
-						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m(S, { children: B("brainyrich.investments.sections.topHoldings", "Top Holdings") }), /* @__PURE__ */ m(b, { children: B("brainyrich.investments.sections.topHoldingsDescription", "Largest positions by market value") })] }), /* @__PURE__ */ m(_, {
-							variant: "outline",
-							size: "sm",
-							onClick: () => L("holdings"),
-							children: B("brainyrich.investments.actions.viewAll", "View All")
-						})]
-					}), /* @__PURE__ */ m(y, {
-						className: "space-y-3",
-						children: R.map((e) => /* @__PURE__ */ h("div", {
-							className: "flex items-center justify-between rounded-lg border p-3",
-							children: [/* @__PURE__ */ h("div", {
-								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ m("div", {
-									className: "flex h-10 w-10 items-center justify-center rounded-lg bg-blue-100 text-xs font-bold text-blue-600",
-									children: e.symbol.slice(0, 2)
-								}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
-									className: "font-medium text-sm",
-									children: e.symbol
-								}), /* @__PURE__ */ m("p", {
-									className: "text-xs text-muted-foreground",
-									children: e.name
-								})] })]
-							}), /* @__PURE__ */ h("div", {
-								className: "text-right",
-								children: [/* @__PURE__ */ m("p", {
-									className: "text-sm font-medium",
-									children: i(e.marketValue)
-								}), /* @__PURE__ */ h("p", {
-									className: `text-xs flex items-center justify-end gap-0.5 ${e.changePct >= 0 ? "text-emerald-600" : "text-red-600"}`,
-									children: [
-										e.changePct >= 0 ? /* @__PURE__ */ m(s, { className: "h-3 w-3" }) : /* @__PURE__ */ m(o, { className: "h-3 w-3" }),
-										e.changePct >= 0 ? "+" : "",
-										e.changePct,
-										"%"
-									]
-								})]
+				title: u("brainyrich.investments.empty.title", "No model portfolios yet"),
+				description: u("brainyrich.investments.empty.description", "Create a target allocation model to benchmark portfolios and drive rebalancing."),
+				action: /* @__PURE__ */ v(b, {
+					size: "sm",
+					onClick: () => L(!0),
+					children: [/* @__PURE__ */ _(h, {
+						className: "mr-1 size-4",
+						"aria-hidden": "true"
+					}), $]
+				})
+			}) : /* @__PURE__ */ _("div", {
+				className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3",
+				children: g.map((e) => {
+					let t = e.allocations.map((e, t) => ({
+						label: j(e.assetClass),
+						value: e.targetPct,
+						tone: M[t % M.length]
+					}));
+					return /* @__PURE__ */ v(re, {
+						className: "flex flex-col",
+						children: [/* @__PURE__ */ v(oe, {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ v("div", {
+									className: "flex items-start justify-between gap-2",
+									children: [/* @__PURE__ */ _(se, {
+										className: "text-base text-text-primary",
+										children: e.name
+									}), /* @__PURE__ */ _(y, {
+										variant: e.isActive ? d("ACTIVE") : "secondary",
+										children: e.isActive ? u("brainyrich.investments.badge.active", "Active") : u("brainyrich.investments.badge.inactive", "Inactive")
+									})]
+								}),
+								/* @__PURE__ */ v("div", {
+									className: "flex flex-wrap items-center gap-2",
+									children: [/* @__PURE__ */ _(y, {
+										variant: "outline",
+										children: j(e.riskProfile)
+									}), /* @__PURE__ */ _(y, {
+										variant: "outline",
+										children: e.baseCurrency
+									})]
+								}),
+								e.description ? /* @__PURE__ */ _(ae, {
+									className: "text-text-secondary",
+									children: e.description
+								}) : null
+							]
+						}), /* @__PURE__ */ v(ie, {
+							className: "mt-auto space-y-4",
+							children: [t.length > 0 ? /* @__PURE__ */ _(i, { data: t }) : /* @__PURE__ */ _("p", {
+								className: "text-sm text-text-secondary",
+								children: u("brainyrich.investments.card.noAllocations", "No target allocations set.")
+							}), /* @__PURE__ */ _(b, {
+								variant: "outline",
+								size: "sm",
+								className: "w-full",
+								onClick: () => R(e.id),
+								children: u("brainyrich.investments.actions.viewDetails", "View details")
 							})]
-						}, e.symbol))
-					})] })]
-				}),
-				/* @__PURE__ */ m(A, {
-					value: "holdings",
-					children: /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(x, {
-						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ m(S, { children: B("brainyrich.investments.sections.allHoldings", "All Holdings") }), /* @__PURE__ */ h(_, {
-							size: "sm",
-							children: [/* @__PURE__ */ m(u, { className: "mr-1 h-4 w-4" }), B("brainyrich.investments.actions.addPosition", "Add Position")]
 						})]
-					}), /* @__PURE__ */ m(y, { children: /* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(D, { children: /* @__PURE__ */ h(O, { children: [
-						/* @__PURE__ */ m(E, { children: B("brainyrich.investments.table.symbol", "Symbol") }),
-						/* @__PURE__ */ m(E, { children: B("brainyrich.investments.table.name", "Name") }),
-						/* @__PURE__ */ m(E, { children: B("brainyrich.investments.table.sector", "Sector") }),
-						/* @__PURE__ */ m(E, {
-							className: "text-right",
-							children: B("brainyrich.investments.table.marketValue", "Market Value")
-						}),
-						/* @__PURE__ */ m(E, {
-							className: "text-right",
-							children: B("brainyrich.investments.table.changePct", "Change %")
-						}),
-						/* @__PURE__ */ m(E, {
-							className: "text-right",
-							children: B("brainyrich.investments.table.allocation", "Allocation")
-						})
-					] }) }), /* @__PURE__ */ m(w, { children: R.map((e) => /* @__PURE__ */ h(O, { children: [
-						/* @__PURE__ */ m(T, {
-							className: "font-semibold",
-							children: e.symbol
-						}),
-						/* @__PURE__ */ m(T, { children: e.name }),
-						/* @__PURE__ */ m(T, { children: /* @__PURE__ */ m(g, {
-							variant: "outline",
-							children: e.sector
-						}) }),
-						/* @__PURE__ */ m(T, {
-							className: "text-right",
-							children: i(e.marketValue)
-						}),
-						/* @__PURE__ */ h(T, {
-							className: `text-right ${e.changePct >= 0 ? "text-emerald-600" : "text-red-600"}`,
+					}, e.id);
+				})
+			})]
+		}),
+		/* @__PURE__ */ _(ce, {
+			open: ge,
+			onOpenChange: (e) => {
+				L(e), e || Z();
+			},
+			children: /* @__PURE__ */ v(le, {
+				className: "max-h-[90vh] overflow-y-auto sm:max-w-lg",
+				children: [
+					/* @__PURE__ */ v(S, { children: [/* @__PURE__ */ _(C, { children: $ }), /* @__PURE__ */ _(ue, { children: u("brainyrich.investments.form.subtitle", "Define a target allocation. Targets should sum to about 100%.") })] }),
+					/* @__PURE__ */ v("div", {
+						className: "space-y-4 py-2",
+						children: [
+							/* @__PURE__ */ v("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ _(T, {
+									htmlFor: "bra-model-name",
+									children: u("brainyrich.investments.form.name", "Name")
+								}), /* @__PURE__ */ _(w, {
+									id: "bra-model-name",
+									value: z,
+									onChange: (e) => B(e.target.value),
+									placeholder: u("brainyrich.investments.form.namePlaceholder", "Balanced Growth 60/40")
+								})]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "grid gap-4 sm:grid-cols-2",
+								children: [/* @__PURE__ */ v("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ _(T, {
+										htmlFor: "bra-model-risk",
+										children: u("brainyrich.investments.form.risk", "Risk profile")
+									}), /* @__PURE__ */ v(E, {
+										value: V,
+										onValueChange: (e) => H(e),
+										children: [/* @__PURE__ */ _(k, {
+											id: "bra-model-risk",
+											children: /* @__PURE__ */ _(A, {})
+										}), /* @__PURE__ */ _(D, { children: fe.map((e) => /* @__PURE__ */ _(O, {
+											value: e,
+											children: j(e)
+										}, e)) })]
+									})]
+								}), /* @__PURE__ */ v("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ _(T, {
+										htmlFor: "bra-model-currency",
+										children: u("brainyrich.investments.form.currency", "Base currency")
+									}), /* @__PURE__ */ _(w, {
+										id: "bra-model-currency",
+										value: U,
+										onChange: (e) => W(e.target.value.toUpperCase().slice(0, 3)),
+										placeholder: "USD"
+									})]
+								})]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ _(T, {
+									htmlFor: "bra-model-desc",
+									children: u("brainyrich.investments.form.description", "Description")
+								}), /* @__PURE__ */ _(de, {
+									id: "bra-model-desc",
+									value: G,
+									onChange: (e) => K(e.target.value),
+									rows: 2,
+									placeholder: u("brainyrich.investments.form.descriptionPlaceholder", "Who this model is for and how it is used")
+								})]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "space-y-2",
+								children: [
+									/* @__PURE__ */ v("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ _(T, { children: u("brainyrich.investments.form.allocations", "Target allocations") }), /* @__PURE__ */ _("span", {
+											className: Math.abs(Q - 100) <= .5 ? "text-xs font-medium text-status-success-text" : "text-xs font-medium text-status-warning-text",
+											children: u("brainyrich.investments.form.sum", "Sum: {sum}%", { sum: Q.toFixed(1) })
+										})]
+									}),
+									/* @__PURE__ */ _("div", {
+										className: "space-y-2",
+										children: q.map((e, t) => /* @__PURE__ */ v("div", {
+											className: "flex items-center gap-2",
+											children: [
+												/* @__PURE__ */ v(E, {
+													value: e.assetClass,
+													onValueChange: (e) => ve(t, { assetClass: e }),
+													children: [/* @__PURE__ */ _(k, {
+														className: "flex-1",
+														children: /* @__PURE__ */ _(A, {})
+													}), /* @__PURE__ */ _(D, { children: pe.map((e) => /* @__PURE__ */ _(O, {
+														value: e,
+														children: j(e)
+													}, e)) })]
+												}),
+												/* @__PURE__ */ _(w, {
+													type: "number",
+													inputMode: "decimal",
+													min: 0,
+													max: 100,
+													step: "0.1",
+													className: "w-24",
+													value: e.targetPct,
+													onChange: (e) => ve(t, { targetPct: e.target.value }),
+													placeholder: "%",
+													"aria-label": u("brainyrich.investments.form.targetPct", "Target percent")
+												}),
+												/* @__PURE__ */ _(b, {
+													type: "button",
+													variant: "ghost",
+													size: "icon",
+													onClick: () => be(t),
+													disabled: q.length <= 1,
+													"aria-label": u("brainyrich.investments.form.removeRow", "Remove allocation row"),
+													children: /* @__PURE__ */ _(ee, {
+														className: "size-4",
+														"aria-hidden": "true"
+													})
+												})
+											]
+										}, t))
+									}),
+									/* @__PURE__ */ v(b, {
+										type: "button",
+										variant: "outline",
+										size: "sm",
+										onClick: ye,
+										children: [/* @__PURE__ */ _(h, {
+											className: "mr-1 size-4",
+											"aria-hidden": "true"
+										}), u("brainyrich.investments.form.addRow", "Add asset class")]
+									})
+								]
+							}),
+							Y ? /* @__PURE__ */ _("p", {
+								className: "text-sm text-status-error-text",
+								role: "alert",
+								children: Y
+							}) : null
+						]
+					}),
+					/* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(b, {
+						variant: "outline",
+						onClick: () => {
+							L(!1), Z();
+						},
+						disabled: I.isPending,
+						children: u("brainyrich.investments.form.cancel", "Cancel")
+					}), /* @__PURE__ */ _(b, {
+						onClick: xe,
+						disabled: I.isPending,
+						children: I.isPending ? u("brainyrich.investments.form.saving", "Creating…") : u("brainyrich.investments.form.create", "Create model")
+					})] })
+				]
+			})
+		}),
+		/* @__PURE__ */ _(me, {
+			id: _e,
+			onClose: () => R(null),
+			translate: u
+		})
+	] });
+}
+function me({ id: e, onClose: t, translate: r }) {
+	let { data: s, isLoading: l, isError: f, refetch: p } = n(e ?? void 0), m = (s?.allocations ?? []).map((e, t) => ({
+		label: j(e.assetClass),
+		value: e.targetPct,
+		tone: M[t % M.length]
+	}));
+	return /* @__PURE__ */ _(ce, {
+		open: !!e,
+		onOpenChange: (e) => e ? void 0 : t(),
+		children: /* @__PURE__ */ v(le, {
+			className: "max-h-[90vh] overflow-y-auto sm:max-w-lg",
+			children: [
+				/* @__PURE__ */ v(S, { children: [/* @__PURE__ */ _(C, {
+					className: "flex items-center justify-between gap-2 pr-6",
+					children: s?.name ?? r("brainyrich.investments.detail.title", "Model portfolio")
+				}), s?.description ? /* @__PURE__ */ _(ue, { children: s.description }) : null] }),
+				l ? /* @__PURE__ */ _(c, { rows: 3 }) : f ? /* @__PURE__ */ _(o, {
+					title: r("brainyrich.investments.detail.error", "Could not load this model"),
+					onRetry: () => p()
+				}) : s ? /* @__PURE__ */ v("div", {
+					className: "space-y-5 py-1",
+					children: [
+						/* @__PURE__ */ v("div", {
+							className: "flex flex-wrap items-center gap-2",
 							children: [
-								e.changePct >= 0 ? "+" : "",
-								e.changePct,
-								"%"
+								/* @__PURE__ */ _(y, {
+									variant: s.isActive ? d("ACTIVE") : "secondary",
+									children: s.isActive ? r("brainyrich.investments.badge.active", "Active") : r("brainyrich.investments.badge.inactive", "Inactive")
+								}),
+								/* @__PURE__ */ _(y, {
+									variant: "outline",
+									children: j(s.riskProfile)
+								}),
+								/* @__PURE__ */ _(y, {
+									variant: "outline",
+									children: s.baseCurrency
+								})
 							]
 						}),
-						/* @__PURE__ */ h(T, {
-							className: "text-right",
-							children: [(e.marketValue / V * 100).toFixed(1), "%"]
+						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+							className: "mb-2 text-sm font-medium text-text-primary",
+							children: r("brainyrich.investments.detail.allocations", "Target allocations")
+						}), m.length > 0 ? /* @__PURE__ */ _(i, { data: m }) : /* @__PURE__ */ _("p", {
+							className: "text-sm text-text-secondary",
+							children: r("brainyrich.investments.card.noAllocations", "No target allocations set.")
+						})] }),
+						/* @__PURE__ */ v("dl", {
+							className: "grid grid-cols-2 gap-4 border-t border-border-subtle pt-4 text-sm",
+							children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+								className: "text-text-secondary",
+								children: r("brainyrich.investments.detail.created", "Created")
+							}), /* @__PURE__ */ _("dd", {
+								className: "text-text-primary",
+								children: u(s.createdAt)
+							})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+								className: "text-text-secondary",
+								children: r("brainyrich.investments.detail.updated", "Updated")
+							}), /* @__PURE__ */ _("dd", {
+								className: "text-text-primary",
+								children: u(s.updatedAt)
+							})] })]
 						})
-					] }, e.symbol)) })] }) })] })
-				}),
-				/* @__PURE__ */ m(A, {
-					value: "sectors",
-					className: "space-y-4",
-					children: /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(x, { children: [/* @__PURE__ */ m(S, { children: B("brainyrich.investments.sections.sectorAllocation", "Sector Allocation") }), /* @__PURE__ */ m(b, { children: B("brainyrich.investments.sections.sectorAllocationDescription", "How your investments are distributed across sectors") })] }), /* @__PURE__ */ m(y, {
-						className: "space-y-4",
-						children: P.map((e) => /* @__PURE__ */ h("div", {
-							className: "space-y-1",
-							children: [/* @__PURE__ */ h("div", {
-								className: "flex items-center justify-between text-sm",
-								children: [/* @__PURE__ */ m("span", {
-									className: "font-medium",
-									children: e.sector
-								}), /* @__PURE__ */ h("span", { children: [
-									i(e.value),
-									" (",
-									e.pct,
-									"%)"
-								] })]
-							}), /* @__PURE__ */ m("div", {
-								className: "h-3 rounded bg-muted overflow-hidden",
-								children: /* @__PURE__ */ m("div", {
-									className: "h-3 rounded bg-primary",
-									style: { width: `${e.pct}%` }
-								})
-							})]
-						}, e.sector))
-					})] })
+					]
+				}) : /* @__PURE__ */ _(a, {
+					icon: /* @__PURE__ */ _(g, {
+						className: "size-6",
+						"aria-hidden": "true"
+					}),
+					title: r("brainyrich.investments.detail.notFound", "Model not found")
 				}),
-				/* @__PURE__ */ m(A, {
-					value: "history",
-					children: /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(x, { children: [/* @__PURE__ */ m(S, { children: B("brainyrich.investments.sections.tradeHistory", "Trade History") }), /* @__PURE__ */ m(b, { children: B("brainyrich.investments.sections.tradeHistoryDescription", "Your recent trading activity") })] }), /* @__PURE__ */ m(y, { children: /* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(D, { children: /* @__PURE__ */ h(O, { children: [
-						/* @__PURE__ */ m(E, { children: B("brainyrich.investments.history.date", "Date") }),
-						/* @__PURE__ */ m(E, { children: B("brainyrich.investments.history.symbol", "Symbol") }),
-						/* @__PURE__ */ m(E, { children: B("brainyrich.investments.history.type", "Type") }),
-						/* @__PURE__ */ m(E, {
-							className: "text-right",
-							children: B("brainyrich.investments.history.qty", "Qty")
-						}),
-						/* @__PURE__ */ m(E, {
-							className: "text-right",
-							children: B("brainyrich.investments.history.price", "Price")
-						}),
-						/* @__PURE__ */ m(E, {
-							className: "text-right",
-							children: B("brainyrich.investments.history.total", "Total")
-						}),
-						/* @__PURE__ */ m(E, { children: B("brainyrich.investments.history.status", "Status") })
-					] }) }), /* @__PURE__ */ m(w, { children: N.map((e) => /* @__PURE__ */ h(O, { children: [
-						/* @__PURE__ */ m(T, {
-							className: "text-sm",
-							children: e.date
-						}),
-						/* @__PURE__ */ m(T, {
-							className: "font-semibold",
-							children: e.symbol
-						}),
-						/* @__PURE__ */ m(T, { children: /* @__PURE__ */ m(g, {
-							variant: e.type === "BUY" ? "default" : "destructive",
-							children: e.type
-						}) }),
-						/* @__PURE__ */ m(T, {
-							className: "text-right",
-							children: e.qty
-						}),
-						/* @__PURE__ */ h(T, {
-							className: "text-right",
-							children: ["$", e.price.toLocaleString()]
-						}),
-						/* @__PURE__ */ m(T, {
-							className: "text-right",
-							children: i(e.qty * e.price)
-						}),
-						/* @__PURE__ */ m(T, { children: /* @__PURE__ */ m(g, {
-							variant: "secondary",
-							children: e.status
-						}) })
-					] }, e.id)) })] }) })] })
-				})
+				/* @__PURE__ */ _(x, { children: /* @__PURE__ */ _(b, {
+					variant: "outline",
+					onClick: t,
+					children: r("brainyrich.investments.detail.close", "Close")
+				}) })
 			]
-		})]
+		})
 	});
 }
 //#endregion
-export { F as InvestmentsPage };
+export { P as InvestmentsPage };
 
 //# sourceMappingURL=InvestmentsPage.js.map