@burdenoff/microfe-brainyrich 2026.705.1 → 2026.706.1

package/dist/brainyrich/pages/PortfoliosPage.js

@@ -1,11 +1,17 @@
-import { useAccounts as e, useArchivePortfolio as t, useCreateHolding as n, useCreatePortfolio as r, useDeleteHolding as i, useHouseholds as a, useModelPortfolios as o, usePortfolio as s, usePortfolios as c, useUpdateHolding as l, useUpdatePortfolio as u } from "../hooks/useBrainyRichApi.js";
-import { AllocationBars as d, EmptyState as f, ErrorState as p, KpiGrid as m, LoadingState as h, SectionShell as g, formatMoney as _, formatPct as v, statusBadgeVariant as y } from "./_shared.js";
-import { useMemo as b, useState as x } from "react";
-import { ArrowDownRight as S, ArrowUpRight as C, Briefcase as w, MoreHorizontal as ee, Pencil as te, Plus as T, Trash2 as ne } from "lucide-react";
-import { Fragment as re, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { Badge as O, Button as k, Card as A, CardContent as j, CardDescription as ie, CardHeader as M, CardTitle as N, Dialog as P, DialogContent as F, DialogDescription as I, DialogFooter as L, DialogHeader as R, DialogTitle as ae, DropdownMenu as z, DropdownMenuContent as oe, DropdownMenuItem as B, DropdownMenuLabel as se, DropdownMenuSeparator as ce, DropdownMenuTrigger as le, Input as V, Label as H, Select as U, SelectContent as W, SelectItem as G, SelectTrigger as K, SelectValue as q, Sheet as ue, SheetContent as de, SheetDescription as fe, SheetHeader as pe, SheetTitle as me, Table as he, TableBody as ge, TableCell as J, TableHead as Y, TableHeader as _e, TableRow as ve, Textarea as ye } from "@burdenoff/fe-libs/ui";
+import { useArchivePortfolio as e, useCreateHolding as t, useCreatePortfolio as n, useDeleteHolding as r, useHouseholds as i, useModelPortfolios as a, usePagedPortfolios as o, usePortfolio as s, useUpdateHolding as c, useUpdatePortfolio as l } from "../hooks/useBrainyRichApi.js";
+import { LoadMore as u } from "../components/LoadMore.js";
+import { ConfirmDialog as d } from "../components/ConfirmDialog.js";
+import { AccountPicker as f } from "../components/pickers.js";
+import "../components/index.js";
+import { AllocationBars as p, EmptyState as m, ErrorState as h, KpiGrid as g, LoadingState as _, SectionShell as v, formatMoney as y, formatPct as b, statusBadgeVariant as ee } from "./_shared.js";
+import { TagField as te } from "../components/reuse/TagField.js";
+import { CommentThread as ne } from "../components/reuse/CommentThread.js";
+import { useMemo as x, useState as S } from "react";
+import { ArrowDownRight as C, ArrowUpRight as w, Briefcase as T, MoreHorizontal as re, Pencil as ie, Plus as E, Trash2 as ae } from "lucide-react";
+import { Fragment as oe, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { Badge as k, Button as A, Card as j, CardContent as M, CardDescription as N, CardHeader as P, CardTitle as F, Dialog as I, DialogContent as L, DialogDescription as R, DialogFooter as z, DialogHeader as B, DialogTitle as se, DropdownMenu as ce, DropdownMenuContent as le, DropdownMenuItem as V, DropdownMenuLabel as ue, DropdownMenuSeparator as de, DropdownMenuTrigger as fe, Input as H, Label as U, Select as W, SelectContent as G, SelectItem as K, SelectTrigger as q, SelectValue as J, Sheet as pe, SheetContent as me, SheetDescription as he, SheetHeader as ge, SheetTitle as _e, Table as ve, TableBody as ye, TableCell as Y, TableHead as X, TableHeader as be, TableRow as xe, Textarea as Se } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/PortfoliosPage.tsx
-var be = [
+var Ce = [
 	"EQUITY",
 	"FIXED_INCOME",
 	"CASH",
@@ -13,78 +19,78 @@ var be = [
 	"COMMODITY",
 	"CRYPTO",
 	"ALTERNATIVE"
-], xe = [
+], we = [
 	"DRAFT",
 	"ACTIVE",
 	"ARCHIVED"
-], X = "__none__", Z = (e) => e.toLowerCase().split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" "), Q = (e) => {
+], Z = "__none__", Q = (e) => e.toLowerCase().split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" "), $ = (e) => {
 	if (e.trim() === "") return;
 	let t = Number(e);
 	return Number.isFinite(t) ? t : void 0;
 };
-function Se(e) {
+function Te(e) {
 	return !e || typeof e != "object" ? [] : Object.entries(e).map(([e, t]) => ({
 		label: e,
 		value: Number(t)
 	})).filter((e) => Number.isFinite(e.value)).map((e) => ({
-		label: Z(e.label),
+		label: Q(e.label),
 		value: e.value,
 		tone: "accent"
 	}));
 }
-function Ce({ value: e, currency: t }) {
-	let n = e > 0, r = e < 0, i = n ? "text-status-success-text" : r ? "text-status-error-text" : "text-text-secondary", a = n ? C : r ? S : null;
-	return /* @__PURE__ */ D("span", {
+function Ee({ value: e, currency: t }) {
+	let n = e > 0, r = e < 0, i = n ? "text-status-success-text" : r ? "text-status-error-text" : "text-text-secondary", a = n ? w : r ? C : null;
+	return /* @__PURE__ */ O("span", {
 		className: `inline-flex items-center justify-end gap-1 font-medium ${i}`,
 		children: [
-			a ? /* @__PURE__ */ E(a, {
+			a ? /* @__PURE__ */ D(a, {
 				className: "size-3.5",
 				"aria-hidden": "true"
 			}) : null,
 			n ? "+" : "",
-			_(e, t)
+			y(e, t)
 		]
 	});
 }
-function $() {
+function De() {
 	return {
 		name: "",
 		baseCurrency: "USD",
 		description: "",
 		driftThresholdPct: "5",
 		status: "DRAFT",
-		modelPortfolioId: X,
-		householdId: X
+		modelPortfolioId: Z,
+		householdId: Z
 	};
 }
-function we({ open: e, onOpenChange: t, editing: n }) {
-	let { data: i } = o(), { data: s } = a(), c = r(), l = u(), [d, f] = x($), [p, m] = x(null), h = n?.id ?? "new";
-	e && p !== h && (m(h), f(n ? {
-		name: n.name,
-		baseCurrency: n.baseCurrency,
-		description: n.description ?? "",
-		driftThresholdPct: String(n.driftThresholdPct),
-		status: n.status,
-		modelPortfolioId: n.modelPortfolioId ?? X,
-		householdId: n.householdId ?? X
-	} : $())), !e && p !== null && m(null);
-	let g = c.isPending || l.isPending, _ = d.name.trim().length > 0;
-	return /* @__PURE__ */ E(P, {
+function Oe({ open: e, onOpenChange: t, editing: r }) {
+	let { data: o } = a(), { data: s } = i(), c = n(), u = l(), [d, f] = S(De), [p, m] = S(null), h = r?.id ?? "new";
+	e && p !== h && (m(h), f(r ? {
+		name: r.name,
+		baseCurrency: r.baseCurrency,
+		description: r.description ?? "",
+		driftThresholdPct: String(r.driftThresholdPct),
+		status: r.status,
+		modelPortfolioId: r.modelPortfolioId ?? Z,
+		householdId: r.householdId ?? Z
+	} : De())), !e && p !== null && m(null);
+	let g = c.isPending || u.isPending, _ = d.name.trim().length > 0;
+	return /* @__PURE__ */ D(I, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ D(F, {
+		children: /* @__PURE__ */ O(L, {
 			className: "max-h-[90vh] overflow-y-auto sm:max-w-lg",
 			children: [
-				/* @__PURE__ */ D(R, { children: [/* @__PURE__ */ E(ae, { children: n ? "Edit portfolio" : "New portfolio" }), /* @__PURE__ */ E(I, { children: n ? "Update this portfolio’s strategy settings." : "Create an investment portfolio to organize and rebalance holdings." })] }),
-				/* @__PURE__ */ D("div", {
+				/* @__PURE__ */ O(B, { children: [/* @__PURE__ */ D(se, { children: r ? "Edit portfolio" : "New portfolio" }), /* @__PURE__ */ D(R, { children: r ? "Update this portfolio’s strategy settings." : "Create an investment portfolio to organize and rebalance holdings." })] }),
+				/* @__PURE__ */ O("div", {
 					className: "space-y-4 py-2",
 					children: [
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ E(H, {
+							children: [/* @__PURE__ */ D(U, {
 								htmlFor: "pf-name",
 								children: "Name"
-							}), /* @__PURE__ */ E(V, {
+							}), /* @__PURE__ */ D(H, {
 								id: "pf-name",
 								value: d.name,
 								onChange: (e) => f((t) => ({
@@ -95,14 +101,14 @@ function we({ open: e, onOpenChange: t, editing: n }) {
 								"aria-invalid": !_
 							})]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O("div", {
 							className: "grid grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ O("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ E(H, {
+								children: [/* @__PURE__ */ D(U, {
 									htmlFor: "pf-currency",
 									children: "Base currency"
-								}), /* @__PURE__ */ E(V, {
+								}), /* @__PURE__ */ D(H, {
 									id: "pf-currency",
 									value: d.baseCurrency,
 									onChange: (e) => f((t) => ({
@@ -112,12 +118,12 @@ function we({ open: e, onOpenChange: t, editing: n }) {
 									placeholder: "USD",
 									maxLength: 3
 								})]
-							}), /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ O("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ E(H, {
+								children: [/* @__PURE__ */ D(U, {
 									htmlFor: "pf-drift",
 									children: "Drift threshold %"
-								}), /* @__PURE__ */ E(V, {
+								}), /* @__PURE__ */ D(H, {
 									id: "pf-drift",
 									type: "number",
 									min: 0,
@@ -130,78 +136,78 @@ function we({ open: e, onOpenChange: t, editing: n }) {
 								})]
 							})]
 						}),
-						n ? /* @__PURE__ */ D("div", {
+						r ? /* @__PURE__ */ O("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ E(H, {
+							children: [/* @__PURE__ */ D(U, {
 								htmlFor: "pf-status",
 								children: "Status"
-							}), /* @__PURE__ */ D(U, {
+							}), /* @__PURE__ */ O(W, {
 								value: d.status,
 								onValueChange: (e) => f((t) => ({
 									...t,
 									status: e
 								})),
-								children: [/* @__PURE__ */ E(K, {
+								children: [/* @__PURE__ */ D(q, {
 									id: "pf-status",
-									children: /* @__PURE__ */ E(q, {})
-								}), /* @__PURE__ */ E(W, { children: xe.map((e) => /* @__PURE__ */ E(G, {
+									children: /* @__PURE__ */ D(J, {})
+								}), /* @__PURE__ */ D(G, { children: we.map((e) => /* @__PURE__ */ D(K, {
 									value: e,
-									children: Z(e)
+									children: Q(e)
 								}, e)) })]
 							})]
 						}) : null,
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ E(H, {
+							children: [/* @__PURE__ */ D(U, {
 								htmlFor: "pf-model",
 								children: "Model portfolio"
-							}), /* @__PURE__ */ D(U, {
+							}), /* @__PURE__ */ O(W, {
 								value: d.modelPortfolioId,
 								onValueChange: (e) => f((t) => ({
 									...t,
 									modelPortfolioId: e
 								})),
-								children: [/* @__PURE__ */ E(K, {
+								children: [/* @__PURE__ */ D(q, {
 									id: "pf-model",
-									children: /* @__PURE__ */ E(q, { placeholder: "None" })
-								}), /* @__PURE__ */ D(W, { children: [/* @__PURE__ */ E(G, {
-									value: X,
+									children: /* @__PURE__ */ D(J, { placeholder: "None" })
+								}), /* @__PURE__ */ O(G, { children: [/* @__PURE__ */ D(K, {
+									value: Z,
 									children: "None"
-								}), i.map((e) => /* @__PURE__ */ E(G, {
+								}), o.map((e) => /* @__PURE__ */ D(K, {
 									value: e.id,
 									children: e.name
 								}, e.id))] })]
 							})]
 						}),
-						n ? null : /* @__PURE__ */ D("div", {
+						r ? null : /* @__PURE__ */ O("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ E(H, {
+							children: [/* @__PURE__ */ D(U, {
 								htmlFor: "pf-household",
 								children: "Household"
-							}), /* @__PURE__ */ D(U, {
+							}), /* @__PURE__ */ O(W, {
 								value: d.householdId,
 								onValueChange: (e) => f((t) => ({
 									...t,
 									householdId: e
 								})),
-								children: [/* @__PURE__ */ E(K, {
+								children: [/* @__PURE__ */ D(q, {
 									id: "pf-household",
-									children: /* @__PURE__ */ E(q, { placeholder: "None" })
-								}), /* @__PURE__ */ D(W, { children: [/* @__PURE__ */ E(G, {
-									value: X,
+									children: /* @__PURE__ */ D(J, { placeholder: "None" })
+								}), /* @__PURE__ */ O(G, { children: [/* @__PURE__ */ D(K, {
+									value: Z,
 									children: "None"
-								}), s.map((e) => /* @__PURE__ */ E(G, {
+								}), s.map((e) => /* @__PURE__ */ D(K, {
 									value: e.id,
 									children: e.name
 								}, e.id))] })]
 							})]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ E(H, {
+							children: [/* @__PURE__ */ D(U, {
 								htmlFor: "pf-desc",
 								children: "Description"
-							}), /* @__PURE__ */ E(ye, {
+							}), /* @__PURE__ */ D(Se, {
 								id: "pf-desc",
 								value: d.description,
 								onChange: (e) => f((t) => ({
@@ -214,42 +220,42 @@ function we({ open: e, onOpenChange: t, editing: n }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ D(L, { children: [/* @__PURE__ */ E(k, {
+				/* @__PURE__ */ O(z, { children: [/* @__PURE__ */ D(A, {
 					variant: "outline",
 					onClick: () => t(!1),
 					disabled: g,
 					children: "Cancel"
-				}), /* @__PURE__ */ E(k, {
+				}), /* @__PURE__ */ D(A, {
 					onClick: () => {
 						if (!_) return;
-						let e = Q(d.driftThresholdPct), r = d.modelPortfolioId === X ? null : d.modelPortfolioId, i = d.householdId === X ? null : d.householdId;
-						n ? l.mutate({
-							id: n.id,
+						let e = $(d.driftThresholdPct), n = d.modelPortfolioId === Z ? null : d.modelPortfolioId, i = d.householdId === Z ? null : d.householdId;
+						r ? u.mutate({
+							id: r.id,
 							input: {
 								name: d.name.trim(),
 								baseCurrency: d.baseCurrency.trim() || "USD",
 								description: d.description.trim() || null,
 								driftThresholdPct: e,
 								status: d.status,
-								modelPortfolioId: r
+								modelPortfolioId: n
 							}
 						}, { onSuccess: () => t(!1) }) : c.mutate({
 							name: d.name.trim(),
 							baseCurrency: d.baseCurrency.trim() || "USD",
 							description: d.description.trim() || null,
 							driftThresholdPct: e,
-							modelPortfolioId: r,
+							modelPortfolioId: n,
 							householdId: i
 						}, { onSuccess: () => t(!1) });
 					},
 					disabled: !_ || g,
-					children: g ? "Saving…" : n ? "Save changes" : "Create portfolio"
+					children: g ? "Saving…" : r ? "Save changes" : "Create portfolio"
 				})] })
 			]
 		})
 	});
 }
-function Te() {
+function ke() {
 	return {
 		accountId: "",
 		symbol: "",
@@ -260,156 +266,137 @@ function Te() {
 		costBasis: "0"
 	};
 }
-function Ee({ open: t, onOpenChange: r, portfolioId: i, editing: a }) {
-	let { data: o } = e(), s = n(), c = l(), [u, d] = x(Te), [f, p] = x(null), m = a?.id ?? "new";
-	t && f !== m && (p(m), d(a ? {
-		accountId: a.accountId,
-		symbol: a.symbol,
-		name: a.name ?? "",
-		assetClass: a.assetClass,
-		quantity: String(a.quantity),
-		lastPrice: String(a.lastPrice),
-		costBasis: String(a.costBasis)
-	} : Te())), !t && f !== null && p(null);
-	let h = s.isPending || c.isPending, g = u.symbol.trim().length > 0, _ = a ? !0 : u.accountId.trim().length > 0, v = g && _ && !h;
-	return /* @__PURE__ */ E(P, {
-		open: t,
-		onOpenChange: r,
-		children: /* @__PURE__ */ D(F, {
+function Ae({ open: e, onOpenChange: n, portfolioId: r, editing: i }) {
+	let a = t(), o = c(), [s, l] = S(ke), [u, d] = S(null), p = i?.id ?? "new";
+	e && u !== p && (d(p), l(i ? {
+		accountId: i.accountId,
+		symbol: i.symbol,
+		name: i.name ?? "",
+		assetClass: i.assetClass,
+		quantity: String(i.quantity),
+		lastPrice: String(i.lastPrice),
+		costBasis: String(i.costBasis)
+	} : ke())), !e && u !== null && d(null);
+	let m = a.isPending || o.isPending, h = s.symbol.trim().length > 0, g = i ? !0 : s.accountId.trim().length > 0, _ = h && g && !m;
+	return /* @__PURE__ */ D(I, {
+		open: e,
+		onOpenChange: n,
+		children: /* @__PURE__ */ O(L, {
 			className: "max-h-[90vh] overflow-y-auto sm:max-w-lg",
 			children: [
-				/* @__PURE__ */ D(R, { children: [/* @__PURE__ */ E(ae, { children: a ? "Edit holding" : "Add holding" }), /* @__PURE__ */ E(I, { children: a ? "Update the position details for this holding." : "Add a position to this portfolio from one of your accounts." })] }),
-				/* @__PURE__ */ D("div", {
+				/* @__PURE__ */ O(B, { children: [/* @__PURE__ */ D(se, { children: i ? "Edit holding" : "Add holding" }), /* @__PURE__ */ D(R, { children: i ? "Update the position details for this holding." : "Add a position to this portfolio from one of your accounts." })] }),
+				/* @__PURE__ */ O("div", {
 					className: "space-y-4 py-2",
 					children: [
-						a ? null : /* @__PURE__ */ D("div", {
-							className: "space-y-1.5",
-							children: [
-								/* @__PURE__ */ E(H, {
-									htmlFor: "h-account",
-									children: "Account"
-								}),
-								/* @__PURE__ */ D(U, {
-									value: u.accountId,
-									onValueChange: (e) => d((t) => ({
-										...t,
-										accountId: e
-									})),
-									children: [/* @__PURE__ */ E(K, {
-										id: "h-account",
-										"aria-invalid": !_,
-										children: /* @__PURE__ */ E(q, { placeholder: "Select account" })
-									}), /* @__PURE__ */ E(W, { children: o.map((e) => /* @__PURE__ */ E(G, {
-										value: e.id,
-										children: e.name
-									}, e.id)) })]
-								}),
-								o.length === 0 ? /* @__PURE__ */ E("p", {
-									className: "text-xs text-text-secondary",
-									children: "No accounts yet — create an account first."
-								}) : null
-							]
+						i ? null : /* @__PURE__ */ D(f, {
+							id: "h-account",
+							value: s.accountId,
+							onChange: (e) => l((t) => ({
+								...t,
+								accountId: e
+							})),
+							placeholder: "Select account"
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O("div", {
 							className: "grid grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ O("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ E(H, {
+								children: [/* @__PURE__ */ D(U, {
 									htmlFor: "h-symbol",
 									children: "Symbol"
-								}), /* @__PURE__ */ E(V, {
+								}), /* @__PURE__ */ D(H, {
 									id: "h-symbol",
-									value: u.symbol,
-									onChange: (e) => d((t) => ({
+									value: s.symbol,
+									onChange: (e) => l((t) => ({
 										...t,
 										symbol: e.target.value
 									})),
 									placeholder: "AAPL",
-									disabled: !!a,
-									"aria-invalid": !g
+									disabled: !!i,
+									"aria-invalid": !h
 								})]
-							}), /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ O("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ E(H, {
+								children: [/* @__PURE__ */ D(U, {
 									htmlFor: "h-class",
 									children: "Asset class"
-								}), /* @__PURE__ */ D(U, {
-									value: u.assetClass,
-									onValueChange: (e) => d((t) => ({
+								}), /* @__PURE__ */ O(W, {
+									value: s.assetClass,
+									onValueChange: (e) => l((t) => ({
 										...t,
 										assetClass: e
 									})),
-									children: [/* @__PURE__ */ E(K, {
+									children: [/* @__PURE__ */ D(q, {
 										id: "h-class",
-										children: /* @__PURE__ */ E(q, {})
-									}), /* @__PURE__ */ E(W, { children: be.map((e) => /* @__PURE__ */ E(G, {
+										children: /* @__PURE__ */ D(J, {})
+									}), /* @__PURE__ */ D(G, { children: Ce.map((e) => /* @__PURE__ */ D(K, {
 										value: e,
-										children: Z(e)
+										children: Q(e)
 									}, e)) })]
 								})]
 							})]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ E(H, {
+							children: [/* @__PURE__ */ D(U, {
 								htmlFor: "h-name",
 								children: "Name"
-							}), /* @__PURE__ */ E(V, {
+							}), /* @__PURE__ */ D(H, {
 								id: "h-name",
-								value: u.name,
-								onChange: (e) => d((t) => ({
+								value: s.name,
+								onChange: (e) => l((t) => ({
 									...t,
 									name: e.target.value
 								})),
 								placeholder: "Apple Inc."
 							})]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O("div", {
 							className: "grid grid-cols-3 gap-4",
 							children: [
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ E(H, {
+									children: [/* @__PURE__ */ D(U, {
 										htmlFor: "h-qty",
 										children: "Quantity"
-									}), /* @__PURE__ */ E(V, {
+									}), /* @__PURE__ */ D(H, {
 										id: "h-qty",
 										type: "number",
 										step: "any",
-										value: u.quantity,
-										onChange: (e) => d((t) => ({
+										value: s.quantity,
+										onChange: (e) => l((t) => ({
 											...t,
 											quantity: e.target.value
 										}))
 									})]
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ E(H, {
+									children: [/* @__PURE__ */ D(U, {
 										htmlFor: "h-price",
 										children: "Last price"
-									}), /* @__PURE__ */ E(V, {
+									}), /* @__PURE__ */ D(H, {
 										id: "h-price",
 										type: "number",
 										step: "any",
-										value: u.lastPrice,
-										onChange: (e) => d((t) => ({
+										value: s.lastPrice,
+										onChange: (e) => l((t) => ({
 											...t,
 											lastPrice: e.target.value
 										}))
 									})]
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ E(H, {
+									children: [/* @__PURE__ */ D(U, {
 										htmlFor: "h-cost",
 										children: "Cost basis"
-									}), /* @__PURE__ */ E(V, {
+									}), /* @__PURE__ */ D(H, {
 										id: "h-cost",
 										type: "number",
 										step: "any",
-										value: u.costBasis,
-										onChange: (e) => d((t) => ({
+										value: s.costBasis,
+										onChange: (e) => l((t) => ({
 											...t,
 											costBasis: e.target.value
 										}))
@@ -419,246 +406,245 @@ function Ee({ open: t, onOpenChange: r, portfolioId: i, editing: a }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ D(L, { children: [/* @__PURE__ */ E(k, {
+				/* @__PURE__ */ O(z, { children: [/* @__PURE__ */ D(A, {
 					variant: "outline",
-					onClick: () => r(!1),
-					disabled: h,
+					onClick: () => n(!1),
+					disabled: m,
 					children: "Cancel"
-				}), /* @__PURE__ */ E(k, {
+				}), /* @__PURE__ */ D(A, {
 					onClick: () => {
-						!g || !_ || (a ? c.mutate({
-							id: a.id,
+						!h || !g || (i ? o.mutate({
+							id: i.id,
 							input: {
-								name: u.name.trim() || null,
-								assetClass: u.assetClass,
-								quantity: Q(u.quantity),
-								lastPrice: Q(u.lastPrice),
-								costBasis: Q(u.costBasis)
+								name: s.name.trim() || null,
+								assetClass: s.assetClass,
+								quantity: $(s.quantity),
+								lastPrice: $(s.lastPrice),
+								costBasis: $(s.costBasis)
 							}
-						}, { onSuccess: () => r(!1) }) : s.mutate({
-							accountId: u.accountId,
-							portfolioId: i,
-							symbol: u.symbol.trim().toUpperCase(),
-							name: u.name.trim() || null,
-							assetClass: u.assetClass,
-							quantity: Q(u.quantity),
-							lastPrice: Q(u.lastPrice),
-							costBasis: Q(u.costBasis)
-						}, { onSuccess: () => r(!1) }));
+						}, { onSuccess: () => n(!1) }) : a.mutate({
+							accountId: s.accountId,
+							portfolioId: r,
+							symbol: s.symbol.trim().toUpperCase(),
+							name: s.name.trim() || null,
+							assetClass: s.assetClass,
+							quantity: $(s.quantity),
+							lastPrice: $(s.lastPrice),
+							costBasis: $(s.costBasis)
+						}, { onSuccess: () => n(!1) }));
 					},
-					disabled: !v,
-					children: h ? "Saving…" : a ? "Save changes" : "Add holding"
+					disabled: !_,
+					children: m ? "Saving…" : i ? "Save changes" : "Add holding"
 				})] })
 			]
 		})
 	});
 }
-function De({ portfolioId: e, onOpenChange: t }) {
-	let { data: n, isLoading: r, isError: a, refetch: o } = s(e ?? void 0), c = i(), [l, u] = x(!1), [m, g] = x(null), S = n?.holdings ?? [], C = n?.baseCurrency ?? "USD", P = S.reduce((e, t) => e + t.marketValue, 0), F = b(() => {
-		if (S.length === 0 || P <= 0) return [];
+function je({ portfolioId: e, onOpenChange: t }) {
+	let { data: n, isLoading: i, isError: a, refetch: o } = s(e ?? void 0), c = r(), [l, u] = S(!1), [f, g] = S(null), [v, C] = S(null), w = n?.holdings ?? [], I = n?.baseCurrency ?? "USD", L = w.reduce((e, t) => e + t.marketValue, 0), R = x(() => {
+		if (w.length === 0 || L <= 0) return [];
 		let e = /* @__PURE__ */ new Map();
-		return S.forEach((t) => e.set(t.assetClass, (e.get(t.assetClass) ?? 0) + t.marketValue)), Array.from(e.entries()).map(([e, t]) => ({
-			label: Z(e),
-			value: t / P * 100,
-			caption: _(t, C),
+		return w.forEach((t) => e.set(t.assetClass, (e.get(t.assetClass) ?? 0) + t.marketValue)), Array.from(e.entries()).map(([e, t]) => ({
+			label: Q(e),
+			value: t / L * 100,
+			caption: y(t, I),
 			tone: "default"
 		})).sort((e, t) => t.value - e.value);
 	}, [
-		S,
-		P,
-		C
-	]), I = b(() => Se(n?.targetAllocation), [n?.targetAllocation]), L = () => {
+		w,
+		L,
+		I
+	]), z = x(() => Te(n?.targetAllocation), [n?.targetAllocation]), B = () => {
 		g(null), u(!0);
-	}, R = (e) => {
+	}, se = (e) => {
 		g(e), u(!0);
 	};
-	return /* @__PURE__ */ E(ue, {
+	return /* @__PURE__ */ D(pe, {
 		open: e !== null,
 		onOpenChange: t,
-		children: /* @__PURE__ */ E(de, {
+		children: /* @__PURE__ */ D(me, {
 			className: "flex w-full flex-col gap-0 overflow-y-auto p-0 sm:max-w-2xl",
-			children: r ? /* @__PURE__ */ E("div", {
+			children: i ? /* @__PURE__ */ D("div", {
 				className: "p-6",
-				children: /* @__PURE__ */ E(h, { rows: 5 })
-			}) : a ? /* @__PURE__ */ E("div", {
+				children: /* @__PURE__ */ D(_, { rows: 5 })
+			}) : a ? /* @__PURE__ */ D("div", {
 				className: "p-6",
-				children: /* @__PURE__ */ E(p, { onRetry: () => o() })
-			}) : n ? /* @__PURE__ */ D(re, { children: [
-				/* @__PURE__ */ D(pe, {
+				children: /* @__PURE__ */ D(h, { onRetry: () => o() })
+			}) : n ? /* @__PURE__ */ O(oe, { children: [
+				/* @__PURE__ */ O(ge, {
 					className: "border-b border-border-subtle p-6",
-					children: [/* @__PURE__ */ D("div", {
+					children: [/* @__PURE__ */ O("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ E(me, {
+						children: [/* @__PURE__ */ D(_e, {
 							className: "text-xl",
 							children: n.name
-						}), /* @__PURE__ */ E(O, {
-							variant: y(n.status),
-							children: Z(n.status)
+						}), /* @__PURE__ */ D(k, {
+							variant: ee(n.status),
+							children: Q(n.status)
 						})]
-					}), /* @__PURE__ */ E(fe, { children: n.description?.trim() ? n.description : `${n.baseCurrency} · Drift threshold ${v(n.driftThresholdPct)}` })]
+					}), /* @__PURE__ */ D(he, { children: n.description?.trim() ? n.description : `${n.baseCurrency} · Drift threshold ${b(n.driftThresholdPct)}` })]
 				}),
-				/* @__PURE__ */ D("div", {
+				/* @__PURE__ */ O("div", {
 					className: "space-y-6 p-6",
 					children: [
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O("div", {
 							className: "grid grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ E(A, { children: /* @__PURE__ */ D(j, {
+							children: [/* @__PURE__ */ D(j, { children: /* @__PURE__ */ O(M, {
 								className: "space-y-1 p-4",
-								children: [/* @__PURE__ */ E("p", {
+								children: [/* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
 									children: "Market value"
-								}), /* @__PURE__ */ E("p", {
+								}), /* @__PURE__ */ D("p", {
 									className: "text-2xl font-semibold text-text-primary",
-									children: _(P, C)
+									children: y(L, I)
 								})]
-							}) }), /* @__PURE__ */ E(A, { children: /* @__PURE__ */ D(j, {
+							}) }), /* @__PURE__ */ D(j, { children: /* @__PURE__ */ O(M, {
 								className: "space-y-1 p-4",
-								children: [/* @__PURE__ */ E("p", {
+								children: [/* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
 									children: "Holdings"
-								}), /* @__PURE__ */ E("p", {
+								}), /* @__PURE__ */ D("p", {
 									className: "text-2xl font-semibold text-text-primary",
-									children: S.length
+									children: w.length
 								})]
 							}) })]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O("div", {
 							className: "grid gap-4 md:grid-cols-2",
-							children: [/* @__PURE__ */ D(A, { children: [/* @__PURE__ */ E(M, {
+							children: [/* @__PURE__ */ O(j, { children: [/* @__PURE__ */ D(P, {
 								className: "pb-3",
-								children: /* @__PURE__ */ E(N, {
+								children: /* @__PURE__ */ D(F, {
 									className: "text-sm",
 									children: "Target allocation"
 								})
-							}), /* @__PURE__ */ E(j, { children: I.length > 0 ? /* @__PURE__ */ E(d, { data: I }) : /* @__PURE__ */ E("p", {
+							}), /* @__PURE__ */ D(M, { children: z.length > 0 ? /* @__PURE__ */ D(p, { data: z }) : /* @__PURE__ */ D("p", {
 								className: "text-sm text-text-secondary",
 								children: "No target allocation set for this portfolio."
-							}) })] }), /* @__PURE__ */ D(A, { children: [/* @__PURE__ */ E(M, {
+							}) })] }), /* @__PURE__ */ O(j, { children: [/* @__PURE__ */ D(P, {
 								className: "pb-3",
-								children: /* @__PURE__ */ E(N, {
+								children: /* @__PURE__ */ D(F, {
 									className: "text-sm",
 									children: "Actual allocation"
 								})
-							}), /* @__PURE__ */ E(j, { children: F.length > 0 ? /* @__PURE__ */ E(d, { data: F }) : /* @__PURE__ */ E("p", {
+							}), /* @__PURE__ */ D(M, { children: R.length > 0 ? /* @__PURE__ */ D(p, { data: R }) : /* @__PURE__ */ D("p", {
 								className: "text-sm text-text-secondary",
 								children: "Add holdings to see the live allocation."
 							}) })] })]
 						}),
-						/* @__PURE__ */ D(A, { children: [/* @__PURE__ */ D(M, {
+						/* @__PURE__ */ O(j, { children: [/* @__PURE__ */ O(P, {
 							className: "flex flex-row items-center justify-between",
-							children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(N, {
+							children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(F, {
 								className: "text-base",
 								children: "Holdings"
-							}), /* @__PURE__ */ E(ie, { children: "Positions held in this portfolio" })] }), /* @__PURE__ */ D(k, {
+							}), /* @__PURE__ */ D(N, { children: "Positions held in this portfolio" })] }), /* @__PURE__ */ O(A, {
 								size: "sm",
-								onClick: L,
-								children: [/* @__PURE__ */ E(T, {
+								onClick: B,
+								children: [/* @__PURE__ */ D(E, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}), "Add holding"]
 							})]
-						}), /* @__PURE__ */ E(j, { children: S.length === 0 ? /* @__PURE__ */ E(f, {
-							icon: /* @__PURE__ */ E(w, {
+						}), /* @__PURE__ */ D(M, { children: w.length === 0 ? /* @__PURE__ */ D(m, {
+							icon: /* @__PURE__ */ D(T, {
 								className: "size-6",
 								"aria-hidden": "true"
 							}),
 							title: "No holdings yet",
 							description: "Add positions to start tracking this portfolio.",
-							action: /* @__PURE__ */ D(k, {
+							action: /* @__PURE__ */ O(A, {
 								size: "sm",
-								onClick: L,
-								children: [/* @__PURE__ */ E(T, {
+								onClick: B,
+								children: [/* @__PURE__ */ D(E, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}), "Add holding"]
 							})
-						}) : /* @__PURE__ */ E("div", {
+						}) : /* @__PURE__ */ D("div", {
 							className: "overflow-x-auto",
-							children: /* @__PURE__ */ D(he, { children: [/* @__PURE__ */ E(_e, { children: /* @__PURE__ */ D(ve, { children: [
-								/* @__PURE__ */ E(Y, { children: "Symbol" }),
-								/* @__PURE__ */ E(Y, { children: "Class" }),
-								/* @__PURE__ */ E(Y, {
+							children: /* @__PURE__ */ O(ve, { children: [/* @__PURE__ */ D(be, { children: /* @__PURE__ */ O(xe, { children: [
+								/* @__PURE__ */ D(X, { children: "Symbol" }),
+								/* @__PURE__ */ D(X, { children: "Class" }),
+								/* @__PURE__ */ D(X, {
 									className: "text-right",
 									children: "Qty"
 								}),
-								/* @__PURE__ */ E(Y, {
+								/* @__PURE__ */ D(X, {
 									className: "text-right",
 									children: "Price"
 								}),
-								/* @__PURE__ */ E(Y, {
+								/* @__PURE__ */ D(X, {
 									className: "text-right",
 									children: "Market value"
 								}),
-								/* @__PURE__ */ E(Y, {
+								/* @__PURE__ */ D(X, {
 									className: "text-right",
 									children: "Gain"
 								}),
-								/* @__PURE__ */ E(Y, { className: "w-10" })
-							] }) }), /* @__PURE__ */ E(ge, { children: S.map((e) => {
+								/* @__PURE__ */ D(X, { className: "w-10" })
+							] }) }), /* @__PURE__ */ D(ye, { children: w.map((e) => {
 								let t = e.marketValue - e.costBasis;
-								return /* @__PURE__ */ D(ve, { children: [
-									/* @__PURE__ */ D(J, { children: [/* @__PURE__ */ E("div", {
+								return /* @__PURE__ */ O(xe, { children: [
+									/* @__PURE__ */ O(Y, { children: [/* @__PURE__ */ D("div", {
 										className: "font-semibold text-text-primary",
 										children: e.symbol
-									}), e.name ? /* @__PURE__ */ E("div", {
+									}), e.name ? /* @__PURE__ */ D("div", {
 										className: "text-xs text-text-secondary",
 										children: e.name
 									}) : null] }),
-									/* @__PURE__ */ E(J, { children: /* @__PURE__ */ E(O, {
+									/* @__PURE__ */ D(Y, { children: /* @__PURE__ */ D(k, {
 										variant: "outline",
-										children: Z(e.assetClass)
+										children: Q(e.assetClass)
 									}) }),
-									/* @__PURE__ */ E(J, {
+									/* @__PURE__ */ D(Y, {
 										className: "text-right tabular-nums",
 										children: e.quantity
 									}),
-									/* @__PURE__ */ E(J, {
+									/* @__PURE__ */ D(Y, {
 										className: "text-right tabular-nums",
-										children: _(e.lastPrice, e.currency)
+										children: y(e.lastPrice, e.currency)
 									}),
-									/* @__PURE__ */ E(J, {
+									/* @__PURE__ */ D(Y, {
 										className: "text-right font-medium tabular-nums",
-										children: _(e.marketValue, e.currency)
+										children: y(e.marketValue, e.currency)
 									}),
-									/* @__PURE__ */ E(J, {
+									/* @__PURE__ */ D(Y, {
 										className: "text-right tabular-nums",
-										children: /* @__PURE__ */ E(Ce, {
+										children: /* @__PURE__ */ D(Ee, {
 											value: t,
 											currency: e.currency
 										})
 									}),
-									/* @__PURE__ */ E(J, {
+									/* @__PURE__ */ D(Y, {
 										className: "text-right",
-										children: /* @__PURE__ */ D(z, { children: [/* @__PURE__ */ E(le, {
+										children: /* @__PURE__ */ O(ce, { children: [/* @__PURE__ */ D(fe, {
 											asChild: !0,
-											children: /* @__PURE__ */ E(k, {
+											children: /* @__PURE__ */ D(A, {
 												variant: "ghost",
 												size: "icon",
 												className: "size-10",
 												"aria-label": `Actions for ${e.symbol}`,
-												children: /* @__PURE__ */ E(ee, {
+												children: /* @__PURE__ */ D(re, {
 													className: "size-4",
 													"aria-hidden": "true"
 												})
 											})
-										}), /* @__PURE__ */ D(oe, {
+										}), /* @__PURE__ */ O(le, {
 											align: "end",
 											children: [
-												/* @__PURE__ */ E(se, { children: e.symbol }),
-												/* @__PURE__ */ E(ce, {}),
-												/* @__PURE__ */ D(B, {
+												/* @__PURE__ */ D(ue, { children: e.symbol }),
+												/* @__PURE__ */ D(de, {}),
+												/* @__PURE__ */ O(V, {
 													className: "gap-2",
-													onClick: () => R(e),
-													children: [/* @__PURE__ */ E(te, {
+													onClick: () => se(e),
+													children: [/* @__PURE__ */ D(ie, {
 														className: "size-4",
 														"aria-hidden": "true"
 													}), "Edit"]
 												}),
-												/* @__PURE__ */ D(B, {
+												/* @__PURE__ */ O(V, {
 													className: "gap-2 text-status-error-text focus:text-status-error-text",
-													disabled: c.isPending,
-													onClick: () => c.mutate(e.id),
-													children: [/* @__PURE__ */ E(ne, {
+													onClick: () => C(e),
+													children: [/* @__PURE__ */ D(ae, {
 														className: "size-4",
 														"aria-hidden": "true"
 													}), "Delete"]
@@ -668,19 +654,52 @@ function De({ portfolioId: e, onOpenChange: t }) {
 									})
 								] }, e.id);
 							}) })] })
-						}) })] })
+						}) })] }),
+						/* @__PURE__ */ O(j, { children: [/* @__PURE__ */ O(P, {
+							className: "pb-3",
+							children: [/* @__PURE__ */ D(F, {
+								className: "text-sm",
+								children: "Tags"
+							}), /* @__PURE__ */ D(N, { children: "Organize and filter this portfolio." })]
+						}), /* @__PURE__ */ D(M, { children: /* @__PURE__ */ D(te, {
+							entityType: "brainyrich-portfolio",
+							entityId: n.id,
+							hideLabel: !0
+						}) })] }),
+						/* @__PURE__ */ D(j, { children: /* @__PURE__ */ D(M, {
+							className: "pt-6",
+							children: /* @__PURE__ */ D(ne, {
+								entityType: "brainyrich-portfolio",
+								entityId: n.id
+							})
+						}) })
 					]
 				}),
-				/* @__PURE__ */ E(Ee, {
+				/* @__PURE__ */ D(Ae, {
 					open: l,
 					onOpenChange: u,
 					portfolioId: n.id,
-					editing: m
+					editing: f
+				}),
+				/* @__PURE__ */ D(d, {
+					open: v !== null,
+					onOpenChange: (e) => {
+						e || C(null);
+					},
+					title: "Delete holding?",
+					description: v ? `Remove ${v.symbol} from this portfolio. This cannot be undone.` : void 0,
+					confirmLabel: "Delete",
+					pendingLabel: "Deleting…",
+					destructive: !0,
+					pending: c.isPending,
+					onConfirm: () => {
+						v && c.mutate(v.id, { onSuccess: () => C(null) });
+					}
 				})
-			] }) : /* @__PURE__ */ E("div", {
+			] }) : /* @__PURE__ */ D("div", {
 				className: "p-6",
-				children: /* @__PURE__ */ E(f, {
-					icon: /* @__PURE__ */ E(w, {
+				children: /* @__PURE__ */ D(m, {
+					icon: /* @__PURE__ */ D(T, {
 						className: "size-6",
 						"aria-hidden": "true"
 					}),
@@ -691,154 +710,177 @@ function De({ portfolioId: e, onOpenChange: t }) {
 		})
 	});
 }
-function Oe() {
-	let { data: e, isLoading: n, isError: r, refetch: i } = c(), a = t(), [o, s] = x(!1), [l, u] = x(null), [d, _] = x(null), b = e.filter((e) => e.status === "ACTIVE").length, S = e.filter((e) => e.status === "DRAFT").length, C = e.length > 0 ? e.reduce((e, t) => e + t.driftThresholdPct, 0) / e.length : 0, P = () => {
-		u(null), s(!0);
-	}, F = (e) => {
-		u(e), s(!0);
+function Me() {
+	let { items: t, hasMore: n, loadMore: r, isLoading: i, isFetchingNextPage: a, isError: s, refetch: c } = o(), l = e(), [f, p] = S(!1), [y, te] = S(null), [ne, x] = S(null), [C, w] = S(null), I = t.filter((e) => e.status === "ACTIVE").length, L = t.filter((e) => e.status === "DRAFT").length, R = t.length > 0 ? t.reduce((e, t) => e + t.driftThresholdPct, 0) / t.length : 0, z = () => {
+		te(null), p(!0);
+	}, B = (e) => {
+		te(e), p(!0);
 	};
-	return /* @__PURE__ */ D(g, {
+	return /* @__PURE__ */ O(v, {
 		title: "Portfolios",
 		description: "Organize holdings into strategies and keep allocations on target.",
-		badges: e.length > 0 ? [`${e.length} total`] : [],
-		actions: /* @__PURE__ */ D(k, {
+		badges: t.length > 0 ? [`${t.length} total`] : [],
+		actions: /* @__PURE__ */ O(A, {
 			size: "sm",
-			onClick: P,
-			children: [/* @__PURE__ */ E(T, {
+			onClick: z,
+			children: [/* @__PURE__ */ D(E, {
 				className: "size-4",
 				"aria-hidden": "true"
 			}), "New portfolio"]
 		}),
 		children: [
-			n ? /* @__PURE__ */ E(h, { rows: 4 }) : r ? /* @__PURE__ */ E(p, { onRetry: () => i() }) : e.length === 0 ? /* @__PURE__ */ E(f, {
-				icon: /* @__PURE__ */ E(w, {
+			i ? /* @__PURE__ */ D(_, { rows: 4 }) : s ? /* @__PURE__ */ D(h, { onRetry: () => c() }) : t.length === 0 ? /* @__PURE__ */ D(m, {
+				icon: /* @__PURE__ */ D(T, {
 					className: "size-6",
 					"aria-hidden": "true"
 				}),
 				title: "No portfolios yet",
 				description: "Create your first portfolio to start organizing holdings and tracking drift.",
-				action: /* @__PURE__ */ D(k, {
+				action: /* @__PURE__ */ O(A, {
 					size: "sm",
-					onClick: P,
-					children: [/* @__PURE__ */ E(T, {
+					onClick: z,
+					children: [/* @__PURE__ */ D(E, {
 						className: "size-4",
 						"aria-hidden": "true"
 					}), "New portfolio"]
 				})
-			}) : /* @__PURE__ */ D(re, { children: [/* @__PURE__ */ E(m, { items: [
-				{
-					label: "Portfolios",
-					value: String(e.length)
-				},
-				{
-					label: "Active",
-					value: String(b)
-				},
-				{
-					label: "Drafts",
-					value: String(S)
-				},
-				{
-					label: "Avg drift threshold",
-					value: v(C)
-				}
-			] }), /* @__PURE__ */ E("div", {
-				className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3",
-				children: e.map((e) => /* @__PURE__ */ D(A, {
-					className: "flex flex-col",
-					children: [/* @__PURE__ */ D(M, {
-						className: "pb-3",
-						children: [/* @__PURE__ */ D("div", {
-							className: "flex items-start justify-between gap-2",
-							children: [/* @__PURE__ */ D(N, {
-								className: "flex items-center gap-2 text-base",
-								children: [/* @__PURE__ */ E(w, {
-									className: "size-4 text-text-secondary",
-									"aria-hidden": "true"
-								}), e.name]
-							}), /* @__PURE__ */ D(z, { children: [/* @__PURE__ */ E(le, {
-								asChild: !0,
-								children: /* @__PURE__ */ E(k, {
-									variant: "ghost",
-									size: "icon",
-									className: "size-10",
-									"aria-label": `Actions for ${e.name}`,
-									children: /* @__PURE__ */ E(ee, {
-										className: "size-4",
+			}) : /* @__PURE__ */ O(oe, { children: [
+				/* @__PURE__ */ D(g, { items: [
+					{
+						label: "Portfolios",
+						value: String(t.length)
+					},
+					{
+						label: "Active",
+						value: String(I)
+					},
+					{
+						label: "Drafts",
+						value: String(L)
+					},
+					{
+						label: "Avg drift threshold",
+						value: b(R)
+					}
+				] }),
+				/* @__PURE__ */ D("div", {
+					className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3",
+					children: t.map((e) => /* @__PURE__ */ O(j, {
+						className: "flex flex-col",
+						children: [/* @__PURE__ */ O(P, {
+							className: "pb-3",
+							children: [/* @__PURE__ */ O("div", {
+								className: "flex items-start justify-between gap-2",
+								children: [/* @__PURE__ */ O(F, {
+									className: "flex items-center gap-2 text-base",
+									children: [/* @__PURE__ */ D(T, {
+										className: "size-4 text-text-secondary",
 										"aria-hidden": "true"
-									})
-								})
-							}), /* @__PURE__ */ D(oe, {
-								align: "end",
-								children: [
-									/* @__PURE__ */ E(se, { children: e.name }),
-									/* @__PURE__ */ E(ce, {}),
-									/* @__PURE__ */ D(B, {
-										className: "gap-2",
-										onClick: () => F(e),
-										children: [/* @__PURE__ */ E(te, {
+									}), e.name]
+								}), /* @__PURE__ */ O(ce, { children: [/* @__PURE__ */ D(fe, {
+									asChild: !0,
+									children: /* @__PURE__ */ D(A, {
+										variant: "ghost",
+										size: "icon",
+										className: "size-10",
+										"aria-label": `Actions for ${e.name}`,
+										children: /* @__PURE__ */ D(re, {
 											className: "size-4",
 											"aria-hidden": "true"
-										}), "Edit"]
+										})
+									})
+								}), /* @__PURE__ */ O(le, {
+									align: "end",
+									children: [
+										/* @__PURE__ */ D(ue, { children: e.name }),
+										/* @__PURE__ */ D(de, {}),
+										/* @__PURE__ */ O(V, {
+											className: "gap-2",
+											onClick: () => B(e),
+											children: [/* @__PURE__ */ D(ie, {
+												className: "size-4",
+												"aria-hidden": "true"
+											}), "Edit"]
+										}),
+										/* @__PURE__ */ O(V, {
+											className: "gap-2 text-status-error-text focus:text-status-error-text",
+											disabled: e.status === "ARCHIVED",
+											onClick: () => w(e),
+											children: [/* @__PURE__ */ D(ae, {
+												className: "size-4",
+												"aria-hidden": "true"
+											}), "Archive"]
+										})
+									]
+								})] })]
+							}), e.description?.trim() ? /* @__PURE__ */ D(N, {
+								className: "line-clamp-2",
+								children: e.description
+							}) : null]
+						}), /* @__PURE__ */ O(M, {
+							className: "flex flex-1 flex-col justify-between gap-4",
+							children: [/* @__PURE__ */ O("div", {
+								className: "flex flex-wrap items-center gap-2",
+								children: [
+									/* @__PURE__ */ D(k, {
+										variant: ee(e.status),
+										children: Q(e.status)
 									}),
-									/* @__PURE__ */ D(B, {
-										className: "gap-2 text-status-error-text focus:text-status-error-text",
-										disabled: a.isPending || e.status === "ARCHIVED",
-										onClick: () => a.mutate(e.id),
-										children: [/* @__PURE__ */ E(ne, {
-											className: "size-4",
-											"aria-hidden": "true"
-										}), "Archive"]
+									/* @__PURE__ */ D(k, {
+										variant: "outline",
+										children: e.baseCurrency
+									}),
+									/* @__PURE__ */ O(k, {
+										variant: "secondary",
+										children: ["Drift ", b(e.driftThresholdPct)]
 									})
 								]
-							})] })]
-						}), e.description?.trim() ? /* @__PURE__ */ E(ie, {
-							className: "line-clamp-2",
-							children: e.description
-						}) : null]
-					}), /* @__PURE__ */ D(j, {
-						className: "flex flex-1 flex-col justify-between gap-4",
-						children: [/* @__PURE__ */ D("div", {
-							className: "flex flex-wrap items-center gap-2",
-							children: [
-								/* @__PURE__ */ E(O, {
-									variant: y(e.status),
-									children: Z(e.status)
-								}),
-								/* @__PURE__ */ E(O, {
-									variant: "outline",
-									children: e.baseCurrency
-								}),
-								/* @__PURE__ */ D(O, {
-									variant: "secondary",
-									children: ["Drift ", v(e.driftThresholdPct)]
-								})
-							]
-						}), /* @__PURE__ */ E(k, {
-							variant: "outline",
-							size: "sm",
-							className: "w-full",
-							onClick: () => _(e.id),
-							children: "View holdings"
+							}), /* @__PURE__ */ D(A, {
+								variant: "outline",
+								size: "sm",
+								className: "w-full",
+								onClick: () => x(e.id),
+								children: "View holdings"
+							})]
 						})]
-					})]
-				}, e.id))
-			})] }),
-			/* @__PURE__ */ E(we, {
-				open: o,
-				onOpenChange: s,
-				editing: l
+					}, e.id))
+				}),
+				/* @__PURE__ */ D(u, {
+					hasMore: n,
+					onClick: r,
+					loading: a
+				})
+			] }),
+			/* @__PURE__ */ D(Oe, {
+				open: f,
+				onOpenChange: p,
+				editing: y
+			}),
+			/* @__PURE__ */ D(je, {
+				portfolioId: ne,
+				onOpenChange: (e) => {
+					e || x(null);
+				}
 			}),
-			/* @__PURE__ */ E(De, {
-				portfolioId: d,
+			/* @__PURE__ */ D(d, {
+				open: C !== null,
 				onOpenChange: (e) => {
-					e || _(null);
+					e || w(null);
+				},
+				title: "Archive portfolio?",
+				description: C ? `Archive “${C.name}”. It will move to archived status and stop appearing in active views.` : void 0,
+				confirmLabel: "Archive",
+				pendingLabel: "Archiving…",
+				destructive: !0,
+				pending: l.isPending,
+				onConfirm: () => {
+					C && l.mutate(C.id, { onSuccess: () => w(null) });
 				}
 			})
 		]
 	});
 }
 //#endregion
-export { Oe as PortfoliosPage };
+export { Me as PortfoliosPage };
 
 //# sourceMappingURL=PortfoliosPage.js.map