@burdenoff/microfe-brainyrich 2026.509.101

package/dist/brainyrich/pages/FamilyPage.js

@@ -0,0 +1,358 @@
+import { useBrainyRichStore as e } from "../store/brainyrichStore.js";
+import { KpiGrid as t, SectionShell as n, formatMoney as r } from "./_shared.js";
+import { AlertTriangle as i, CheckCircle as a, Shield as o, Target as s, TrendingUp as c, UserPlus as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Badge as f, Button as p, Card as m, CardContent as h, CardDescription as g, CardHeader as _, CardTitle as v, Tabs as y, TabsContent as b, TabsList as x, TabsTrigger as S } from "@burdenoff/fe-libs/ui";
+//#region src/brainyrich/pages/FamilyPage.tsx
+var C = [
+	{
+		id: "f1",
+		name: "Vikram Raghavan",
+		role: "Primary Owner",
+		status: "Active",
+		permissions: "Full Access",
+		lastActive: "Just now"
+	},
+	{
+		id: "f2",
+		name: "Priya Raghavan",
+		role: "Spouse",
+		status: "Active",
+		permissions: "Financial Planning, View Accounts",
+		lastActive: "30 min ago"
+	},
+	{
+		id: "f3",
+		name: "Aditya Raghavan",
+		role: "Child",
+		status: "Active",
+		permissions: "View Goals, Education Fund",
+		lastActive: "2 hrs ago"
+	},
+	{
+		id: "f4",
+		name: "Kavya Raghavan",
+		role: "Child",
+		status: "Pending",
+		permissions: "View Goals, Education Fund",
+		lastActive: "Invited"
+	}
+], w = [
+	{
+		id: "fg1",
+		title: "Emergency Fund",
+		category: "Safety Net",
+		target: 6e5,
+		current: 54e4,
+		status: "On Track",
+		assignees: ["Vikram", "Priya"]
+	},
+	{
+		id: "fg2",
+		title: "Aditya's College Fund",
+		category: "Education",
+		target: 25e5,
+		current: 118e4,
+		status: "On Track",
+		assignees: [
+			"Vikram",
+			"Priya",
+			"Aditya"
+		]
+	},
+	{
+		id: "fg3",
+		title: "Family Vacation - Japan",
+		category: "Lifestyle",
+		target: 4e5,
+		current: 31e4,
+		status: "On Track",
+		assignees: ["Vikram", "Priya"]
+	},
+	{
+		id: "fg4",
+		title: "Home Renovation",
+		category: "Home",
+		target: 12e5,
+		current: 38e4,
+		status: "Behind",
+		assignees: ["Vikram", "Priya"]
+	}
+];
+function T() {
+	let { goals: T } = e();
+	return /* @__PURE__ */ d(n, {
+		title: "Family Wealth Hub",
+		description: "Collaborative financial planning for your family members",
+		actionLabel: "Invite Member",
+		badges: ["4 Family Members"],
+		children: [/* @__PURE__ */ u(t, { items: [
+			{
+				label: "Active Members",
+				value: "3/4",
+				trend: "1 pending invite"
+			},
+			{
+				label: "Family Net Worth",
+				value: r(245e4),
+				trend: "+6.2% YTD"
+			},
+			{
+				label: "Family Goals",
+				value: `${w.filter((e) => e.status === "On Track").length}/${w.length}`,
+				trend: "On track"
+			},
+			{
+				label: "Monthly Budget",
+				value: r(95e3),
+				trend: "Shared allocation"
+			}
+		] }), /* @__PURE__ */ d(y, {
+			defaultValue: "overview",
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ d(x, {
+					className: "grid w-full grid-cols-3",
+					children: [
+						/* @__PURE__ */ u(S, {
+							value: "overview",
+							children: "Overview"
+						}),
+						/* @__PURE__ */ u(S, {
+							value: "members",
+							children: "Members"
+						}),
+						/* @__PURE__ */ u(S, {
+							value: "goals",
+							children: "Family Goals"
+						})
+					]
+				}),
+				/* @__PURE__ */ d(b, {
+					value: "overview",
+					className: "space-y-4",
+					children: [/* @__PURE__ */ d("div", {
+						className: "grid gap-4 lg:grid-cols-2",
+						children: [/* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(_, { children: /* @__PURE__ */ d(v, {
+							className: "flex items-center gap-2 text-base",
+							children: [/* @__PURE__ */ u(c, { className: "h-4 w-4" }), "Recent Family Activity"]
+						}) }), /* @__PURE__ */ u(h, {
+							className: "space-y-3",
+							children: [
+								{
+									member: "Priya Raghavan",
+									action: "Updated emergency fund goal",
+									time: "2 hours ago"
+								},
+								{
+									member: "Vikram Raghavan",
+									action: "Added $5,000 to vacation savings",
+									time: "1 day ago"
+								},
+								{
+									member: "Aditya Raghavan",
+									action: "Checked college fund progress",
+									time: "2 days ago"
+								},
+								{
+									member: "Priya Raghavan",
+									action: "Invited Kavya to family account",
+									time: "3 days ago"
+								}
+							].map((e, t) => /* @__PURE__ */ d("div", {
+								className: "flex items-center gap-3 rounded-lg border p-2.5",
+								children: [
+									/* @__PURE__ */ u("div", {
+										className: "flex h-8 w-8 items-center justify-center rounded-full bg-blue-100 text-xs font-bold text-blue-600",
+										children: e.member.split(" ").map((e) => e[0]).join("")
+									}),
+									/* @__PURE__ */ d("div", {
+										className: "flex-1",
+										children: [/* @__PURE__ */ u("p", {
+											className: "text-sm font-medium",
+											children: e.member
+										}), /* @__PURE__ */ u("p", {
+											className: "text-xs text-muted-foreground",
+											children: e.action
+										})]
+									}),
+									/* @__PURE__ */ u("span", {
+										className: "text-xs text-muted-foreground",
+										children: e.time
+									})
+								]
+							}, t))
+						})] }), /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(_, { children: /* @__PURE__ */ d(v, {
+							className: "flex items-center gap-2 text-base",
+							children: [/* @__PURE__ */ u(s, { className: "h-4 w-4" }), "Goal Progress Summary"]
+						}) }), /* @__PURE__ */ u(h, {
+							className: "space-y-3",
+							children: w.map((e) => {
+								let t = Math.round(e.current / e.target * 100);
+								return /* @__PURE__ */ d("div", {
+									className: "space-y-1",
+									children: [
+										/* @__PURE__ */ d("div", {
+											className: "flex justify-between text-sm",
+											children: [/* @__PURE__ */ u("span", {
+												className: "font-medium",
+												children: e.title
+											}), /* @__PURE__ */ d("span", { children: [t, "%"] })]
+										}),
+										/* @__PURE__ */ u("div", {
+											className: "h-2 rounded bg-muted overflow-hidden",
+											children: /* @__PURE__ */ u("div", {
+												className: `h-2 rounded ${e.status === "On Track" ? "bg-emerald-500" : "bg-yellow-500"}`,
+												style: { width: `${t}%` }
+											})
+										}),
+										/* @__PURE__ */ d("div", {
+											className: "flex justify-between text-xs text-muted-foreground",
+											children: [/* @__PURE__ */ u("span", { children: r(e.current) }), /* @__PURE__ */ u("span", { children: r(e.target) })]
+										})
+									]
+								}, e.id);
+							})
+						})] })]
+					}), /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(_, { children: /* @__PURE__ */ u(v, { children: "Family Financial Health" }) }), /* @__PURE__ */ u(h, { children: /* @__PURE__ */ u("div", {
+						className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+						children: [
+							{
+								icon: a,
+								label: "Emergency Fund",
+								detail: "90% funded",
+								color: "bg-emerald-50 text-emerald-600"
+							},
+							{
+								icon: c,
+								label: "Savings Rate",
+								detail: "24% monthly",
+								color: "bg-blue-50 text-blue-600"
+							},
+							{
+								icon: i,
+								label: "Insurance Review",
+								detail: "Due for update",
+								color: "bg-yellow-50 text-yellow-600"
+							}
+						].map((e) => /* @__PURE__ */ d("div", {
+							className: `text-center p-4 rounded-lg ${e.color.split(" ")[0]}`,
+							children: [
+								/* @__PURE__ */ u(e.icon, { className: `h-7 w-7 mx-auto mb-2 ${e.color.split(" ")[1]}` }),
+								/* @__PURE__ */ u("p", {
+									className: "font-semibold text-sm",
+									children: e.label
+								}),
+								/* @__PURE__ */ u("p", {
+									className: "text-xs text-muted-foreground",
+									children: e.detail
+								})
+							]
+						}, e.label))
+					}) })] })]
+				}),
+				/* @__PURE__ */ u(b, {
+					value: "members",
+					className: "space-y-4",
+					children: /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ d(_, {
+						className: "flex flex-row items-center justify-between",
+						children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u(v, { children: "Family Members" }), /* @__PURE__ */ u(g, { children: "Manage access and permissions" })] }), /* @__PURE__ */ d(p, {
+							size: "sm",
+							children: [/* @__PURE__ */ u(l, { className: "mr-1 h-4 w-4" }), "Invite"]
+						})]
+					}), /* @__PURE__ */ u(h, {
+						className: "space-y-3",
+						children: C.map((e) => /* @__PURE__ */ d("div", {
+							className: "flex items-center justify-between rounded-lg border p-3",
+							children: [/* @__PURE__ */ d("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ u("div", {
+									className: "flex h-10 w-10 items-center justify-center rounded-full bg-blue-100 font-bold text-sm text-blue-600",
+									children: e.name.split(" ").map((e) => e[0]).join("")
+								}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+									className: "font-medium text-sm",
+									children: e.name
+								}), /* @__PURE__ */ d("p", {
+									className: "text-xs text-muted-foreground",
+									children: [
+										e.role,
+										" · ",
+										e.permissions
+									]
+								})] })]
+							}), /* @__PURE__ */ d("div", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ u(f, {
+										variant: e.status === "Active" ? "default" : "secondary",
+										children: e.status
+									}),
+									/* @__PURE__ */ u("span", {
+										className: "text-xs text-muted-foreground",
+										children: e.lastActive
+									}),
+									/* @__PURE__ */ u(p, {
+										variant: "outline",
+										size: "sm",
+										children: /* @__PURE__ */ u(o, { className: "h-3 w-3" })
+									})
+								]
+							})]
+						}, e.id))
+					})] })
+				}),
+				/* @__PURE__ */ u(b, {
+					value: "goals",
+					className: "space-y-4",
+					children: w.map((e) => {
+						let t = Math.round(e.current / e.target * 100);
+						return /* @__PURE__ */ u(m, { children: /* @__PURE__ */ d(h, {
+							className: "p-4 space-y-3",
+							children: [
+								/* @__PURE__ */ d("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+										className: "font-semibold",
+										children: e.title
+									}), /* @__PURE__ */ d("p", {
+										className: "text-xs text-muted-foreground",
+										children: [
+											e.category,
+											" · Assigned to: ",
+											e.assignees.join(", ")
+										]
+									})] }), /* @__PURE__ */ u(f, {
+										variant: e.status === "On Track" ? "default" : "secondary",
+										children: e.status
+									})]
+								}),
+								/* @__PURE__ */ u("div", {
+									className: "h-3 rounded bg-muted overflow-hidden",
+									children: /* @__PURE__ */ u("div", {
+										className: `h-3 rounded ${e.status === "On Track" ? "bg-emerald-500" : "bg-yellow-500"}`,
+										style: { width: `${t}%` }
+									})
+								}),
+								/* @__PURE__ */ d("div", {
+									className: "flex justify-between text-sm",
+									children: [/* @__PURE__ */ d("span", { children: [r(e.current), " saved"] }), /* @__PURE__ */ d("span", {
+										className: "font-medium",
+										children: [
+											t,
+											"% of ",
+											r(e.target)
+										]
+									})]
+								})
+							]
+						}) }, e.id);
+					})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { T as FamilyPage };
+
+//# sourceMappingURL=FamilyPage.js.map

package/dist/brainyrich/pages/FamilyPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FamilyPage.js","names":[],"sources":["../../../src/brainyrich/pages/FamilyPage.tsx"],"sourcesContent":["import {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  Badge,\n  Button,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Users,\n  UserPlus,\n  Shield,\n  Target,\n  TrendingUp,\n  CheckCircle,\n  AlertTriangle,\n} from 'lucide-react';\nimport { useBrainyRichStore } from '../store/brainyrichStore';\nimport { SectionShell, KpiGrid, formatMoney } from './_shared';\n\nconst familyMembers = [\n  {\n    id: 'f1',\n    name: 'Vikram Raghavan',\n    role: 'Primary Owner',\n    status: 'Active',\n    permissions: 'Full Access',\n    lastActive: 'Just now',\n  },\n  {\n    id: 'f2',\n    name: 'Priya Raghavan',\n    role: 'Spouse',\n    status: 'Active',\n    permissions: 'Financial Planning, View Accounts',\n    lastActive: '30 min ago',\n  },\n  {\n    id: 'f3',\n    name: 'Aditya Raghavan',\n    role: 'Child',\n    status: 'Active',\n    permissions: 'View Goals, Education Fund',\n    lastActive: '2 hrs ago',\n  },\n  {\n    id: 'f4',\n    name: 'Kavya Raghavan',\n    role: 'Child',\n    status: 'Pending',\n    permissions: 'View Goals, Education Fund',\n    lastActive: 'Invited',\n  },\n];\n\nconst familyGoals = [\n  {\n    id: 'fg1',\n    title: 'Emergency Fund',\n    category: 'Safety Net',\n    target: 600000,\n    current: 540000,\n    status: 'On Track',\n    assignees: ['Vikram', 'Priya'],\n  },\n  {\n    id: 'fg2',\n    title: \"Aditya's College Fund\",\n    category: 'Education',\n    target: 2500000,\n    current: 1180000,\n    status: 'On Track',\n    assignees: ['Vikram', 'Priya', 'Aditya'],\n  },\n  {\n    id: 'fg3',\n    title: 'Family Vacation - Japan',\n    category: 'Lifestyle',\n    target: 400000,\n    current: 310000,\n    status: 'On Track',\n    assignees: ['Vikram', 'Priya'],\n  },\n  {\n    id: 'fg4',\n    title: 'Home Renovation',\n    category: 'Home',\n    target: 1200000,\n    current: 380000,\n    status: 'Behind',\n    assignees: ['Vikram', 'Priya'],\n  },\n];\n\nexport function FamilyPage() {\n  const { goals } = useBrainyRichStore();\n\n  return (\n    <SectionShell\n      title=\"Family Wealth Hub\"\n      description=\"Collaborative financial planning for your family members\"\n      actionLabel=\"Invite Member\"\n      badges={['4 Family Members']}\n    >\n      <KpiGrid\n        items={[\n          { label: 'Active Members', value: '3/4', trend: '1 pending invite' },\n          { label: 'Family Net Worth', value: formatMoney(2450000), trend: '+6.2% YTD' },\n          {\n            label: 'Family Goals',\n            value: `${familyGoals.filter((g) => g.status === 'On Track').length}/${familyGoals.length}`,\n            trend: 'On track',\n          },\n          { label: 'Monthly Budget', value: formatMoney(95000), trend: 'Shared allocation' },\n        ]}\n      />\n\n      <Tabs defaultValue=\"overview\" className=\"space-y-4\">\n        <TabsList className=\"grid w-full grid-cols-3\">\n          <TabsTrigger value=\"overview\">Overview</TabsTrigger>\n          <TabsTrigger value=\"members\">Members</TabsTrigger>\n          <TabsTrigger value=\"goals\">Family Goals</TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"overview\" className=\"space-y-4\">\n          <div className=\"grid gap-4 lg:grid-cols-2\">\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2 text-base\">\n                  <TrendingUp className=\"h-4 w-4\" />\n                  Recent Family Activity\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {[\n                  {\n                    member: 'Priya Raghavan',\n                    action: 'Updated emergency fund goal',\n                    time: '2 hours ago',\n                  },\n                  {\n                    member: 'Vikram Raghavan',\n                    action: 'Added $5,000 to vacation savings',\n                    time: '1 day ago',\n                  },\n                  {\n                    member: 'Aditya Raghavan',\n                    action: 'Checked college fund progress',\n                    time: '2 days ago',\n                  },\n                  {\n                    member: 'Priya Raghavan',\n                    action: 'Invited Kavya to family account',\n                    time: '3 days ago',\n                  },\n                ].map((a, i) => (\n                  <div key={i} className=\"flex items-center gap-3 rounded-lg border p-2.5\">\n                    <div className=\"flex h-8 w-8 items-center justify-center rounded-full bg-blue-100 text-xs font-bold text-blue-600\">\n                      {a.member\n                        .split(' ')\n                        .map((n) => n[0])\n                        .join('')}\n                    </div>\n                    <div className=\"flex-1\">\n                      <p className=\"text-sm font-medium\">{a.member}</p>\n                      <p className=\"text-xs text-muted-foreground\">{a.action}</p>\n                    </div>\n                    <span className=\"text-xs text-muted-foreground\">{a.time}</span>\n                  </div>\n                ))}\n              </CardContent>\n            </Card>\n\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2 text-base\">\n                  <Target className=\"h-4 w-4\" />\n                  Goal Progress Summary\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {familyGoals.map((g) => {\n                  const pct = Math.round((g.current / g.target) * 100);\n                  return (\n                    <div key={g.id} className=\"space-y-1\">\n                      <div className=\"flex justify-between text-sm\">\n                        <span className=\"font-medium\">{g.title}</span>\n                        <span>{pct}%</span>\n                      </div>\n                      <div className=\"h-2 rounded bg-muted overflow-hidden\">\n                        <div\n                          className={`h-2 rounded ${g.status === 'On Track' ? 'bg-emerald-500' : 'bg-yellow-500'}`}\n                          style={{ width: `${pct}%` }}\n                        />\n                      </div>\n                      <div className=\"flex justify-between text-xs text-muted-foreground\">\n                        <span>{formatMoney(g.current)}</span>\n                        <span>{formatMoney(g.target)}</span>\n                      </div>\n                    </div>\n                  );\n                })}\n              </CardContent>\n            </Card>\n          </div>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Family Financial Health</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n                {[\n                  {\n                    icon: CheckCircle,\n                    label: 'Emergency Fund',\n                    detail: '90% funded',\n                    color: 'bg-emerald-50 text-emerald-600',\n                  },\n                  {\n                    icon: TrendingUp,\n                    label: 'Savings Rate',\n                    detail: '24% monthly',\n                    color: 'bg-blue-50 text-blue-600',\n                  },\n                  {\n                    icon: AlertTriangle,\n                    label: 'Insurance Review',\n                    detail: 'Due for update',\n                    color: 'bg-yellow-50 text-yellow-600',\n                  },\n                ].map((item) => (\n                  <div\n                    key={item.label}\n                    className={`text-center p-4 rounded-lg ${item.color.split(' ')[0]}`}\n                  >\n                    <item.icon className={`h-7 w-7 mx-auto mb-2 ${item.color.split(' ')[1]}`} />\n                    <p className=\"font-semibold text-sm\">{item.label}</p>\n                    <p className=\"text-xs text-muted-foreground\">{item.detail}</p>\n                  </div>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n        </TabsContent>\n\n        <TabsContent value=\"members\" className=\"space-y-4\">\n          <Card>\n            <CardHeader className=\"flex flex-row items-center justify-between\">\n              <div>\n                <CardTitle>Family Members</CardTitle>\n                <CardDescription>Manage access and permissions</CardDescription>\n              </div>\n              <Button size=\"sm\">\n                <UserPlus className=\"mr-1 h-4 w-4\" />\n                Invite\n              </Button>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {familyMembers.map((m) => (\n                <div key={m.id} className=\"flex items-center justify-between rounded-lg border p-3\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-blue-100 font-bold text-sm text-blue-600\">\n                      {m.name\n                        .split(' ')\n                        .map((n) => n[0])\n                        .join('')}\n                    </div>\n                    <div>\n                      <p className=\"font-medium text-sm\">{m.name}</p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {m.role} &middot; {m.permissions}\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <Badge variant={m.status === 'Active' ? 'default' : 'secondary'}>\n                      {m.status}\n                    </Badge>\n                    <span className=\"text-xs text-muted-foreground\">{m.lastActive}</span>\n                    <Button variant=\"outline\" size=\"sm\">\n                      <Shield className=\"h-3 w-3\" />\n                    </Button>\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </TabsContent>\n\n        <TabsContent value=\"goals\" className=\"space-y-4\">\n          {familyGoals.map((g) => {\n            const pct = Math.round((g.current / g.target) * 100);\n            return (\n              <Card key={g.id}>\n                <CardContent className=\"p-4 space-y-3\">\n                  <div className=\"flex items-center justify-between\">\n                    <div>\n                      <p className=\"font-semibold\">{g.title}</p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {g.category} &middot; Assigned to: {g.assignees.join(', ')}\n                      </p>\n                    </div>\n                    <Badge variant={g.status === 'On Track' ? 'default' : 'secondary'}>\n                      {g.status}\n                    </Badge>\n                  </div>\n                  <div className=\"h-3 rounded bg-muted overflow-hidden\">\n                    <div\n                      className={`h-3 rounded ${g.status === 'On Track' ? 'bg-emerald-500' : 'bg-yellow-500'}`}\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                  <div className=\"flex justify-between text-sm\">\n                    <span>{formatMoney(g.current)} saved</span>\n                    <span className=\"font-medium\">\n                      {pct}% of {formatMoney(g.target)}\n                    </span>\n                  </div>\n                </CardContent>\n              </Card>\n            );\n          })}\n        </TabsContent>\n      </Tabs>\n    </SectionShell>\n  );\n}\n"],"mappings":"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"}

package/dist/brainyrich/pages/GoalsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function GoalsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GoalsPage.d.ts.map

package/dist/brainyrich/pages/GoalsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoalsPage.d.ts","sourceRoot":"","sources":["../../../src/brainyrich/pages/GoalsPage.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,SAAS,4CAkKxB"}

package/dist/brainyrich/pages/GoalsPage.js

@@ -0,0 +1,160 @@
+import { tWithFallback as e } from "../utils/i18n.js";
+import { useBrainyRichStore as t } from "../store/brainyrichStore.js";
+import { KpiGrid as n, SectionShell as r, formatMoney as i } from "./_shared.js";
+import { Clock as a, Plus as o, Target as s, TrendingUp as c } from "lucide-react";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Badge as f, Button as p, Card as m, CardContent as h, CardDescription as g, CardHeader as _, CardTitle as v } from "@burdenoff/fe-libs/ui";
+//#region src/brainyrich/pages/GoalsPage.tsx
+var y = (/* @__PURE__ */ new Date(0)).getTime();
+function b() {
+	let { t: b } = l(), { goals: x } = t(), S = (t, n, r) => e(b, t, n, r), C = x.reduce((e, t) => e + t.targetAmount, 0), w = x.reduce((e, t) => e + t.currentAmount, 0), T = C > 0 ? Math.round(w / C * 100) : 0, E = C - w;
+	return /* @__PURE__ */ d(r, {
+		title: S("brainyrich.goals.title", "Financial Goals"),
+		description: S("brainyrich.goals.description", "Track progress toward your wealth milestones and life objectives"),
+		actionLabel: S("brainyrich.goals.actions.createGoal", "Create Goal"),
+		badges: [S("brainyrich.goals.badges.activeGoals", "{count} Active Goals", { count: x.length })],
+		children: [/* @__PURE__ */ u(n, { items: [
+			{
+				label: S("brainyrich.goals.metrics.totalSaved", "Total Saved"),
+				value: i(w),
+				trend: S("brainyrich.goals.metrics.totalSavedTrend", "Across all goals")
+			},
+			{
+				label: S("brainyrich.goals.metrics.totalTarget", "Total Target"),
+				value: i(C)
+			},
+			{
+				label: S("brainyrich.goals.metrics.overallProgress", "Overall Progress"),
+				value: `${T}%`,
+				trend: S("brainyrich.goals.metrics.overallProgressTrend", "{amount} remaining", { amount: i(E) })
+			},
+			{
+				label: S("brainyrich.goals.metrics.activeGoals", "Active Goals"),
+				value: String(x.length),
+				trend: S("brainyrich.goals.metrics.activeGoalsTrend", "In progress")
+			}
+		] }), /* @__PURE__ */ u("div", {
+			className: "space-y-4",
+			children: x.map((e) => {
+				let t = Math.round(e.currentAmount / e.targetAmount * 100), n = e.targetAmount - e.currentAmount, r = new Date(e.deadline), l = Math.max(0, Math.round((r.getTime() - y) / (1e3 * 60 * 60 * 24 * 30))), b = l > 0 ? n / l : n;
+				return /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(_, {
+					className: "pb-3",
+					children: /* @__PURE__ */ d("div", {
+						className: "flex items-start justify-between",
+						children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d(v, {
+							className: "flex items-center gap-2 text-lg",
+							children: [/* @__PURE__ */ u(s, { className: "h-5 w-5" }), e.title]
+						}), /* @__PURE__ */ d(g, {
+							className: "flex items-center gap-3 mt-1",
+							children: [/* @__PURE__ */ d("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ u(a, { className: "h-3 w-3" }),
+									S("brainyrich.goals.deadlineLabel", "Deadline:"),
+									" ",
+									r.toLocaleDateString("en-US", {
+										month: "short",
+										year: "numeric"
+									})
+								]
+							}), /* @__PURE__ */ u("span", { children: S("brainyrich.goals.monthsRemaining", "{count} months remaining", { count: l }) })]
+						})] }), /* @__PURE__ */ u(f, {
+							variant: t >= 75 ? "default" : t >= 40 ? "secondary" : "destructive",
+							children: S("brainyrich.goals.progressComplete", "{pct}% complete", { pct: t })
+						})]
+					})
+				}), /* @__PURE__ */ d(h, {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ d("div", { children: [
+							/* @__PURE__ */ d("div", {
+								className: "flex items-center justify-between text-sm mb-2",
+								children: [/* @__PURE__ */ u("span", {
+									className: "font-medium",
+									children: i(e.currentAmount)
+								}), /* @__PURE__ */ u("span", {
+									className: "text-muted-foreground",
+									children: i(e.targetAmount)
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "h-3 rounded-full bg-muted overflow-hidden",
+								children: /* @__PURE__ */ u("div", {
+									className: "h-3 rounded-full bg-emerald-500 transition-all",
+									style: { width: `${Math.min(t, 100)}%` }
+								})
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "flex items-center justify-between text-xs text-muted-foreground mt-1",
+								children: [/* @__PURE__ */ d("span", {
+									className: "text-emerald-600 font-medium",
+									children: [t, "%"]
+								}), /* @__PURE__ */ u("span", { children: S("brainyrich.goals.remainingAmount", "{amount} remaining", { amount: i(n) }) })]
+							})
+						] }),
+						/* @__PURE__ */ d("div", {
+							className: "grid grid-cols-3 gap-4 rounded-lg bg-muted/50 p-3",
+							children: [
+								/* @__PURE__ */ d("div", {
+									className: "text-center",
+									children: [/* @__PURE__ */ u("p", {
+										className: "text-xs text-muted-foreground",
+										children: S("brainyrich.goals.cards.monthlySipNeeded", "Monthly SIP Needed")
+									}), /* @__PURE__ */ u("p", {
+										className: "text-sm font-semibold",
+										children: i(b)
+									})]
+								}),
+								/* @__PURE__ */ d("div", {
+									className: "text-center",
+									children: [/* @__PURE__ */ u("p", {
+										className: "text-xs text-muted-foreground",
+										children: S("brainyrich.goals.cards.gapAmount", "Gap Amount")
+									}), /* @__PURE__ */ u("p", {
+										className: "text-sm font-semibold",
+										children: i(n)
+									})]
+								}),
+								/* @__PURE__ */ d("div", {
+									className: "text-center",
+									children: [/* @__PURE__ */ u("p", {
+										className: "text-xs text-muted-foreground",
+										children: S("brainyrich.goals.cards.onTrackStatus", "On-Track Status")
+									}), /* @__PURE__ */ d("p", {
+										className: "text-sm font-semibold flex items-center justify-center gap-1",
+										children: [/* @__PURE__ */ u(c, { className: "h-3 w-3 text-emerald-600" }), t >= 50 ? S("brainyrich.goals.status.onTrack", "On Track") : S("brainyrich.goals.status.behind", "Behind")]
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "flex gap-2",
+							children: [
+								/* @__PURE__ */ u(p, {
+									variant: "outline",
+									size: "sm",
+									children: S("brainyrich.goals.actions.viewDetails", "View Details")
+								}),
+								/* @__PURE__ */ d(p, {
+									variant: "outline",
+									size: "sm",
+									children: [/* @__PURE__ */ u(o, { className: "mr-1 h-3 w-3" }), S("brainyrich.goals.actions.addFunds", "Add Funds")]
+								}),
+								/* @__PURE__ */ u(p, {
+									variant: "outline",
+									size: "sm",
+									children: S("brainyrich.goals.actions.editGoal", "Edit Goal")
+								})
+							]
+						})
+					]
+				})] }, e.id);
+			})
+		})]
+	});
+}
+//#endregion
+export { b as GoalsPage };
+
+//# sourceMappingURL=GoalsPage.js.map

package/dist/brainyrich/pages/GoalsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoalsPage.js","names":[],"sources":["../../../src/brainyrich/pages/GoalsPage.tsx"],"sourcesContent":["import {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  Badge,\n  Button,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Target, Plus, Clock, TrendingUp } from 'lucide-react';\nimport { useBrainyRichStore } from '../store/brainyrichStore';\nimport { tWithFallback } from '../utils/i18n';\nimport { SectionShell, KpiGrid, formatMoney } from './_shared';\n\nconst REFERENCE_TIME = new Date(0).getTime();\n\nexport function GoalsPage() {\n  const { t } = useI18n();\n  const { goals } = useBrainyRichStore();\n  const translate = (key: string, fallback: string, params?: Record<string, string | number>) =>\n    tWithFallback(t, key, fallback, params);\n  const totalTarget = goals.reduce((s, g) => s + g.targetAmount, 0);\n  const totalSaved = goals.reduce((s, g) => s + g.currentAmount, 0);\n  const overallPct = totalTarget > 0 ? Math.round((totalSaved / totalTarget) * 100) : 0;\n  const gap = totalTarget - totalSaved;\n\n  return (\n    <SectionShell\n      title={translate('brainyrich.goals.title', 'Financial Goals')}\n      description={translate(\n        'brainyrich.goals.description',\n        'Track progress toward your wealth milestones and life objectives'\n      )}\n      actionLabel={translate('brainyrich.goals.actions.createGoal', 'Create Goal')}\n      badges={[\n        translate('brainyrich.goals.badges.activeGoals', '{count} Active Goals', {\n          count: goals.length,\n        }),\n      ]}\n    >\n      <KpiGrid\n        items={[\n          {\n            label: translate('brainyrich.goals.metrics.totalSaved', 'Total Saved'),\n            value: formatMoney(totalSaved),\n            trend: translate('brainyrich.goals.metrics.totalSavedTrend', 'Across all goals'),\n          },\n          {\n            label: translate('brainyrich.goals.metrics.totalTarget', 'Total Target'),\n            value: formatMoney(totalTarget),\n          },\n          {\n            label: translate('brainyrich.goals.metrics.overallProgress', 'Overall Progress'),\n            value: `${overallPct}%`,\n            trend: translate(\n              'brainyrich.goals.metrics.overallProgressTrend',\n              '{amount} remaining',\n              {\n                amount: formatMoney(gap),\n              }\n            ),\n          },\n          {\n            label: translate('brainyrich.goals.metrics.activeGoals', 'Active Goals'),\n            value: String(goals.length),\n            trend: translate('brainyrich.goals.metrics.activeGoalsTrend', 'In progress'),\n          },\n        ]}\n      />\n\n      <div className=\"space-y-4\">\n        {goals.map((g) => {\n          const pct = Math.round((g.currentAmount / g.targetAmount) * 100);\n          const remaining = g.targetAmount - g.currentAmount;\n          const deadlineDate = new Date(g.deadline);\n          const monthsLeft = Math.max(\n            0,\n            Math.round((deadlineDate.getTime() - REFERENCE_TIME) / (1000 * 60 * 60 * 24 * 30))\n          );\n          const monthlyNeeded = monthsLeft > 0 ? remaining / monthsLeft : remaining;\n\n          return (\n            <Card key={g.id}>\n              <CardHeader className=\"pb-3\">\n                <div className=\"flex items-start justify-between\">\n                  <div>\n                    <CardTitle className=\"flex items-center gap-2 text-lg\">\n                      <Target className=\"h-5 w-5\" />\n                      {g.title}\n                    </CardTitle>\n                    <CardDescription className=\"flex items-center gap-3 mt-1\">\n                      <span className=\"flex items-center gap-1\">\n                        <Clock className=\"h-3 w-3\" />\n                        {translate('brainyrich.goals.deadlineLabel', 'Deadline:')}{' '}\n                        {deadlineDate.toLocaleDateString('en-US', {\n                          month: 'short',\n                          year: 'numeric',\n                        })}\n                      </span>\n                      <span>\n                        {translate('brainyrich.goals.monthsRemaining', '{count} months remaining', {\n                          count: monthsLeft,\n                        })}\n                      </span>\n                    </CardDescription>\n                  </div>\n                  <Badge variant={pct >= 75 ? 'default' : pct >= 40 ? 'secondary' : 'destructive'}>\n                    {translate('brainyrich.goals.progressComplete', '{pct}% complete', { pct })}\n                  </Badge>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div>\n                  <div className=\"flex items-center justify-between text-sm mb-2\">\n                    <span className=\"font-medium\">{formatMoney(g.currentAmount)}</span>\n                    <span className=\"text-muted-foreground\">{formatMoney(g.targetAmount)}</span>\n                  </div>\n                  <div className=\"h-3 rounded-full bg-muted overflow-hidden\">\n                    <div\n                      className=\"h-3 rounded-full bg-emerald-500 transition-all\"\n                      style={{ width: `${Math.min(pct, 100)}%` }}\n                    />\n                  </div>\n                  <div className=\"flex items-center justify-between text-xs text-muted-foreground mt-1\">\n                    <span className=\"text-emerald-600 font-medium\">{pct}%</span>\n                    <span>\n                      {translate('brainyrich.goals.remainingAmount', '{amount} remaining', {\n                        amount: formatMoney(remaining),\n                      })}\n                    </span>\n                  </div>\n                </div>\n\n                <div className=\"grid grid-cols-3 gap-4 rounded-lg bg-muted/50 p-3\">\n                  <div className=\"text-center\">\n                    <p className=\"text-xs text-muted-foreground\">\n                      {translate('brainyrich.goals.cards.monthlySipNeeded', 'Monthly SIP Needed')}\n                    </p>\n                    <p className=\"text-sm font-semibold\">{formatMoney(monthlyNeeded)}</p>\n                  </div>\n                  <div className=\"text-center\">\n                    <p className=\"text-xs text-muted-foreground\">\n                      {translate('brainyrich.goals.cards.gapAmount', 'Gap Amount')}\n                    </p>\n                    <p className=\"text-sm font-semibold\">{formatMoney(remaining)}</p>\n                  </div>\n                  <div className=\"text-center\">\n                    <p className=\"text-xs text-muted-foreground\">\n                      {translate('brainyrich.goals.cards.onTrackStatus', 'On-Track Status')}\n                    </p>\n                    <p className=\"text-sm font-semibold flex items-center justify-center gap-1\">\n                      <TrendingUp className=\"h-3 w-3 text-emerald-600\" />\n                      {pct >= 50\n                        ? translate('brainyrich.goals.status.onTrack', 'On Track')\n                        : translate('brainyrich.goals.status.behind', 'Behind')}\n                    </p>\n                  </div>\n                </div>\n\n                <div className=\"flex gap-2\">\n                  <Button variant=\"outline\" size=\"sm\">\n                    {translate('brainyrich.goals.actions.viewDetails', 'View Details')}\n                  </Button>\n                  <Button variant=\"outline\" size=\"sm\">\n                    <Plus className=\"mr-1 h-3 w-3\" />\n                    {translate('brainyrich.goals.actions.addFunds', 'Add Funds')}\n                  </Button>\n                  <Button variant=\"outline\" size=\"sm\">\n                    {translate('brainyrich.goals.actions.editGoal', 'Edit Goal')}\n                  </Button>\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n    </SectionShell>\n  );\n}\n"],"mappings":"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"}

package/dist/brainyrich/pages/InsurancePage.d.ts

@@ -0,0 +1,2 @@
+export declare function InsurancePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InsurancePage.d.ts.map

package/dist/brainyrich/pages/InsurancePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsurancePage.d.ts","sourceRoot":"","sources":["../../../src/brainyrich/pages/InsurancePage.tsx"],"names":[],"mappings":"AAkCA,wBAAgB,aAAa,4CAwJ5B"}