npm - @burdenoff/microfe-brainyrich - Versions diffs - 2026.1101.1 → 2026.1101.3 - Mend

@burdenoff/microfe-brainyrich 2026.1101.1 → 2026.1101.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (72) hide show

package/dist/brainyrich/pages/mobile/MobileAccountsView.js ADDED Viewed

@@ -0,0 +1,139 @@
+import { LoadMore as e } from "../../components/LoadMore.js";
+import { GlassCard as t } from "../../components/viz.js";
+import "../../components/index.js";
+import { EmptyState as n, ErrorState as r, LoadingState as i, formatMoney as a } from "../_shared.js";
+import { cn as o } from "../../utils/cn.js";
+import { MobileFab as s, MobilePage as c } from "../../components/mobile/MobilePage.js";
+import "../../components/mobile/index.js";
+import { MobileCard as l, accountTypeChipClass as u } from "./mobileShared.js";
+import { Archive as d, Banknote as f, Bitcoin as p, Building as m, CreditCard as h, Gem as g, Landmark as _, MoreHorizontal as v, Pencil as y, Plus as b, Receipt as x, Wallet as S } from "lucide-react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { Button as T, DropdownMenu as E, DropdownMenuContent as D, DropdownMenuItem as O, DropdownMenuTrigger as k } from "@burdenoff/fe-libs/ui";
+//#region src/brainyrich/pages/mobile/MobileAccountsView.tsx
+var A = {
+	BANK: h,
+	BROKERAGE: S,
+	RETIREMENT: _,
+	CASH: f,
+	CRYPTO: p,
+	REAL_ESTATE: m,
+	ALTERNATIVE: g,
+	LIABILITY: x
+};
+function j({ totalCash: f, accountCount: p, currency: m, items: h, isLoading: g, isError: x, refetch: j, hasMore: M, loadMore: N, isFetchingNextPage: P, onCreate: F, onOpen: I, onEdit: L, onArchive: R, aggregation: z }) {
+	return /* @__PURE__ */ w(c, {
+		tourId: "brainyrich-page-accounts",
+		title: "Accounts",
+		subtitle: `${p} account${p === 1 ? "" : "s"}`,
+		fab: /* @__PURE__ */ C(s, {
+			label: "New account",
+			icon: /* @__PURE__ */ C(b, {
+				className: "size-4",
+				"aria-hidden": "true"
+			}),
+			onClick: F
+		}),
+		children: [
+			/* @__PURE__ */ w(t, {
+				glow: !0,
+				className: "p-5",
+				children: [/* @__PURE__ */ C("p", {
+					className: "text-sm text-text-secondary",
+					children: "Total cash"
+				}), /* @__PURE__ */ C("p", {
+					className: "mt-1 text-3xl font-semibold tracking-tight text-text-primary",
+					"data-testid": "brainyrich-mobile-total-cash",
+					children: a(f, m)
+				})]
+			}),
+			g ? /* @__PURE__ */ C(i, {}) : x ? /* @__PURE__ */ C(r, { onRetry: j }) : h.length === 0 ? /* @__PURE__ */ C(n, {
+				icon: /* @__PURE__ */ C(_, {
+					className: "size-6",
+					"aria-hidden": "true"
+				}),
+				title: "No accounts yet",
+				description: "Add your first bank, brokerage or retirement account to start tracking net worth."
+			}) : /* @__PURE__ */ C("ul", {
+				className: "space-y-3",
+				"aria-label": "Accounts",
+				children: h.map((e) => {
+					let t = A[e.type] ?? S;
+					return /* @__PURE__ */ C("li", { children: /* @__PURE__ */ w(l, {
+						className: "flex items-center gap-3 p-3",
+						children: [/* @__PURE__ */ w("button", {
+							type: "button",
+							onClick: () => I(e),
+							className: "flex min-h-14 min-w-0 flex-1 items-center gap-3 text-left",
+							"aria-label": `Open ${e.name}`,
+							children: [/* @__PURE__ */ C("span", {
+								"aria-hidden": "true",
+								className: "flex size-12 shrink-0 items-center justify-center rounded-xl bg-bg-sunken text-text-secondary",
+								children: /* @__PURE__ */ C(t, { className: "size-5" })
+							}), /* @__PURE__ */ w("span", {
+								className: "min-w-0 flex-1",
+								children: [
+									/* @__PURE__ */ C("span", {
+										className: "block truncate text-sm font-medium text-text-primary",
+										children: e.name
+									}),
+									/* @__PURE__ */ w("span", {
+										className: "mt-1 flex flex-wrap items-center gap-2",
+										children: [/* @__PURE__ */ C("span", {
+											className: o("rounded-md px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide", u(e.type)),
+											children: e.type.replace(/_/g, " ")
+										}), e.status === "ACTIVE" ? null : /* @__PURE__ */ C("span", {
+											className: "text-[10px] uppercase tracking-wide text-text-secondary",
+											children: e.status
+										})]
+									}),
+									/* @__PURE__ */ C("span", {
+										className: "mt-1 block text-lg font-semibold tabular-nums text-text-primary",
+										children: a(e.cashBalance, e.currency)
+									})
+								]
+							})]
+						}), /* @__PURE__ */ w(E, { children: [/* @__PURE__ */ C(k, {
+							asChild: !0,
+							children: /* @__PURE__ */ C(T, {
+								variant: "ghost",
+								size: "icon",
+								className: "size-11 shrink-0",
+								"aria-label": `Actions for ${e.name}`,
+								children: /* @__PURE__ */ C(v, {
+									className: "size-4",
+									"aria-hidden": "true"
+								})
+							})
+						}), /* @__PURE__ */ w(D, {
+							align: "end",
+							children: [/* @__PURE__ */ w(O, {
+								onClick: () => L(e),
+								children: [/* @__PURE__ */ C(y, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}), "Edit"]
+							}), /* @__PURE__ */ w(O, {
+								className: "text-status-error-text",
+								onClick: () => R(e),
+								children: [/* @__PURE__ */ C(d, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}), "Archive"]
+							})]
+						})] })]
+					}) }, e.id);
+				})
+			}),
+			/* @__PURE__ */ C(e, {
+				hasMore: M,
+				onClick: N,
+				loading: P
+			}),
+			z
+		]
+	});
+}
+//#endregion
+export { j as MobileAccountsView };
+//# sourceMappingURL=MobileAccountsView.js.map

package/dist/brainyrich/pages/mobile/MobileAccountsView.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MobileAccountsView.js","names":[],"sources":["../../../../src/brainyrich/pages/mobile/MobileAccountsView.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport {\n Button,\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport {\n Archive as ArchiveIcon,\n Banknote,\n Bitcoin,\n Building,\n CreditCard,\n Gem,\n Landmark,\n MoreHorizontal,\n Pencil,\n Plus,\n Receipt,\n Wallet,\n} from 'lucide-react';\nimport type { BraAccount, BraAccountType } from '../../types/bra';\nimport { GlassCard } from '../../components/viz';\nimport { LoadMore } from '../../components';\nimport { MobileFab, MobilePage } from '../../components/mobile';\nimport { cn } from '../../utils/cn';\nimport { EmptyState, ErrorState, LoadingState, formatMoney } from '../_shared';\nimport { MobileCard, accountTypeChipClass } from './mobileShared';\n\nconst TYPE_ICON: Record<BraAccountType, typeof Wallet> = {\n BANK: CreditCard,\n BROKERAGE: Wallet,\n RETIREMENT: Landmark,\n CASH: Banknote,\n CRYPTO: Bitcoin,\n REAL_ESTATE: Building,\n ALTERNATIVE: Gem,\n LIABILITY: Receipt,\n};\n\nexport interface MobileAccountsViewProps {\n totalCash: number;\n accountCount: number;\n currency: string;\n /** Paged account list (same connection the desktop table renders). */\n items: BraAccount[];\n isLoading: boolean;\n isError: boolean;\n refetch: () => void;\n hasMore: boolean;\n loadMore: () => void;\n isFetchingNextPage: boolean;\n onCreate: () => void;\n onOpen: (account: BraAccount) => void;\n onEdit: (account: BraAccount) => void;\n onArchive: (account: BraAccount) => void;\n /** Institution linking / aggregation panel, shared with desktop. */\n aggregation: ReactNode;\n}\n\n/**\n * Phone accounts list per `br-48-mobile-accounts`: a total-cash hero, one\n * card per account with a type chip and balance, and a floating \"New account\"\n * button. Tapping a card opens the same account detail sheet as desktop.\n */\nexport function MobileAccountsView({\n totalCash,\n accountCount,\n currency,\n items,\n isLoading,\n isError,\n refetch,\n hasMore,\n loadMore,\n isFetchingNextPage,\n onCreate,\n onOpen,\n onEdit,\n onArchive,\n aggregation,\n}: MobileAccountsViewProps) {\n return (\n <MobilePage\n tourId=\"brainyrich-page-accounts\"\n title=\"Accounts\"\n subtitle={`${accountCount} account${accountCount === 1 ? '' : 's'}`}\n fab={\n <MobileFab\n label=\"New account\"\n icon={<Plus className=\"size-4\" aria-hidden=\"true\" />}\n onClick={onCreate}\n />\n }\n >\n <GlassCard glow className=\"p-5\">\n <p className=\"text-sm text-text-secondary\">Total cash</p>\n <p\n className=\"mt-1 text-3xl font-semibold tracking-tight text-text-primary\"\n data-testid=\"brainyrich-mobile-total-cash\"\n >\n {formatMoney(totalCash, currency)}\n </p>\n </GlassCard>\n\n {isLoading ? (\n <LoadingState />\n ) : isError ? (\n <ErrorState onRetry={refetch} />\n ) : items.length === 0 ? (\n <EmptyState\n icon={<Landmark className=\"size-6\" aria-hidden=\"true\" />}\n title=\"No accounts yet\"\n description=\"Add your first bank, brokerage or retirement account to start tracking net worth.\"\n />\n ) : (\n <ul className=\"space-y-3\" aria-label=\"Accounts\">\n {items.map((account) => {\n const Icon = TYPE_ICON[account.type] ?? Wallet;\n return (\n <li key={account.id}>\n <MobileCard className=\"flex items-center gap-3 p-3\">\n <button\n type=\"button\"\n onClick={() => onOpen(account)}\n className=\"flex min-h-14 min-w-0 flex-1 items-center gap-3 text-left\"\n aria-label={`Open ${account.name}`}\n >\n <span\n aria-hidden=\"true\"\n className=\"flex size-12 shrink-0 items-center justify-center rounded-xl bg-bg-sunken text-text-secondary\"\n >\n <Icon className=\"size-5\" />\n </span>\n <span className=\"min-w-0 flex-1\">\n <span className=\"block truncate text-sm font-medium text-text-primary\">\n {account.name}\n </span>\n <span className=\"mt-1 flex flex-wrap items-center gap-2\">\n <span\n className={cn(\n 'rounded-md px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide',\n accountTypeChipClass(account.type)\n )}\n >\n {account.type.replace(/_/g, ' ')}\n </span>\n {account.status !== 'ACTIVE' ? (\n <span className=\"text-[10px] uppercase tracking-wide text-text-secondary\">\n {account.status}\n </span>\n ) : null}\n </span>\n <span className=\"mt-1 block text-lg font-semibold tabular-nums text-text-primary\">\n {formatMoney(account.cashBalance, account.currency)}\n </span>\n </span>\n </button>\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className=\"size-11 shrink-0\"\n aria-label={`Actions for ${account.name}`}\n >\n <MoreHorizontal className=\"size-4\" aria-hidden=\"true\" />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n <DropdownMenuItem onClick={() => onEdit(account)}>\n <Pencil className=\"size-4\" aria-hidden=\"true\" />\n Edit\n </DropdownMenuItem>\n <DropdownMenuItem\n className=\"text-status-error-text\"\n onClick={() => onArchive(account)}\n >\n <ArchiveIcon className=\"size-4\" aria-hidden=\"true\" />\n Archive\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </MobileCard>\n </li>\n );\n })}\n </ul>\n )}\n\n <LoadMore hasMore={hasMore} onClick={loadMore} loading={isFetchingNextPage} />\n\n {aggregation}\n </MobilePage>\n );\n}\n"],"mappings":"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"}

package/dist/brainyrich/pages/mobile/MobileDashboardView.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { BraGoal, BraInsight, BraNetWorthSummary, BraPortfolio } from '../../types/bra';
+import { DonutDatum } from '../../components/viz';
+import { MobileQueryState, Translate } from './mobileShared';
+export interface MobileDashboardViewProps {
+    translate: Translate;
+    summary: MobileQueryState<BraNetWorthSummary | null | undefined>;
+    /** Positive allocation slices, computed by the page so both layouts agree. */
+    allocation: DonutDatum[];
+    insights: MobileQueryState<BraInsight[]>;
+    goals: MobileQueryState<BraGoal[]>;
+    portfolios: MobileQueryState<BraPortfolio[]>;
+    /** Renders one open insight with its acknowledge / resolve / dismiss actions. */
+    renderInsight: (insight: BraInsight) => ReactNode;
+    /** App-bar action that opens the new-account dialog. */
+    newAccountAction: ReactNode;
+}
+/**
+ * Phone dashboard per `br-47-mobile-dashboard`: net-worth hero, condensed
+ * invested / cash KPIs, allocation mini-chart, the attention list and a
+ * horizontally scrolling strip of goal cards.
+ */
+export declare function MobileDashboardView({ translate, summary, allocation, insights, goals, portfolios, renderInsight, newAccountAction, }: MobileDashboardViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MobileDashboardView.d.ts.map

package/dist/brainyrich/pages/mobile/MobileDashboardView.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MobileDashboardView.d.ts","sourceRoot":"","sources":["../../../../src/brainyrich/pages/mobile/MobileDashboardView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC7F,OAAO,EAKL,KAAK,UAAU,EAChB,MAAM,sBAAsB,CAAC;AAgB9B,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACf,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,gBAAgB,CAAC,kBAAkB,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACjE,8EAA8E;IAC9E,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,QAAQ,EAAE,gBAAgB,CAAC,UAAU,EAAE,CAAC,CAAC;IACzC,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC;IACnC,UAAU,EAAE,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC;IAC7C,iFAAiF;IACjF,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,SAAS,CAAC;IAClD,wDAAwD;IACxD,gBAAgB,EAAE,SAAS,CAAC;CAC7B;AAOD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,KAAK,EACL,UAAU,EACV,aAAa,EACb,gBAAgB,GACjB,EAAE,wBAAwB,2CAqR1B"}

package/dist/brainyrich/pages/mobile/MobileDashboardView.js ADDED Viewed

@@ -0,0 +1,245 @@
+import { useBrainyRich as e } from "../../providers/BrainyRichProvider.js";
+import { DonutChart as t, GlassCard as n, ProgressRing as r, useVizColors as i } from "../../components/viz.js";
+import { EmptyState as a, ErrorState as o, LoadingState as s, formatCompact as c, formatDate as l, formatMoney as u, formatPct as d, statusBadgeVariant as f } from "../_shared.js";
+import { cn as p } from "../../utils/cn.js";
+import { goalDetailPath as m, sectionPath as h } from "../../navItems.js";
+import { MobilePage as g } from "../../components/mobile/MobilePage.js";
+import "../../components/mobile/index.js";
+import { fundedPercent as _, goalTone as v } from "../../utils/goalMetrics.js";
+import { MobileCard as y, projectionChipClass as b } from "./mobileShared.js";
+import { ChevronRight as x, CircleCheck as S, Coins as C, Target as w, TrendingUp as T, Wallet as E } from "lucide-react";
+import { useNavigate as D } from "react-router";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { Badge as j } from "@burdenoff/fe-libs/ui";
+//#region src/brainyrich/pages/mobile/MobileDashboardView.tsx
+function M(e) {
+	let t = e.replace(/_/g, " ").toLowerCase();
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}
+function N({ translate: N, summary: P, allocation: F, insights: I, goals: L, portfolios: R, renderInsight: z, newAccountAction: B }) {
+	let V = D(), { basePath: H = "/" } = e(), U = i(), W = P.data, G = W?.currency ?? "USD", K = F.reduce((e, t) => e + t.value, 0), q = I.data.slice(0, 3), J = L.data.slice(0, 8), Y = R.data.slice(0, 3), X = (e, t) => /* @__PURE__ */ A("button", {
+		type: "button",
+		onClick: () => V(t),
+		className: "inline-flex min-h-11 items-center gap-0.5 text-xs font-medium text-text-secondary hover:text-text-primary",
+		children: [e, /* @__PURE__ */ k(x, {
+			className: "size-3.5",
+			"aria-hidden": "true"
+		})]
+	});
+	return /* @__PURE__ */ A(g, {
+		tourId: "brainyrich-page-dashboard",
+		title: N("brainyrich.dashboard.title", "Wealth Dashboard"),
+		subtitle: N("brainyrich.mobile.dashboard.subtitle", "Your wealth at a glance"),
+		brandMark: !0,
+		action: B,
+		children: [
+			P.isLoading ? /* @__PURE__ */ k(s, { rows: 2 }) : P.isError ? /* @__PURE__ */ k(o, {
+				title: N("brainyrich.dashboard.netWorthError", "Could not load net worth"),
+				onRetry: P.refetch
+			}) : W ? /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ A(n, {
+				glow: !0,
+				className: "p-5",
+				children: [
+					/* @__PURE__ */ A("div", {
+						className: "flex items-start justify-between gap-2",
+						children: [/* @__PURE__ */ k("p", {
+							className: "text-sm text-text-secondary",
+							children: N("brainyrich.dashboard.metrics.netWorth", "Net Worth")
+						}), /* @__PURE__ */ k(E, {
+							className: "size-4 text-text-secondary",
+							"aria-hidden": "true"
+						})]
+					}),
+					/* @__PURE__ */ k("p", {
+						className: "mt-1 text-4xl font-semibold tracking-tight text-text-primary",
+						"data-testid": "brainyrich-mobile-networth",
+						children: c(W.totalNetWorth, G)
+					}),
+					/* @__PURE__ */ k("p", {
+						className: "mt-1 text-xs text-text-secondary",
+						children: N("brainyrich.mobile.dashboard.accountsLinked", "{{count}} linked accounts", { count: W.accountCount })
+					})
+				]
+			}), /* @__PURE__ */ A("div", {
+				className: "grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ A(y, { children: [/* @__PURE__ */ A("div", {
+					className: "flex items-center gap-1.5 text-xs text-text-secondary",
+					children: [/* @__PURE__ */ k(T, {
+						className: "size-3.5",
+						"aria-hidden": "true"
+					}), N("brainyrich.mobile.dashboard.invested", "Invested")]
+				}), /* @__PURE__ */ k("p", {
+					className: "mt-1 text-xl font-semibold text-text-primary",
+					children: c(W.totalMarketValue, G)
+				})] }), /* @__PURE__ */ A(y, { children: [/* @__PURE__ */ A("div", {
+					className: "flex items-center gap-1.5 text-xs text-text-secondary",
+					children: [/* @__PURE__ */ k(C, {
+						className: "size-3.5",
+						"aria-hidden": "true"
+					}), N("brainyrich.mobile.dashboard.cash", "Cash")]
+				}), /* @__PURE__ */ k("p", {
+					className: "mt-1 text-xl font-semibold text-text-primary",
+					children: c(W.totalCash, G)
+				})] })]
+			})] }) : /* @__PURE__ */ k(a, {
+				icon: /* @__PURE__ */ k(E, {
+					className: "size-6",
+					"aria-hidden": "true"
+				}),
+				title: N("brainyrich.dashboard.noSummary", "No financial data yet"),
+				description: N("brainyrich.dashboard.noSummaryDesc", "Link your first account to see your net worth here.")
+			}),
+			!P.isLoading && !P.isError && F.length > 0 ? /* @__PURE__ */ A(y, { children: [/* @__PURE__ */ k("h2", {
+				className: "text-sm font-semibold text-text-primary",
+				children: N("brainyrich.dashboard.sections.positiveAssetAllocation", "Asset allocation")
+			}), /* @__PURE__ */ A("div", {
+				className: "mt-3 flex items-center gap-4",
+				children: [/* @__PURE__ */ k("div", {
+					className: "w-28 shrink-0",
+					children: /* @__PURE__ */ k(t, {
+						data: F,
+						legend: !1,
+						height: 112,
+						valueFormatter: (e) => u(e, G)
+					})
+				}), /* @__PURE__ */ k("ul", {
+					className: "min-w-0 flex-1 space-y-1.5",
+					"aria-label": N("brainyrich.dashboard.allocationLegend", "Allocation legend"),
+					children: F.map((e, t) => /* @__PURE__ */ A("li", {
+						className: "flex items-center gap-2 text-xs",
+						children: [
+							/* @__PURE__ */ k("span", {
+								"aria-hidden": "true",
+								className: "size-2 shrink-0 rounded-full",
+								style: { background: e.tone ? U.tone(e.tone) : U.palette[t % U.palette.length] }
+							}),
+							/* @__PURE__ */ k("span", {
+								className: "truncate text-text-secondary",
+								children: e.label
+							}),
+							/* @__PURE__ */ k("span", {
+								className: "ml-auto font-medium tabular-nums text-text-primary",
+								children: d(K > 0 ? e.value / K * 100 : 0, 0)
+							})
+						]
+					}, e.label))
+				})]
+			})] }) : null,
+			/* @__PURE__ */ A("section", {
+				"aria-labelledby": "br-mobile-attention",
+				className: "space-y-2",
+				children: [/* @__PURE__ */ k("h2", {
+					id: "br-mobile-attention",
+					className: "text-sm font-semibold text-text-primary",
+					children: N("brainyrich.dashboard.sections.needsAttention", "Needs attention")
+				}), I.isLoading ? /* @__PURE__ */ k(s, { rows: 2 }) : I.isError ? /* @__PURE__ */ k(o, { onRetry: I.refetch }) : q.length > 0 ? /* @__PURE__ */ k("div", {
+					className: "space-y-2",
+					children: q.map((e) => /* @__PURE__ */ k("div", { children: z(e) }, e.id))
+				}) : /* @__PURE__ */ A(y, {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ k(S, {
+						className: "size-5 text-status-success-text",
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ k("p", {
+						className: "text-sm text-text-secondary",
+						children: N("brainyrich.dashboard.noInsightsDesc", "There are no open insights that need your attention.")
+					})]
+				})]
+			}),
+			/* @__PURE__ */ A("section", {
+				"aria-labelledby": "br-mobile-goals",
+				className: "space-y-2",
+				children: [/* @__PURE__ */ A("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ k("h2", {
+						id: "br-mobile-goals",
+						className: "text-sm font-semibold text-text-primary",
+						children: N("brainyrich.dashboard.sections.goals", "Goals on track")
+					}), J.length > 0 ? X(N("brainyrich.mobile.seeAll", "See all"), h(H, "brainyrich-goals")) : null]
+				}), L.isLoading ? /* @__PURE__ */ k(s, { rows: 1 }) : L.isError ? /* @__PURE__ */ k(o, { onRetry: L.refetch }) : J.length > 0 ? /* @__PURE__ */ k("ul", {
+					className: "-mx-1 flex snap-x snap-mandatory gap-3 overflow-x-auto px-1 pb-1",
+					"aria-label": N("brainyrich.dashboard.sections.goals", "Goals on track"),
+					children: J.map((e) => /* @__PURE__ */ k("li", {
+						className: "w-40 shrink-0 snap-start",
+						children: /* @__PURE__ */ A("button", {
+							type: "button",
+							onClick: () => V(m(H, e.id)),
+							className: "flex h-full w-full flex-col items-start gap-2 rounded-2xl border border-border-subtle bg-bg-surface p-3 text-left motion-safe:transition-colors hover:bg-bg-elevated",
+							children: [
+								/* @__PURE__ */ k(r, {
+									value: _(e),
+									tone: v(e.status, e.projection),
+									size: 52,
+									strokeWidth: 6,
+									label: N("brainyrich.goals.card.funded", "funded")
+								}),
+								/* @__PURE__ */ k("p", {
+									className: "w-full truncate text-sm font-medium text-text-primary",
+									children: e.name
+								}),
+								/* @__PURE__ */ k("span", {
+									className: p("rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide", b(e)),
+									children: e.status === "ACHIEVED" ? M(e.status) : M(e.projection)
+								}),
+								/* @__PURE__ */ A("p", {
+									className: "text-xs text-text-secondary",
+									children: [
+										c(e.targetAmount, e.currency),
+										" ·",
+										" ",
+										l(e.targetDate)
+									]
+								})
+							]
+						})
+					}, e.id))
+				}) : /* @__PURE__ */ k(a, {
+					icon: /* @__PURE__ */ k(w, {
+						className: "size-6",
+						"aria-hidden": "true"
+					}),
+					title: N("brainyrich.dashboard.noGoals", "No goals yet"),
+					description: N("brainyrich.dashboard.noGoalsDesc", "Set a financial goal to start tracking progress.")
+				})]
+			}),
+			!R.isLoading && (R.isError || Y.length > 0) ? /* @__PURE__ */ A("section", {
+				"aria-labelledby": "br-mobile-portfolios",
+				className: "space-y-2",
+				children: [/* @__PURE__ */ A("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ k("h2", {
+						id: "br-mobile-portfolios",
+						className: "text-sm font-semibold text-text-primary",
+						children: N("brainyrich.dashboard.sections.portfolios", "Portfolios")
+					}), X(N("brainyrich.mobile.seeAll", "See all"), h(H, "brainyrich-portfolios"))]
+				}), R.isError ? /* @__PURE__ */ k(o, {
+					title: N("brainyrich.dashboard.portfoliosError", "Could not load portfolios"),
+					onRetry: R.refetch
+				}) : /* @__PURE__ */ k("div", {
+					className: "space-y-2",
+					children: Y.map((e) => /* @__PURE__ */ A(y, {
+						className: "flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ A("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ k("p", {
+								className: "truncate text-sm font-medium text-text-primary",
+								children: e.name
+							}), /* @__PURE__ */ k("p", {
+								className: "truncate text-xs text-text-secondary",
+								children: e.description ?? e.baseCurrency
+							})]
+						}), /* @__PURE__ */ k(j, {
+							variant: f(e.status),
+							className: "shrink-0",
+							children: e.status
+						})]
+					}, e.id))
+				})]
+			}) : null
+		]
+	});
+}
+//#endregion
+export { N as MobileDashboardView };
+//# sourceMappingURL=MobileDashboardView.js.map

package/dist/brainyrich/pages/mobile/MobileDashboardView.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MobileDashboardView.js","names":[],"sources":["../../../../src/brainyrich/pages/mobile/MobileDashboardView.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useNavigate } from 'react-router';\nimport { Badge } from '@burdenoff/fe-libs/ui';\nimport { ChevronRight, CircleCheck, Coins, Target, TrendingUp, Wallet } from 'lucide-react';\nimport type { BraGoal, BraInsight, BraNetWorthSummary, BraPortfolio } from '../../types/bra';\nimport {\n DonutChart,\n GlassCard,\n ProgressRing,\n useVizColors,\n type DonutDatum,\n} from '../../components/viz';\nimport { MobilePage } from '../../components/mobile';\nimport { useBrainyRich } from '../../providers/BrainyRichProvider';\nimport { goalDetailPath, sectionPath } from '../../navItems';\nimport { fundedPercent, goalTone } from '../../utils/goalMetrics';\nimport { cn } from '../../utils/cn';\nimport {\n EmptyState,\n ErrorState,\n LoadingState,\n formatCompact,\n formatDate,\n formatMoney,\n formatPct,\n statusBadgeVariant,\n} from '../_shared';\nimport {\n MobileCard,\n projectionChipClass,\n type MobileQueryState,\n type Translate,\n} from './mobileShared';\n\nexport interface MobileDashboardViewProps {\n translate: Translate;\n summary: MobileQueryState<BraNetWorthSummary | null | undefined>;\n /** Positive allocation slices, computed by the page so both layouts agree. */\n allocation: DonutDatum[];\n insights: MobileQueryState<BraInsight[]>;\n goals: MobileQueryState<BraGoal[]>;\n portfolios: MobileQueryState<BraPortfolio[]>;\n /** Renders one open insight with its acknowledge / resolve / dismiss actions. */\n renderInsight: (insight: BraInsight) => ReactNode;\n /** App-bar action that opens the new-account dialog. */\n newAccountAction: ReactNode;\n}\n\nfunction prettyLabel(value: string): string {\n const spaced = value.replace(/_/g, ' ').toLowerCase();\n return spaced.charAt(0).toUpperCase() + spaced.slice(1);\n}\n\n/**\n * Phone dashboard per `br-47-mobile-dashboard`: net-worth hero, condensed\n * invested / cash KPIs, allocation mini-chart, the attention list and a\n * horizontally scrolling strip of goal cards.\n */\nexport function MobileDashboardView({\n translate,\n summary,\n allocation,\n insights,\n goals,\n portfolios,\n renderInsight,\n newAccountAction,\n}: MobileDashboardViewProps) {\n const navigate = useNavigate();\n const { basePath = '/' } = useBrainyRich();\n const colors = useVizColors();\n const data = summary.data;\n const currency = data?.currency ?? 'USD';\n const allocationTotal = allocation.reduce((sum, row) => sum + row.value, 0);\n const topInsights = insights.data.slice(0, 3);\n const topGoals = goals.data.slice(0, 8);\n const topPortfolios = portfolios.data.slice(0, 3);\n\n const seeAll = (label: string, target: string) => (\n <button\n type=\"button\"\n onClick={() => navigate(target)}\n className=\"inline-flex min-h-11 items-center gap-0.5 text-xs font-medium text-text-secondary hover:text-text-primary\"\n >\n {label}\n <ChevronRight className=\"size-3.5\" aria-hidden=\"true\" />\n </button>\n );\n\n return (\n <MobilePage\n tourId=\"brainyrich-page-dashboard\"\n title={translate('brainyrich.dashboard.title', 'Wealth Dashboard')}\n subtitle={translate('brainyrich.mobile.dashboard.subtitle', 'Your wealth at a glance')}\n brandMark\n action={newAccountAction}\n >\n {/* Net worth hero + condensed KPIs */}\n {summary.isLoading ? (\n <LoadingState rows={2} />\n ) : summary.isError ? (\n <ErrorState\n title={translate('brainyrich.dashboard.netWorthError', 'Could not load net worth')}\n onRetry={summary.refetch}\n />\n ) : data ? (\n <>\n <GlassCard glow className=\"p-5\">\n <div className=\"flex items-start justify-between gap-2\">\n <p className=\"text-sm text-text-secondary\">\n {translate('brainyrich.dashboard.metrics.netWorth', 'Net Worth')}\n </p>\n <Wallet className=\"size-4 text-text-secondary\" aria-hidden=\"true\" />\n </div>\n <p\n className=\"mt-1 text-4xl font-semibold tracking-tight text-text-primary\"\n data-testid=\"brainyrich-mobile-networth\"\n >\n {formatCompact(data.totalNetWorth, currency)}\n </p>\n <p className=\"mt-1 text-xs text-text-secondary\">\n {translate(\n 'brainyrich.mobile.dashboard.accountsLinked',\n '{{count}} linked accounts',\n {\n count: data.accountCount,\n }\n )}\n </p>\n </GlassCard>\n <div className=\"grid grid-cols-2 gap-3\">\n <MobileCard>\n <div className=\"flex items-center gap-1.5 text-xs text-text-secondary\">\n <TrendingUp className=\"size-3.5\" aria-hidden=\"true\" />\n {translate('brainyrich.mobile.dashboard.invested', 'Invested')}\n </div>\n <p className=\"mt-1 text-xl font-semibold text-text-primary\">\n {formatCompact(data.totalMarketValue, currency)}\n </p>\n </MobileCard>\n <MobileCard>\n <div className=\"flex items-center gap-1.5 text-xs text-text-secondary\">\n <Coins className=\"size-3.5\" aria-hidden=\"true\" />\n {translate('brainyrich.mobile.dashboard.cash', 'Cash')}\n </div>\n <p className=\"mt-1 text-xl font-semibold text-text-primary\">\n {formatCompact(data.totalCash, currency)}\n </p>\n </MobileCard>\n </div>\n </>\n ) : (\n <EmptyState\n icon={<Wallet className=\"size-6\" aria-hidden=\"true\" />}\n title={translate('brainyrich.dashboard.noSummary', 'No financial data yet')}\n description={translate(\n 'brainyrich.dashboard.noSummaryDesc',\n 'Link your first account to see your net worth here.'\n )}\n />\n )}\n\n {/* Allocation mini-chart */}\n {!summary.isLoading && !summary.isError && allocation.length > 0 ? (\n <MobileCard>\n <h2 className=\"text-sm font-semibold text-text-primary\">\n {translate('brainyrich.dashboard.sections.positiveAssetAllocation', 'Asset allocation')}\n </h2>\n <div className=\"mt-3 flex items-center gap-4\">\n <div className=\"w-28 shrink-0\">\n <DonutChart\n data={allocation}\n legend={false}\n height={112}\n valueFormatter={(v) => formatMoney(v, currency)}\n />\n </div>\n <ul\n className=\"min-w-0 flex-1 space-y-1.5\"\n aria-label={translate('brainyrich.dashboard.allocationLegend', 'Allocation legend')}\n >\n {allocation.map((row, i) => (\n <li key={row.label} className=\"flex items-center gap-2 text-xs\">\n <span\n aria-hidden=\"true\"\n className=\"size-2 shrink-0 rounded-full\"\n style={{\n background: row.tone\n ? colors.tone(row.tone)\n : colors.palette[i % colors.palette.length],\n }}\n />\n <span className=\"truncate text-text-secondary\">{row.label}</span>\n <span className=\"ml-auto font-medium tabular-nums text-text-primary\">\n {formatPct(allocationTotal > 0 ? (row.value / allocationTotal) * 100 : 0, 0)}\n </span>\n </li>\n ))}\n </ul>\n </div>\n </MobileCard>\n ) : null}\n\n {/* Needs attention */}\n <section aria-labelledby=\"br-mobile-attention\" className=\"space-y-2\">\n <h2 id=\"br-mobile-attention\" className=\"text-sm font-semibold text-text-primary\">\n {translate('brainyrich.dashboard.sections.needsAttention', 'Needs attention')}\n </h2>\n {insights.isLoading ? (\n <LoadingState rows={2} />\n ) : insights.isError ? (\n <ErrorState onRetry={insights.refetch} />\n ) : topInsights.length > 0 ? (\n <div className=\"space-y-2\">\n {topInsights.map((insight) => (\n <div key={insight.id}>{renderInsight(insight)}</div>\n ))}\n </div>\n ) : (\n <MobileCard className=\"flex items-center gap-3\">\n <CircleCheck className=\"size-5 text-status-success-text\" aria-hidden=\"true\" />\n <p className=\"text-sm text-text-secondary\">\n {translate(\n 'brainyrich.dashboard.noInsightsDesc',\n 'There are no open insights that need your attention.'\n )}\n </p>\n </MobileCard>\n )}\n </section>\n\n {/* Goals strip */}\n <section aria-labelledby=\"br-mobile-goals\" className=\"space-y-2\">\n <div className=\"flex items-center justify-between\">\n <h2 id=\"br-mobile-goals\" className=\"text-sm font-semibold text-text-primary\">\n {translate('brainyrich.dashboard.sections.goals', 'Goals on track')}\n </h2>\n {topGoals.length > 0\n ? seeAll(\n translate('brainyrich.mobile.seeAll', 'See all'),\n sectionPath(basePath, 'brainyrich-goals')\n )\n : null}\n </div>\n {goals.isLoading ? (\n <LoadingState rows={1} />\n ) : goals.isError ? (\n <ErrorState onRetry={goals.refetch} />\n ) : topGoals.length > 0 ? (\n <ul\n className=\"-mx-1 flex snap-x snap-mandatory gap-3 overflow-x-auto px-1 pb-1\"\n aria-label={translate('brainyrich.dashboard.sections.goals', 'Goals on track')}\n >\n {topGoals.map((goal) => {\n const pct = fundedPercent(goal);\n return (\n <li key={goal.id} className=\"w-40 shrink-0 snap-start\">\n <button\n type=\"button\"\n onClick={() => navigate(goalDetailPath(basePath, goal.id))}\n className=\"flex h-full w-full flex-col items-start gap-2 rounded-2xl border border-border-subtle bg-bg-surface p-3 text-left motion-safe:transition-colors hover:bg-bg-elevated\"\n >\n <ProgressRing\n value={pct}\n tone={goalTone(goal.status, goal.projection)}\n size={52}\n strokeWidth={6}\n label={translate('brainyrich.goals.card.funded', 'funded')}\n />\n <p className=\"w-full truncate text-sm font-medium text-text-primary\">\n {goal.name}\n </p>\n <span\n className={cn(\n 'rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide',\n projectionChipClass(goal)\n )}\n >\n {goal.status === 'ACHIEVED'\n ? prettyLabel(goal.status)\n : prettyLabel(goal.projection)}\n </span>\n <p className=\"text-xs text-text-secondary\">\n {formatCompact(goal.targetAmount, goal.currency)} ·{' '}\n {formatDate(goal.targetDate)}\n </p>\n </button>\n </li>\n );\n })}\n </ul>\n ) : (\n <EmptyState\n icon={<Target className=\"size-6\" aria-hidden=\"true\" />}\n title={translate('brainyrich.dashboard.noGoals', 'No goals yet')}\n description={translate(\n 'brainyrich.dashboard.noGoalsDesc',\n 'Set a financial goal to start tracking progress.'\n )}\n />\n )}\n </section>\n\n {/* Portfolios: hidden while loading or when there are none, but a failed\n load stays visible with a retry so the phone never silently drops it. */}\n {!portfolios.isLoading && (portfolios.isError || topPortfolios.length > 0) ? (\n <section aria-labelledby=\"br-mobile-portfolios\" className=\"space-y-2\">\n <div className=\"flex items-center justify-between\">\n <h2 id=\"br-mobile-portfolios\" className=\"text-sm font-semibold text-text-primary\">\n {translate('brainyrich.dashboard.sections.portfolios', 'Portfolios')}\n </h2>\n {seeAll(\n translate('brainyrich.mobile.seeAll', 'See all'),\n sectionPath(basePath, 'brainyrich-portfolios')\n )}\n </div>\n {portfolios.isError ? (\n <ErrorState\n title={translate('brainyrich.dashboard.portfoliosError', 'Could not load portfolios')}\n onRetry={portfolios.refetch}\n />\n ) : (\n <div className=\"space-y-2\">\n {topPortfolios.map((portfolio) => (\n <MobileCard key={portfolio.id} className=\"flex items-center justify-between gap-3\">\n <div className=\"min-w-0\">\n <p className=\"truncate text-sm font-medium text-text-primary\">\n {portfolio.name}\n </p>\n <p className=\"truncate text-xs text-text-secondary\">\n {portfolio.description ?? portfolio.baseCurrency}\n </p>\n </div>\n <Badge variant={statusBadgeVariant(portfolio.status)} className=\"shrink-0\">\n {portfolio.status}\n </Badge>\n </MobileCard>\n ))}\n </div>\n )}\n </section>\n ) : null}\n </MobilePage>\n );\n}\n"],"mappings":"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"}

package/dist/brainyrich/pages/mobile/MobileGoalsView.d.ts ADDED Viewed

@@ -0,0 +1,30 @@
+import { BraGoal } from '../../types/bra';
+import { Translate } from './mobileShared';
+export interface MobileGoalsViewProps {
+    translate: Translate;
+    goals: BraGoal[];
+    isLoading: boolean;
+    isError: boolean;
+    refetch: () => void;
+    hasMore: boolean;
+    loadMore: () => void;
+    isFetchingNextPage: boolean;
+    totals: {
+        totalTarget: number;
+        totalMonthly: number;
+        atRisk: number;
+    };
+    currency: string;
+    onCreate: () => void;
+    onOpen: (goal: BraGoal) => void;
+    onEdit: (goal: BraGoal) => void;
+    onArchive: (goal: BraGoal) => void;
+}
+/**
+ * Phone goals list per `br-49-mobile-goals`: a simplified funding summary, one
+ * card per goal with a progress ring and projection badge, and a floating
+ * "New goal" button. Tapping a card opens the same detail and funding sheet
+ * as desktop.
+ */
+export declare function MobileGoalsView({ translate, goals, isLoading, isError, refetch, hasMore, loadMore, isFetchingNextPage, totals, currency, onCreate, onOpen, onEdit, onArchive, }: MobileGoalsViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MobileGoalsView.d.ts.map

package/dist/brainyrich/pages/mobile/MobileGoalsView.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MobileGoalsView.d.ts","sourceRoot":"","sources":["../../../../src/brainyrich/pages/mobile/MobileGoalsView.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAc/C,OAAO,EAAmC,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEjF,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,MAAM,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AAUD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAK,EACL,SAAS,EACT,OAAO,EACP,OAAO,EACP,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,GACV,EAAE,oBAAoB,2CAwKtB"}