@burdenoff/microfe-brainyrich 2026.706.1 → 2026.706.2

package/dist/brainyrich/pages/InvestmentsPage.js

@@ -1,19 +1,21 @@
 import { tWithFallback as e } from "../utils/i18n.js";
 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";
+import { DonutChart as i, FadeIn as a, GlassCard as o, ProgressRing as ee, StatTile as s } from "../components/viz.js";
+import "../components/index.js";
+import { AllocationBars as c, EmptyState as te, ErrorState as ne, LoadingState as l, SectionShell as u, formatDate as d, formatPct as f, statusBadgeVariant as re } from "./_shared.js";
+import { useMemo as p, useState as m } from "react";
+import { CheckCircle2 as h, Gauge as g, Layers as ie, PieChart as _, Plus as v, ShieldCheck as ae, Trash2 as oe, X as y } from "lucide-react";
+import { useI18n as se } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as ce, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Badge as S, Button as C, Card as le, CardContent as ue, CardDescription as de, CardHeader as fe, CardTitle as pe, Dialog as w, DialogContent as T, DialogDescription as E, DialogFooter as D, DialogHeader as O, DialogTitle as k, Input as A, Label as j, Select as M, SelectContent as N, SelectItem as P, SelectTrigger as F, SelectValue as I, Textarea as me } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/InvestmentsPage.tsx
-var fe = [
+var he = [
 	"CONSERVATIVE",
 	"MODERATE",
 	"BALANCED",
 	"GROWTH",
 	"AGGRESSIVE"
-], pe = [
+], ge = [
 	"EQUITY",
 	"FIXED_INCOME",
 	"CASH",
@@ -22,43 +24,72 @@ var fe = [
 	"CRYPTO",
 	"ALTERNATIVE"
 ];
-function j(e) {
+function L(e) {
 	return e.toLowerCase().split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
 }
-var M = [
+var R = [
 	"accent",
 	"default",
 	"positive",
 	"warning",
 	"negative"
-], N = () => ({
+], z = {
+	EQUITY: "brand",
+	FIXED_INCOME: "blue",
+	CASH: "teal",
+	REAL_ESTATE: "purple",
+	COMMODITY: "warning",
+	CRYPTO: "indigo",
+	ALTERNATIVE: "info"
+};
+function B(e) {
+	return e.filter((e) => Number.isFinite(e.targetPct) && e.targetPct > 0).map((e) => ({
+		label: L(e.assetClass),
+		value: e.targetPct,
+		tone: z[e.assetClass]
+	}));
+}
+function _e(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) for (let e of n.allocations) !Number.isFinite(e.targetPct) || e.targetPct <= 0 || t.set(e.assetClass, (t.get(e.assetClass) ?? 0) + e.targetPct);
+	let n = Array.from(t.values()).reduce((e, t) => e + t, 0);
+	return n <= 0 ? [] : Array.from(t.entries()).map(([e, t]) => ({
+		label: L(e),
+		value: t / n * 100,
+		tone: z[e]
+	})).sort((e, t) => t.value - e.value);
+}
+var V = () => ({
 	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 ? {
+function H() {
+	let { t: n } = se(), c = (t, r, i) => e(n, t, r, i), { data: d, isLoading: y, isError: R, refetch: z } = r(), H = t(), [ye, U] = m(!1), [be, xe] = m(null), [W, Se] = m(""), [Ce, we] = m("BALANCED"), [Te, Ee] = m("USD"), [G, De] = m(""), [K, q] = m([V()]), [Oe, J] = m(null), Y = () => {
+		Se(""), we("BALANCED"), Ee("USD"), De(""), q([V()]), J(null);
+	}, X = p(() => K.reduce((e, t) => e + (Number.isFinite(parseFloat(t.targetPct)) ? parseFloat(t.targetPct) : 0), 0), [K]), ke = p(() => B(K.map((e) => ({
+		assetClass: e.assetClass,
+		targetPct: parseFloat(e.targetPct)
+	}))), [K]), Z = Math.abs(X - 100) <= .5, Ae = (e, t) => {
+		q((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();
+	}, je = () => q((e) => [...e, V()]), Me = (e) => q((t) => t.length > 1 ? t.filter((t, n) => n !== e) : t), Ne = () => {
+		J(null);
+		let e = W.trim();
 		if (!e) {
-			X(u("brainyrich.investments.form.errorName", "A model name is required."));
+			J(c("brainyrich.investments.form.errorName", "A model name is required."));
 			return;
 		}
 		let t = [];
-		for (let e of q) {
+		for (let e of K) {
 			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 %."));
+				J(c("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."));
+				J(c("brainyrich.investments.form.errorNegative", "Target % cannot be negative."));
 				return;
 			}
 			t.push({
@@ -66,217 +97,318 @@ function P() {
 				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) }));
+		if (Math.abs(X - 100) > .5) {
+			J(c("brainyrich.investments.form.errorSum", "Allocation targets must sum to ~100% (currently {sum}%).", { sum: X.toFixed(1) }));
 			return;
 		}
-		I.mutate({
+		H.mutate({
 			name: e,
-			riskProfile: V,
-			baseCurrency: U.trim() || "USD",
+			riskProfile: Ce,
+			baseCurrency: Te.trim() || "USD",
 			description: G.trim() ? G.trim() : null,
 			allocations: t
 		}, {
 			onSuccess: () => {
-				L(!1), Z();
+				U(!1), Y();
 			},
 			onError: (e) => {
-				X(e instanceof Error ? e.message : u("brainyrich.investments.form.errorGeneric", "Could not create the model."));
+				J(e instanceof Error ? e.message : c("brainyrich.investments.form.errorGeneric", "Could not create the model."));
 			}
 		});
-	}, 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 = [
+	}, Pe = c("brainyrich.investments.title", "Model Portfolios"), Fe = c("brainyrich.investments.description", "Reusable target allocations you can benchmark and drive rebalancing against"), Q = d.filter((e) => e.isActive), Ie = Q.length, Le = new Set(d.map((e) => e.riskProfile)).size, Re = new Set(d.flatMap((e) => e.allocations.map((e) => e.assetClass))).size, ze = Q.length > 0 ? Q : d, Be = p(() => _e(ze), [ze]), Ve = [
 		{
-			label: u("brainyrich.investments.kpi.total", "Model portfolios"),
-			value: String(g.length)
+			label: c("brainyrich.investments.kpi.total", "Model portfolios"),
+			value: String(d.length),
+			icon: /* @__PURE__ */ b(ie, {
+				className: "size-4",
+				"aria-hidden": "true"
+			}),
+			glow: !0
 		},
 		{
-			label: u("brainyrich.investments.kpi.active", "Active"),
-			value: String(we)
+			label: c("brainyrich.investments.kpi.active", "Active"),
+			value: String(Ie),
+			icon: /* @__PURE__ */ b(h, {
+				className: "size-4",
+				"aria-hidden": "true"
+			}),
+			glow: !1
 		},
 		{
-			label: u("brainyrich.investments.kpi.risk", "Risk profiles"),
-			value: String(Te)
+			label: c("brainyrich.investments.kpi.risk", "Risk profiles"),
+			value: String(Le),
+			icon: /* @__PURE__ */ b(g, {
+				className: "size-4",
+				"aria-hidden": "true"
+			}),
+			glow: !1
 		},
 		{
-			label: u("brainyrich.investments.kpi.classes", "Asset classes"),
-			value: String(Ee)
+			label: c("brainyrich.investments.kpi.classes", "Asset classes"),
+			value: String(Re),
+			icon: /* @__PURE__ */ b(_, {
+				className: "size-4",
+				"aria-hidden": "true"
+			}),
+			glow: !1
 		}
-	], $ = u("brainyrich.investments.actions.newModel", "New model");
-	return /* @__PURE__ */ v(ne, { children: [
-		/* @__PURE__ */ v(l, {
-			title: Se,
-			description: Ce,
+	], $ = c("brainyrich.investments.actions.newModel", "New model");
+	return /* @__PURE__ */ x(ce, { children: [
+		/* @__PURE__ */ x(u, {
+			title: Pe,
+			description: Fe,
 			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, {
+			onAction: () => U(!0),
+			badges: !y && !R ? [c("brainyrich.investments.badges.count", "{count} models", { count: d.length })] : [],
+			children: [!y && !R && d.length > 0 ? /* @__PURE__ */ b(a, { children: /* @__PURE__ */ b(o, {
+				glow: !0,
+				className: "p-5",
+				children: /* @__PURE__ */ x("div", {
+					className: "grid gap-6 lg:grid-cols-[minmax(0,0.85fr)_minmax(0,1.15fr)] lg:items-center",
+					children: [/* @__PURE__ */ x("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ x("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ b(ae, {
+								className: "size-4 text-status-success-text",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ b("p", {
+								className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
+								children: c("brainyrich.investments.hero.blended", "Blended target mix — active models")
+							})]
+						}), Be.length > 0 ? /* @__PURE__ */ b(i, {
+							data: Be,
+							height: 188,
+							centerValue: String(Ie || d.length),
+							centerLabel: c("brainyrich.investments.hero.models", "models"),
+							valueFormatter: (e) => f(e, 0)
+						}) : /* @__PURE__ */ b("p", {
+							className: "text-sm text-text-secondary",
+							children: c("brainyrich.investments.hero.noBlend", "Add target allocations to see the blended mix.")
+						})]
+					}), /* @__PURE__ */ b("div", {
+						className: "grid grid-cols-2 gap-3",
+						children: Ve.map((e) => /* @__PURE__ */ b(s, {
+							label: e.label,
+							value: e.value,
+							icon: e.icon,
+							glow: e.glow
+						}, e.label))
+					})]
+				})
+			}) }) : null, y ? /* @__PURE__ */ b(l, { rows: 4 }) : R ? /* @__PURE__ */ b(ne, {
+				title: c("brainyrich.investments.error.title", "Could not load model portfolios"),
+				onRetry: () => z()
+			}) : d.length === 0 ? /* @__PURE__ */ b(te, {
+				icon: /* @__PURE__ */ b(_, {
 					className: "size-6",
 					"aria-hidden": "true"
 				}),
-				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, {
+				title: c("brainyrich.investments.empty.title", "No model portfolios yet"),
+				description: c("brainyrich.investments.empty.description", "Create a target allocation model to benchmark portfolios and drive rebalancing."),
+				action: /* @__PURE__ */ x(C, {
 					size: "sm",
-					onClick: () => L(!0),
-					children: [/* @__PURE__ */ _(h, {
+					onClick: () => U(!0),
+					children: [/* @__PURE__ */ b(v, {
 						className: "mr-1 size-4",
 						"aria-hidden": "true"
 					}), $]
 				})
-			}) : /* @__PURE__ */ _("div", {
+			}) : /* @__PURE__ */ b("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, {
+				children: d.map((e, t) => {
+					let n = B(e.allocations), r = [...e.allocations].sort((e, t) => t.targetPct - e.targetPct)[0], o = e.allocations.map((e) => `${L(e.assetClass)} ${f(e.targetPct, 0)}`).join(" · ");
+					return /* @__PURE__ */ b(a, {
+						index: t,
+						className: "h-full",
+						children: /* @__PURE__ */ x(le, {
+							className: "group flex h-full flex-col overflow-hidden border-border-subtle bg-bg-surface transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]",
+							children: [/* @__PURE__ */ x(fe, {
+								className: "space-y-2",
+								children: [
+									/* @__PURE__ */ x("div", {
+										className: "flex items-start justify-between gap-2",
+										children: [/* @__PURE__ */ b(pe, {
+											className: "text-base text-text-primary",
+											children: e.name
+										}), /* @__PURE__ */ x(S, {
+											variant: e.isActive ? re("ACTIVE") : "secondary",
+											children: [/* @__PURE__ */ b("span", {
+												"aria-hidden": "true",
+												className: `mr-1 inline-block size-1.5 rounded-full ${e.isActive ? "bg-status-success-text" : "bg-text-secondary"}`
+											}), e.isActive ? c("brainyrich.investments.badge.active", "Active") : c("brainyrich.investments.badge.inactive", "Inactive")]
+										})]
+									}),
+									/* @__PURE__ */ x("div", {
+										className: "flex flex-wrap items-center gap-2",
+										children: [/* @__PURE__ */ x(S, {
+											variant: "outline",
+											className: "gap-1",
+											children: [/* @__PURE__ */ b(g, {
+												className: "size-3",
+												"aria-hidden": "true"
+											}), L(e.riskProfile)]
+										}), /* @__PURE__ */ b(S, {
+											variant: "outline",
+											children: e.baseCurrency
+										})]
+									}),
+									e.description ? /* @__PURE__ */ b(de, {
+										className: "line-clamp-2 text-text-secondary",
+										children: e.description
+									}) : null
+								]
+							}), /* @__PURE__ */ x(ue, {
+								className: "mt-auto space-y-4",
+								children: [
+									n.length > 0 ? /* @__PURE__ */ b(i, {
+										data: n,
+										height: 168,
+										centerValue: r ? f(r.targetPct, 0) : void 0,
+										centerLabel: r ? L(r.assetClass) : void 0,
+										valueFormatter: (e) => f(e, 0)
+									}) : /* @__PURE__ */ b("p", {
+										className: "text-sm text-text-secondary",
+										children: c("brainyrich.investments.card.noAllocations", "No target allocations set.")
+									}),
+									o ? /* @__PURE__ */ b("p", {
+										className: "truncate text-xs text-text-secondary",
+										title: o,
+										children: o
+									}) : null,
+									/* @__PURE__ */ b(C, {
 										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")
+										size: "sm",
+										className: "w-full",
+										onClick: () => xe(e.id),
+										children: c("brainyrich.investments.actions.viewDetails", "View details")
+									})
+								]
 							})]
-						})]
+						})
 					}, e.id);
 				})
 			})]
 		}),
-		/* @__PURE__ */ _(ce, {
-			open: ge,
+		/* @__PURE__ */ b(w, {
+			open: ye,
 			onOpenChange: (e) => {
-				L(e), e || Z();
+				U(e), e || Y();
 			},
-			children: /* @__PURE__ */ v(le, {
+			children: /* @__PURE__ */ x(T, {
 				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", {
+					/* @__PURE__ */ x(O, { children: [/* @__PURE__ */ b(k, { children: $ }), /* @__PURE__ */ b(E, { children: c("brainyrich.investments.form.subtitle", "Define a target allocation. Targets should sum to about 100%.") })] }),
+					/* @__PURE__ */ x("div", {
 						className: "space-y-4 py-2",
 						children: [
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ x("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ _(T, {
+								children: [/* @__PURE__ */ b(j, {
 									htmlFor: "bra-model-name",
-									children: u("brainyrich.investments.form.name", "Name")
-								}), /* @__PURE__ */ _(w, {
+									children: c("brainyrich.investments.form.name", "Name")
+								}), /* @__PURE__ */ b(A, {
 									id: "bra-model-name",
-									value: z,
-									onChange: (e) => B(e.target.value),
-									placeholder: u("brainyrich.investments.form.namePlaceholder", "Balanced Growth 60/40")
+									value: W,
+									onChange: (e) => Se(e.target.value),
+									placeholder: c("brainyrich.investments.form.namePlaceholder", "Balanced Growth 60/40")
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ x("div", {
 								className: "grid gap-4 sm:grid-cols-2",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ x("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ _(T, {
+									children: [/* @__PURE__ */ b(j, {
 										htmlFor: "bra-model-risk",
-										children: u("brainyrich.investments.form.risk", "Risk profile")
-									}), /* @__PURE__ */ v(E, {
-										value: V,
-										onValueChange: (e) => H(e),
-										children: [/* @__PURE__ */ _(k, {
+										children: c("brainyrich.investments.form.risk", "Risk profile")
+									}), /* @__PURE__ */ x(M, {
+										value: Ce,
+										onValueChange: (e) => we(e),
+										children: [/* @__PURE__ */ b(F, {
 											id: "bra-model-risk",
-											children: /* @__PURE__ */ _(A, {})
-										}), /* @__PURE__ */ _(D, { children: fe.map((e) => /* @__PURE__ */ _(O, {
+											children: /* @__PURE__ */ b(I, {})
+										}), /* @__PURE__ */ b(N, { children: he.map((e) => /* @__PURE__ */ b(P, {
 											value: e,
-											children: j(e)
+											children: L(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ x("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ _(T, {
+									children: [/* @__PURE__ */ b(j, {
 										htmlFor: "bra-model-currency",
-										children: u("brainyrich.investments.form.currency", "Base currency")
-									}), /* @__PURE__ */ _(w, {
+										children: c("brainyrich.investments.form.currency", "Base currency")
+									}), /* @__PURE__ */ b(A, {
 										id: "bra-model-currency",
-										value: U,
-										onChange: (e) => W(e.target.value.toUpperCase().slice(0, 3)),
+										value: Te,
+										onChange: (e) => Ee(e.target.value.toUpperCase().slice(0, 3)),
 										placeholder: "USD"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ x("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ _(T, {
+								children: [/* @__PURE__ */ b(j, {
 									htmlFor: "bra-model-desc",
-									children: u("brainyrich.investments.form.description", "Description")
-								}), /* @__PURE__ */ _(de, {
+									children: c("brainyrich.investments.form.description", "Description")
+								}), /* @__PURE__ */ b(me, {
 									id: "bra-model-desc",
 									value: G,
-									onChange: (e) => K(e.target.value),
+									onChange: (e) => De(e.target.value),
 									rows: 2,
-									placeholder: u("brainyrich.investments.form.descriptionPlaceholder", "Who this model is for and how it is used")
+									placeholder: c("brainyrich.investments.form.descriptionPlaceholder", "Who this model is for and how it is used")
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ x("div", {
 								className: "space-y-2",
 								children: [
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ x("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) })
+										children: [/* @__PURE__ */ b(j, { children: c("brainyrich.investments.form.allocations", "Target allocations") }), /* @__PURE__ */ x("span", {
+											className: `inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium ${Z ? "bg-status-success-bg text-status-success-text" : "bg-status-warning-bg text-status-warning-text"}`,
+											children: [Z ? /* @__PURE__ */ b(h, {
+												className: "size-3",
+												"aria-hidden": "true"
+											}) : /* @__PURE__ */ b("span", {
+												"aria-hidden": "true",
+												children: "▲"
+											}), c("brainyrich.investments.form.sum", "Total: {sum}%", { sum: X.toFixed(X % 1 == 0 ? 0 : 1) })]
 										})]
 									}),
-									/* @__PURE__ */ _("div", {
+									ke.length > 0 ? /* @__PURE__ */ x("div", {
+										className: "flex items-center gap-4 rounded-xl border border-border-subtle bg-bg-sunken/40 p-3",
+										children: [/* @__PURE__ */ b(ee, {
+											value: Math.min(100, X),
+											size: 76,
+											strokeWidth: 8,
+											tone: Z ? "success" : "warning",
+											label: c("brainyrich.investments.form.of100", "of 100%")
+										}), /* @__PURE__ */ b("div", {
+											className: "min-w-0 flex-1",
+											children: /* @__PURE__ */ b(i, {
+												data: ke,
+												height: 132,
+												legend: !1,
+												valueFormatter: (e) => f(e, 0)
+											})
+										})]
+									}) : null,
+									/* @__PURE__ */ b("div", {
 										className: "space-y-2",
-										children: q.map((e, t) => /* @__PURE__ */ v("div", {
+										children: K.map((e, t) => /* @__PURE__ */ x("div", {
 											className: "flex items-center gap-2",
 											children: [
-												/* @__PURE__ */ v(E, {
+												/* @__PURE__ */ x(M, {
 													value: e.assetClass,
-													onValueChange: (e) => ve(t, { assetClass: e }),
-													children: [/* @__PURE__ */ _(k, {
+													onValueChange: (e) => Ae(t, { assetClass: e }),
+													children: [/* @__PURE__ */ b(F, {
 														className: "flex-1",
-														children: /* @__PURE__ */ _(A, {})
-													}), /* @__PURE__ */ _(D, { children: pe.map((e) => /* @__PURE__ */ _(O, {
+														children: /* @__PURE__ */ b(I, {})
+													}), /* @__PURE__ */ b(N, { children: ge.map((e) => /* @__PURE__ */ b(P, {
 														value: e,
-														children: j(e)
+														children: L(e)
 													}, e)) })]
 												}),
-												/* @__PURE__ */ _(w, {
+												/* @__PURE__ */ b(A, {
 													type: "number",
 													inputMode: "decimal",
 													min: 0,
@@ -284,18 +416,18 @@ function P() {
 													step: "0.1",
 													className: "w-24",
 													value: e.targetPct,
-													onChange: (e) => ve(t, { targetPct: e.target.value }),
+													onChange: (e) => Ae(t, { targetPct: e.target.value }),
 													placeholder: "%",
-													"aria-label": u("brainyrich.investments.form.targetPct", "Target percent")
+													"aria-label": c("brainyrich.investments.form.targetPct", "Target percent")
 												}),
-												/* @__PURE__ */ _(b, {
+												/* @__PURE__ */ b(C, {
 													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, {
+													onClick: () => Me(t),
+													disabled: K.length <= 1,
+													"aria-label": c("brainyrich.investments.form.removeRow", "Remove allocation row"),
+													children: /* @__PURE__ */ b(oe, {
 														className: "size-4",
 														"aria-hidden": "true"
 													})
@@ -303,118 +435,130 @@ function P() {
 											]
 										}, t))
 									}),
-									/* @__PURE__ */ v(b, {
+									/* @__PURE__ */ x(C, {
 										type: "button",
 										variant: "outline",
 										size: "sm",
-										onClick: ye,
-										children: [/* @__PURE__ */ _(h, {
+										onClick: je,
+										children: [/* @__PURE__ */ b(v, {
 											className: "mr-1 size-4",
 											"aria-hidden": "true"
-										}), u("brainyrich.investments.form.addRow", "Add asset class")]
+										}), c("brainyrich.investments.form.addRow", "Add asset class")]
 									})
 								]
 							}),
-							Y ? /* @__PURE__ */ _("p", {
+							Oe ? /* @__PURE__ */ b("p", {
 								className: "text-sm text-status-error-text",
 								role: "alert",
-								children: Y
+								children: Oe
 							}) : null
 						]
 					}),
-					/* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(b, {
+					/* @__PURE__ */ x(D, { children: [/* @__PURE__ */ b(C, {
 						variant: "outline",
 						onClick: () => {
-							L(!1), Z();
+							U(!1), Y();
 						},
-						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")
+						disabled: H.isPending,
+						children: c("brainyrich.investments.form.cancel", "Cancel")
+					}), /* @__PURE__ */ b(C, {
+						onClick: Ne,
+						disabled: H.isPending,
+						children: H.isPending ? c("brainyrich.investments.form.saving", "Creating…") : c("brainyrich.investments.form.create", "Create model")
 					})] })
 				]
 			})
 		}),
-		/* @__PURE__ */ _(me, {
-			id: _e,
-			onClose: () => R(null),
-			translate: u
+		/* @__PURE__ */ b(ve, {
+			id: be,
+			onClose: () => xe(null),
+			translate: c
 		})
 	] });
 }
-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),
+function ve({ id: e, onClose: t, translate: r }) {
+	let { data: a, isLoading: o, isError: ee, refetch: s } = n(e ?? void 0), u = (a?.allocations ?? []).map((e, t) => ({
+		label: L(e.assetClass),
 		value: e.targetPct,
-		tone: M[t % M.length]
-	}));
-	return /* @__PURE__ */ _(ce, {
+		tone: R[t % R.length]
+	})), p = B(a?.allocations ?? []), m = [...a?.allocations ?? []].sort((e, t) => t.targetPct - e.targetPct)[0];
+	return /* @__PURE__ */ b(w, {
 		open: !!e,
 		onOpenChange: (e) => e ? void 0 : t(),
-		children: /* @__PURE__ */ v(le, {
+		children: /* @__PURE__ */ x(T, {
 			className: "max-h-[90vh] overflow-y-auto sm:max-w-lg",
 			children: [
-				/* @__PURE__ */ v(S, { children: [/* @__PURE__ */ _(C, {
+				/* @__PURE__ */ x(O, { children: [/* @__PURE__ */ b(k, {
 					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, {
+					children: a?.name ?? r("brainyrich.investments.detail.title", "Model portfolio")
+				}), a?.description ? /* @__PURE__ */ b(E, { children: a.description }) : null] }),
+				o ? /* @__PURE__ */ b(l, { rows: 3 }) : ee ? /* @__PURE__ */ b(ne, {
 					title: r("brainyrich.investments.detail.error", "Could not load this model"),
-					onRetry: () => p()
-				}) : s ? /* @__PURE__ */ v("div", {
+					onRetry: () => s()
+				}) : a ? /* @__PURE__ */ x("div", {
 					className: "space-y-5 py-1",
 					children: [
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ x("div", {
 							className: "flex flex-wrap items-center gap-2",
 							children: [
-								/* @__PURE__ */ _(y, {
-									variant: s.isActive ? d("ACTIVE") : "secondary",
-									children: s.isActive ? r("brainyrich.investments.badge.active", "Active") : r("brainyrich.investments.badge.inactive", "Inactive")
+								/* @__PURE__ */ b(S, {
+									variant: a.isActive ? re("ACTIVE") : "secondary",
+									children: a.isActive ? r("brainyrich.investments.badge.active", "Active") : r("brainyrich.investments.badge.inactive", "Inactive")
 								}),
-								/* @__PURE__ */ _(y, {
+								/* @__PURE__ */ b(S, {
 									variant: "outline",
-									children: j(s.riskProfile)
+									children: L(a.riskProfile)
 								}),
-								/* @__PURE__ */ _(y, {
+								/* @__PURE__ */ b(S, {
 									variant: "outline",
-									children: s.baseCurrency
+									children: a.baseCurrency
 								})
 							]
 						}),
-						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("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", {
+						}), u.length > 0 ? /* @__PURE__ */ x("div", {
+							className: "space-y-4",
+							children: [p.length > 0 ? /* @__PURE__ */ b("div", {
+								className: "rounded-xl border border-border-subtle bg-bg-sunken/40 p-3",
+								children: /* @__PURE__ */ b(i, {
+									data: p,
+									height: 180,
+									centerValue: m ? f(m.targetPct, 0) : void 0,
+									centerLabel: m ? L(m.assetClass) : void 0,
+									valueFormatter: (e) => f(e, 0)
+								})
+							}) : null, /* @__PURE__ */ b(c, { data: u })]
+						}) : /* @__PURE__ */ b("p", {
 							className: "text-sm text-text-secondary",
 							children: r("brainyrich.investments.card.noAllocations", "No target allocations set.")
 						})] }),
-						/* @__PURE__ */ v("dl", {
+						/* @__PURE__ */ x("dl", {
 							className: "grid grid-cols-2 gap-4 border-t border-border-subtle pt-4 text-sm",
-							children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+							children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
 								className: "text-text-secondary",
 								children: r("brainyrich.investments.detail.created", "Created")
-							}), /* @__PURE__ */ _("dd", {
+							}), /* @__PURE__ */ b("dd", {
 								className: "text-text-primary",
-								children: u(s.createdAt)
-							})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+								children: d(a.createdAt)
+							})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
 								className: "text-text-secondary",
 								children: r("brainyrich.investments.detail.updated", "Updated")
-							}), /* @__PURE__ */ _("dd", {
+							}), /* @__PURE__ */ b("dd", {
 								className: "text-text-primary",
-								children: u(s.updatedAt)
+								children: d(a.updatedAt)
 							})] })]
 						})
 					]
-				}) : /* @__PURE__ */ _(a, {
-					icon: /* @__PURE__ */ _(g, {
+				}) : /* @__PURE__ */ b(te, {
+					icon: /* @__PURE__ */ b(y, {
 						className: "size-6",
 						"aria-hidden": "true"
 					}),
 					title: r("brainyrich.investments.detail.notFound", "Model not found")
 				}),
-				/* @__PURE__ */ _(x, { children: /* @__PURE__ */ _(b, {
+				/* @__PURE__ */ b(D, { children: /* @__PURE__ */ b(C, {
 					variant: "outline",
 					onClick: t,
 					children: r("brainyrich.investments.detail.close", "Close")
@@ -424,6 +568,6 @@ function me({ id: e, onClose: t, translate: r }) {
 	});
 }
 //#endregion
-export { P as InvestmentsPage };
+export { H as InvestmentsPage };
 
 //# sourceMappingURL=InvestmentsPage.js.map