@burdenoff/microfe-brainyrich 2026.509.101

package/dist/brainyrich/pages/AssistantPage.js

@@ -0,0 +1,332 @@
+import { useBrainyRichStore as e } from "../store/brainyrichStore.js";
+import { KpiGrid as t, SectionShell as n, formatMoney as r } from "./_shared.js";
+import { useState as i } from "react";
+import { AlertTriangle as a, ArrowRight as o, BarChart3 as s, Brain as c, Briefcase as l, Calculator as u, CheckCircle2 as d, CircleDot as f, MessageSquare as p, Receipt as m, Send as h, ShieldAlert as g, Target as _, TrendingUp as v, Zap as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Badge as S, Button as C, Card as w, CardContent as T, CardHeader as E, CardTitle as D, Input as O } from "@burdenoff/fe-libs/ui";
+//#region src/brainyrich/pages/AssistantPage.tsx
+var k = /* @__PURE__ */ new Date(0), A = [
+	{
+		title: "Portfolio Analysis",
+		description: "Performance breakdown and rebalancing suggestions",
+		icon: l,
+		color: "text-blue-600"
+	},
+	{
+		title: "Market Update",
+		description: "Latest indices, sector performance, and trends",
+		icon: v,
+		color: "text-emerald-600"
+	},
+	{
+		title: "Tax Optimization",
+		description: "Deduction planner and tax-loss harvesting strategy",
+		icon: u,
+		color: "text-amber-600"
+	},
+	{
+		title: "Goal Planning",
+		description: "SIP projections and milestone tracking",
+		icon: _,
+		color: "text-purple-600"
+	},
+	{
+		title: "Risk Assessment",
+		description: "Concentration risk, coverage gaps, stress tests",
+		icon: g,
+		color: "text-red-600"
+	},
+	{
+		title: "Expense Analysis",
+		description: "Premium outflows, advisory fees, and fund costs",
+		icon: m,
+		color: "text-teal-600"
+	}
+];
+function j(e, t) {
+	let n = e.toLowerCase();
+	return n.includes("portfolio") ? `Your total portfolio value is ${t}. The Growth Portfolio leads at 12.4% YTD. Technology sector concentration is elevated at 34% — consider trimming overweight positions. I can run a detailed rebalancing scenario if you'd like.` : n.includes("market") ? "S&P 500 is up 1.2% at 5,321. NIFTY 50 gained 0.8% to 23,851. Financials and IT are leading sectors. Bond yields remain stable. Your holdings are outperforming the broader index by 2.1% on average." : n.includes("tax") ? "Your FY 2026-27 tax documents show $3,200 in unrealized losses available for tax-loss harvesting. Section 80C utilization is at 72%. Uploading your rental income proof would complete your filing preparation." : n.includes("goal") ? "Retirement Corpus is 61.6% funded ($1.54M / $2.5M). Child Education Fund is at 45.5% ($364K / $800K). Increasing monthly SIPs by $500 would improve the education fund trajectory by 8 months." : n.includes("risk") ? "You have 3 active risk alerts: equity concentration above policy band (High), insurance under-coverage for dependents (Medium), and emergency corpus at 5.6 months (Low). The high-severity tech concentration needs immediate attention." : n.includes("expense") || n.includes("cost") || n.includes("fee") ? "Annual premiums total $44,500 across life and health insurance. Advisory fees run 0.45% AUM. Fund expense ratios average 0.32% weighted. Total annual cost of ownership is approximately $8,200 on your invested portfolio." : `I can help you with portfolio analysis, market updates, tax optimization, goal planning, risk assessment, and expense analysis. Your portfolio is at ${t} — what area would you like to focus on?`;
+}
+function M() {
+	let { metrics: l, portfolios: u, risks: m, goals: g } = e(), _ = u.reduce((e, t) => e + t.value, 0), [v, M] = i([{
+		id: 1,
+		type: "assistant",
+		content: `Hello! I'm your financial assistant. Your portfolio is at ${r(_)} and you have ${m.length} risk alerts. Choose a quick action below or ask me anything.`,
+		timestamp: k
+	}]), [N, P] = i(""), F = () => {
+		if (!N.trim()) return;
+		let e = {
+			id: v.length + 1,
+			type: "user",
+			content: N,
+			timestamp: /* @__PURE__ */ new Date()
+		};
+		M((t) => [...t, e]), P(""), setTimeout(() => {
+			let e = {
+				id: v.length + 2,
+				type: "assistant",
+				content: j(N, r(_)),
+				timestamp: /* @__PURE__ */ new Date()
+			};
+			M((t) => [...t, e]);
+		}, 800);
+	}, I = [
+		{
+			type: "recommendation",
+			title: "Rebalancing Opportunity",
+			description: "Equity allocation is 5% above target band. Consider rebalancing into bonds.",
+			impact: "Medium"
+		},
+		{
+			type: "alert",
+			title: "Tax Loss Harvesting",
+			description: "$3,200 in unrealized losses available before FY end.",
+			impact: "High"
+		},
+		{
+			type: "opportunity",
+			title: "Emergency Fund Gap",
+			description: "Liquid reserve covers 5.6 months. Consider increasing to 6-month target.",
+			impact: "Low"
+		}
+	], L = (e) => b(e === "High" ? a : e === "Medium" ? f : d, { className: "h-3 w-3" }), R = (e) => e === "High" ? "bg-red-50 text-red-700 border-red-200" : e === "Medium" ? "bg-amber-50 text-amber-700 border-amber-200" : "bg-green-50 text-green-700 border-green-200";
+	return /* @__PURE__ */ x(n, {
+		title: "Financial Assistant",
+		description: "Quick financial advice, insights, and action shortcuts",
+		badges: ["Online"],
+		actionLabel: "New Conversation",
+		children: [/* @__PURE__ */ b(t, { items: [
+			{
+				label: "Conversations",
+				value: "47",
+				trend: "+5 this week"
+			},
+			{
+				label: "Recommendations",
+				value: "23",
+				trend: "18 accepted"
+			},
+			{
+				label: "Actions Taken",
+				value: "12",
+				trend: "$2,450 savings"
+			},
+			{
+				label: "Avg Goal Progress",
+				value: `${g.length ? Math.round(g.reduce((e, t) => e + t.currentAmount / t.targetAmount * 100, 0) / g.length) : 0}%`,
+				trend: `${g.length} active goals`
+			}
+		] }), /* @__PURE__ */ x("div", {
+			className: "grid grid-cols-1 gap-6 lg:grid-cols-4",
+			children: [/* @__PURE__ */ x("div", {
+				className: "space-y-6 lg:col-span-3",
+				children: [/* @__PURE__ */ x(w, { children: [/* @__PURE__ */ b(E, {
+					className: "border-b py-3",
+					children: /* @__PURE__ */ x(D, {
+						className: "flex items-center gap-2 text-base",
+						children: [
+							/* @__PURE__ */ b(p, { className: "h-5 w-5" }),
+							"Chat",
+							/* @__PURE__ */ x("div", {
+								className: "ml-auto flex items-center gap-1 text-xs font-normal text-muted-foreground",
+								children: [/* @__PURE__ */ b("div", { className: "h-2 w-2 animate-pulse rounded-full bg-green-500" }), "Ready"]
+							})
+						]
+					})
+				}), /* @__PURE__ */ x(T, {
+					className: "p-0",
+					children: [/* @__PURE__ */ b("div", {
+						className: "h-80 space-y-3 overflow-y-auto p-4",
+						children: v.map((e) => /* @__PURE__ */ b("div", {
+							className: `flex ${e.type === "user" ? "justify-end" : "justify-start"}`,
+							children: /* @__PURE__ */ x("div", {
+								className: `max-w-[75%] rounded-lg px-4 py-2 ${e.type === "user" ? "bg-primary text-primary-foreground" : "bg-muted"}`,
+								children: [/* @__PURE__ */ b("p", {
+									className: "text-sm",
+									children: e.content
+								}), /* @__PURE__ */ b("p", {
+									className: "mt-1 text-[10px] opacity-60",
+									children: e.timestamp.toLocaleTimeString([], {
+										hour: "2-digit",
+										minute: "2-digit"
+									})
+								})]
+							})
+						}, e.id))
+					}), /* @__PURE__ */ b("div", {
+						className: "border-t p-3",
+						children: /* @__PURE__ */ x("div", {
+							className: "flex gap-2",
+							children: [/* @__PURE__ */ b(O, {
+								value: N,
+								onChange: (e) => P(e.target.value),
+								onKeyDown: (e) => e.key === "Enter" && F(),
+								placeholder: "Ask about your finances..."
+							}), /* @__PURE__ */ b(C, {
+								onClick: F,
+								disabled: !N.trim(),
+								size: "sm",
+								children: /* @__PURE__ */ b(h, { className: "h-4 w-4" })
+							})]
+						})
+					})]
+				})] }), /* @__PURE__ */ x(w, { children: [/* @__PURE__ */ b(E, {
+					className: "pb-3",
+					children: /* @__PURE__ */ x(D, {
+						className: "flex items-center gap-2 text-base",
+						children: [/* @__PURE__ */ b(y, { className: "h-5 w-5" }), "Quick Actions"]
+					})
+				}), /* @__PURE__ */ b(T, { children: /* @__PURE__ */ b("div", {
+					className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3",
+					children: A.map((e) => /* @__PURE__ */ x("button", {
+						type: "button",
+						className: "group flex items-start gap-3 rounded-lg border p-3 text-left transition-colors hover:bg-accent",
+						onClick: () => P(e.title),
+						children: [
+							/* @__PURE__ */ b(e.icon, { className: `mt-0.5 h-5 w-5 shrink-0 ${e.color}` }),
+							/* @__PURE__ */ x("div", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ b("p", {
+									className: "text-sm font-medium",
+									children: e.title
+								}), /* @__PURE__ */ b("p", {
+									className: "mt-0.5 text-xs text-muted-foreground",
+									children: e.description
+								})]
+							}),
+							/* @__PURE__ */ b(o, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100" })
+						]
+					}, e.title))
+				}) })] })]
+			}), /* @__PURE__ */ x("div", {
+				className: "space-y-4 lg:col-span-1",
+				children: [
+					/* @__PURE__ */ x(w, { children: [/* @__PURE__ */ b(E, {
+						className: "pb-2",
+						children: /* @__PURE__ */ x(D, {
+							className: "flex items-center gap-2 text-sm",
+							children: [/* @__PURE__ */ b(c, { className: "h-4 w-4" }), "AI Insights"]
+						})
+					}), /* @__PURE__ */ x(T, {
+						className: "space-y-2 p-3 pt-0",
+						children: [I.map((e) => /* @__PURE__ */ x("div", {
+							className: "rounded-lg border p-2.5 transition-colors hover:bg-accent",
+							children: [/* @__PURE__ */ x("div", {
+								className: "mb-1 flex items-start justify-between gap-2",
+								children: [/* @__PURE__ */ b("p", {
+									className: "text-xs font-medium",
+									children: e.title
+								}), /* @__PURE__ */ x("span", {
+									className: `inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[10px] font-medium ${R(e.impact)}`,
+									children: [L(e.impact), e.impact]
+								})]
+							}), /* @__PURE__ */ b("p", {
+								className: "text-[11px] text-muted-foreground",
+								children: e.description
+							})]
+						}, e.title)), /* @__PURE__ */ b(C, {
+							variant: "outline",
+							size: "sm",
+							className: "w-full",
+							children: "View All Insights"
+						})]
+					})] }),
+					/* @__PURE__ */ x(w, { children: [/* @__PURE__ */ b(E, {
+						className: "pb-2",
+						children: /* @__PURE__ */ x(D, {
+							className: "flex items-center gap-2 text-sm",
+							children: [/* @__PURE__ */ b(s, { className: "h-4 w-4" }), "Assistant Stats"]
+						})
+					}), /* @__PURE__ */ b(T, {
+						className: "space-y-2 p-3 pt-0",
+						children: [
+							{
+								label: "Total Conversations",
+								value: "47"
+							},
+							{
+								label: "Recommendations Given",
+								value: "23"
+							},
+							{
+								label: "Actions Taken",
+								value: "12"
+							},
+							{
+								label: "Savings Generated",
+								value: "$2,450",
+								highlight: !0
+							}
+						].map((e) => /* @__PURE__ */ x("div", {
+							className: "flex items-center justify-between text-sm",
+							children: [/* @__PURE__ */ b("span", {
+								className: "text-muted-foreground",
+								children: e.label
+							}), /* @__PURE__ */ b("span", {
+								className: `font-medium ${e.highlight ? "text-emerald-600" : ""}`,
+								children: e.value
+							})]
+						}, e.label))
+					})] }),
+					/* @__PURE__ */ x(w, { children: [/* @__PURE__ */ b(E, {
+						className: "pb-2",
+						children: /* @__PURE__ */ b(D, {
+							className: "text-sm",
+							children: "Capabilities"
+						})
+					}), /* @__PURE__ */ b(T, {
+						className: "space-y-1.5 p-3 pt-0",
+						children: [
+							{
+								name: "Portfolio Analysis",
+								active: !0
+							},
+							{
+								name: "Investment Advice",
+								active: !0
+							},
+							{
+								name: "Tax Optimization",
+								active: !0
+							},
+							{
+								name: "Goal Planning",
+								active: !0
+							},
+							{
+								name: "Risk Assessment",
+								active: !0
+							},
+							{
+								name: "Voice Commands",
+								active: !1
+							},
+							{
+								name: "Document Analysis",
+								active: !1
+							}
+						].map((e) => /* @__PURE__ */ x("div", {
+							className: "flex items-center gap-2 text-sm",
+							children: [
+								e.active ? /* @__PURE__ */ b(d, { className: "h-3.5 w-3.5 text-emerald-600" }) : /* @__PURE__ */ b(f, { className: "h-3.5 w-3.5 text-amber-500" }),
+								/* @__PURE__ */ b("span", {
+									className: e.active ? "" : "text-muted-foreground",
+									children: e.name
+								}),
+								e.active ? null : /* @__PURE__ */ b(S, {
+									variant: "outline",
+									className: "ml-auto text-[9px]",
+									children: "Soon"
+								})
+							]
+						}, e.name))
+					})] })
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+export { M as AssistantPage };
+
+//# sourceMappingURL=AssistantPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantPage.js","names":[],"sources":["../../../src/brainyrich/pages/AssistantPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  MessageSquare,\n  Send,\n  Briefcase,\n  TrendingUp,\n  Calculator,\n  Target,\n  ShieldAlert,\n  Receipt,\n  Zap,\n  CheckCircle2,\n  CircleDot,\n  AlertTriangle,\n  BarChart3,\n  Brain,\n  ArrowRight,\n} from 'lucide-react';\nimport { useBrainyRichStore } from '../store/brainyrichStore';\n\nconst ASSISTANT_MESSAGE_TIME = new Date(0);\nimport { SectionShell, KpiGrid, formatMoney } from './_shared';\n\ninterface SimpleMessage {\n  id: number;\n  type: 'user' | 'assistant';\n  content: string;\n  timestamp: Date;\n}\n\nconst quickActions = [\n  {\n    title: 'Portfolio Analysis',\n    description: 'Performance breakdown and rebalancing suggestions',\n    icon: Briefcase,\n    color: 'text-blue-600',\n  },\n  {\n    title: 'Market Update',\n    description: 'Latest indices, sector performance, and trends',\n    icon: TrendingUp,\n    color: 'text-emerald-600',\n  },\n  {\n    title: 'Tax Optimization',\n    description: 'Deduction planner and tax-loss harvesting strategy',\n    icon: Calculator,\n    color: 'text-amber-600',\n  },\n  {\n    title: 'Goal Planning',\n    description: 'SIP projections and milestone tracking',\n    icon: Target,\n    color: 'text-purple-600',\n  },\n  {\n    title: 'Risk Assessment',\n    description: 'Concentration risk, coverage gaps, stress tests',\n    icon: ShieldAlert,\n    color: 'text-red-600',\n  },\n  {\n    title: 'Expense Analysis',\n    description: 'Premium outflows, advisory fees, and fund costs',\n    icon: Receipt,\n    color: 'text-teal-600',\n  },\n];\n\nfunction generateSimpleResponse(input: string, portfolioValue: string): string {\n  const lower = input.toLowerCase();\n  if (lower.includes('portfolio')) {\n    return `Your total portfolio value is ${portfolioValue}. The Growth Portfolio leads at 12.4% YTD. Technology sector concentration is elevated at 34% — consider trimming overweight positions. I can run a detailed rebalancing scenario if you'd like.`;\n  }\n  if (lower.includes('market')) {\n    return 'S&P 500 is up 1.2% at 5,321. NIFTY 50 gained 0.8% to 23,851. Financials and IT are leading sectors. Bond yields remain stable. Your holdings are outperforming the broader index by 2.1% on average.';\n  }\n  if (lower.includes('tax')) {\n    return 'Your FY 2026-27 tax documents show $3,200 in unrealized losses available for tax-loss harvesting. Section 80C utilization is at 72%. Uploading your rental income proof would complete your filing preparation.';\n  }\n  if (lower.includes('goal')) {\n    return 'Retirement Corpus is 61.6% funded ($1.54M / $2.5M). Child Education Fund is at 45.5% ($364K / $800K). Increasing monthly SIPs by $500 would improve the education fund trajectory by 8 months.';\n  }\n  if (lower.includes('risk')) {\n    return 'You have 3 active risk alerts: equity concentration above policy band (High), insurance under-coverage for dependents (Medium), and emergency corpus at 5.6 months (Low). The high-severity tech concentration needs immediate attention.';\n  }\n  if (lower.includes('expense') || lower.includes('cost') || lower.includes('fee')) {\n    return 'Annual premiums total $44,500 across life and health insurance. Advisory fees run 0.45% AUM. Fund expense ratios average 0.32% weighted. Total annual cost of ownership is approximately $8,200 on your invested portfolio.';\n  }\n  return `I can help you with portfolio analysis, market updates, tax optimization, goal planning, risk assessment, and expense analysis. Your portfolio is at ${portfolioValue} — what area would you like to focus on?`;\n}\n\nexport function AssistantPage() {\n  const { metrics, portfolios, risks, goals } = useBrainyRichStore();\n  const totalPortfolioValue = portfolios.reduce((s, p) => s + p.value, 0);\n\n  const [messages, setMessages] = useState<SimpleMessage[]>([\n    {\n      id: 1,\n      type: 'assistant',\n      content: `Hello! I'm your financial assistant. Your portfolio is at ${formatMoney(totalPortfolioValue)} and you have ${risks.length} risk alerts. Choose a quick action below or ask me anything.`,\n      timestamp: ASSISTANT_MESSAGE_TIME,\n    },\n  ]);\n  const [inputValue, setInputValue] = useState('');\n\n  const handleSendMessage = () => {\n    if (!inputValue.trim()) return;\n\n    const userMsg: SimpleMessage = {\n      id: messages.length + 1,\n      type: 'user',\n      content: inputValue,\n      timestamp: new Date(),\n    };\n    setMessages((prev) => [...prev, userMsg]);\n    setInputValue('');\n\n    setTimeout(() => {\n      const aiMsg: SimpleMessage = {\n        id: messages.length + 2,\n        type: 'assistant',\n        content: generateSimpleResponse(inputValue, formatMoney(totalPortfolioValue)),\n        timestamp: new Date(),\n      };\n      setMessages((prev) => [...prev, aiMsg]);\n    }, 800);\n  };\n\n  const insights = [\n    {\n      type: 'recommendation' as const,\n      title: 'Rebalancing Opportunity',\n      description: 'Equity allocation is 5% above target band. Consider rebalancing into bonds.',\n      impact: 'Medium' as const,\n    },\n    {\n      type: 'alert' as const,\n      title: 'Tax Loss Harvesting',\n      description: `$3,200 in unrealized losses available before FY end.`,\n      impact: 'High' as const,\n    },\n    {\n      type: 'opportunity' as const,\n      title: 'Emergency Fund Gap',\n      description: 'Liquid reserve covers 5.6 months. Consider increasing to 6-month target.',\n      impact: 'Low' as const,\n    },\n  ];\n\n  const impactIcon = (impact: string) => {\n    if (impact === 'High') return <AlertTriangle className=\"h-3 w-3\" />;\n    if (impact === 'Medium') return <CircleDot className=\"h-3 w-3\" />;\n    return <CheckCircle2 className=\"h-3 w-3\" />;\n  };\n\n  const impactColor = (impact: string) => {\n    if (impact === 'High') return 'bg-red-50 text-red-700 border-red-200';\n    if (impact === 'Medium') return 'bg-amber-50 text-amber-700 border-amber-200';\n    return 'bg-green-50 text-green-700 border-green-200';\n  };\n\n  const avgGoalPct = goals.length\n    ? Math.round(\n        goals.reduce((s, g) => s + (g.currentAmount / g.targetAmount) * 100, 0) / goals.length\n      )\n    : 0;\n\n  return (\n    <SectionShell\n      title=\"Financial Assistant\"\n      description=\"Quick financial advice, insights, and action shortcuts\"\n      badges={['Online']}\n      actionLabel=\"New Conversation\"\n    >\n      {/* Stats KPIs */}\n      <KpiGrid\n        items={[\n          { label: 'Conversations', value: '47', trend: '+5 this week' },\n          { label: 'Recommendations', value: '23', trend: '18 accepted' },\n          { label: 'Actions Taken', value: '12', trend: '$2,450 savings' },\n          {\n            label: 'Avg Goal Progress',\n            value: `${avgGoalPct}%`,\n            trend: `${goals.length} active goals`,\n          },\n        ]}\n      />\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-4\">\n        {/* Main column */}\n        <div className=\"space-y-6 lg:col-span-3\">\n          {/* Chat */}\n          <Card>\n            <CardHeader className=\"border-b py-3\">\n              <CardTitle className=\"flex items-center gap-2 text-base\">\n                <MessageSquare className=\"h-5 w-5\" />\n                Chat\n                <div className=\"ml-auto flex items-center gap-1 text-xs font-normal text-muted-foreground\">\n                  <div className=\"h-2 w-2 animate-pulse rounded-full bg-green-500\" />\n                  Ready\n                </div>\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"p-0\">\n              <div className=\"h-80 space-y-3 overflow-y-auto p-4\">\n                {messages.map((msg) => (\n                  <div\n                    key={msg.id}\n                    className={`flex ${msg.type === 'user' ? 'justify-end' : 'justify-start'}`}\n                  >\n                    <div\n                      className={`max-w-[75%] rounded-lg px-4 py-2 ${\n                        msg.type === 'user' ? 'bg-primary text-primary-foreground' : 'bg-muted'\n                      }`}\n                    >\n                      <p className=\"text-sm\">{msg.content}</p>\n                      <p className=\"mt-1 text-[10px] opacity-60\">\n                        {msg.timestamp.toLocaleTimeString([], {\n                          hour: '2-digit',\n                          minute: '2-digit',\n                        })}\n                      </p>\n                    </div>\n                  </div>\n                ))}\n              </div>\n              <div className=\"border-t p-3\">\n                <div className=\"flex gap-2\">\n                  <Input\n                    value={inputValue}\n                    onChange={(e) => setInputValue(e.target.value)}\n                    onKeyDown={(e) => e.key === 'Enter' && handleSendMessage()}\n                    placeholder=\"Ask about your finances...\"\n                  />\n                  <Button onClick={handleSendMessage} disabled={!inputValue.trim()} size=\"sm\">\n                    <Send className=\"h-4 w-4\" />\n                  </Button>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n\n          {/* Quick actions */}\n          <Card>\n            <CardHeader className=\"pb-3\">\n              <CardTitle className=\"flex items-center gap-2 text-base\">\n                <Zap className=\"h-5 w-5\" />\n                Quick Actions\n              </CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"grid gap-3 sm:grid-cols-2 lg:grid-cols-3\">\n                {quickActions.map((action) => (\n                  <button\n                    key={action.title}\n                    type=\"button\"\n                    className=\"group flex items-start gap-3 rounded-lg border p-3 text-left transition-colors hover:bg-accent\"\n                    onClick={() => setInputValue(action.title)}\n                  >\n                    <action.icon className={`mt-0.5 h-5 w-5 shrink-0 ${action.color}`} />\n                    <div className=\"min-w-0 flex-1\">\n                      <p className=\"text-sm font-medium\">{action.title}</p>\n                      <p className=\"mt-0.5 text-xs text-muted-foreground\">{action.description}</p>\n                    </div>\n                    <ArrowRight className=\"mt-0.5 h-4 w-4 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\" />\n                  </button>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n\n        {/* Sidebar */}\n        <div className=\"space-y-4 lg:col-span-1\">\n          {/* AI Insights */}\n          <Card>\n            <CardHeader className=\"pb-2\">\n              <CardTitle className=\"flex items-center gap-2 text-sm\">\n                <Brain className=\"h-4 w-4\" />\n                AI Insights\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2 p-3 pt-0\">\n              {insights.map((insight) => (\n                <div\n                  key={insight.title}\n                  className=\"rounded-lg border p-2.5 transition-colors hover:bg-accent\"\n                >\n                  <div className=\"mb-1 flex items-start justify-between gap-2\">\n                    <p className=\"text-xs font-medium\">{insight.title}</p>\n                    <span\n                      className={`inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[10px] font-medium ${impactColor(insight.impact)}`}\n                    >\n                      {impactIcon(insight.impact)}\n                      {insight.impact}\n                    </span>\n                  </div>\n                  <p className=\"text-[11px] text-muted-foreground\">{insight.description}</p>\n                </div>\n              ))}\n              <Button variant=\"outline\" size=\"sm\" className=\"w-full\">\n                View All Insights\n              </Button>\n            </CardContent>\n          </Card>\n\n          {/* Assistant Stats */}\n          <Card>\n            <CardHeader className=\"pb-2\">\n              <CardTitle className=\"flex items-center gap-2 text-sm\">\n                <BarChart3 className=\"h-4 w-4\" />\n                Assistant Stats\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2 p-3 pt-0\">\n              {[\n                { label: 'Total Conversations', value: '47' },\n                { label: 'Recommendations Given', value: '23' },\n                { label: 'Actions Taken', value: '12' },\n                { label: 'Savings Generated', value: '$2,450', highlight: true },\n              ].map((stat) => (\n                <div key={stat.label} className=\"flex items-center justify-between text-sm\">\n                  <span className=\"text-muted-foreground\">{stat.label}</span>\n                  <span className={`font-medium ${stat.highlight ? 'text-emerald-600' : ''}`}>\n                    {stat.value}\n                  </span>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n\n          {/* Features */}\n          <Card>\n            <CardHeader className=\"pb-2\">\n              <CardTitle className=\"text-sm\">Capabilities</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-1.5 p-3 pt-0\">\n              {[\n                { name: 'Portfolio Analysis', active: true },\n                { name: 'Investment Advice', active: true },\n                { name: 'Tax Optimization', active: true },\n                { name: 'Goal Planning', active: true },\n                { name: 'Risk Assessment', active: true },\n                { name: 'Voice Commands', active: false },\n                { name: 'Document Analysis', active: false },\n              ].map((feat) => (\n                <div key={feat.name} className=\"flex items-center gap-2 text-sm\">\n                  {feat.active ? (\n                    <CheckCircle2 className=\"h-3.5 w-3.5 text-emerald-600\" />\n                  ) : (\n                    <CircleDot className=\"h-3.5 w-3.5 text-amber-500\" />\n                  )}\n                  <span className={feat.active ? '' : 'text-muted-foreground'}>{feat.name}</span>\n                  {!feat.active ? (\n                    <Badge variant=\"outline\" className=\"ml-auto text-[9px]\">\n                      Soon\n                    </Badge>\n                  ) : null}\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </SectionShell>\n  );\n}\n"],"mappings":"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"}

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

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

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

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

package/dist/brainyrich/pages/DashboardPage.js

@@ -0,0 +1,258 @@
+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, statusBadgeVariant as a } from "./_shared.js";
+import { ArrowDownRight as o, ArrowUpRight as s, BarChart3 as c, Bell as l, Briefcase as u, Target as d, TrendingUp as f, Wallet as p } from "lucide-react";
+import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Badge as _, Button as v, Card as y, CardContent as b, CardDescription as x, CardHeader as S, CardTitle as C } from "@burdenoff/fe-libs/ui";
+//#region src/brainyrich/pages/DashboardPage.tsx
+var w = [
+	{
+		name: "S&P 500",
+		value: "5,321.08",
+		change: "+1.2%",
+		positive: !0
+	},
+	{
+		name: "NIFTY 50",
+		value: "23,851.40",
+		change: "+0.8%",
+		positive: !0
+	},
+	{
+		name: "NASDAQ",
+		value: "16,742.39",
+		change: "-0.3%",
+		positive: !1
+	}
+];
+function T() {
+	let { t: T } = m(), { metrics: E, workItems: D, portfolios: O, holdings: k, goals: A } = t(), j = (t, n, r) => e(T, t, n, r), M = E.map((e) => ({
+		...e,
+		label: e.label === "Net Worth" ? j("brainyrich.dashboard.metrics.netWorth", "Net Worth") : e.label === "Invested Assets" ? j("brainyrich.dashboard.metrics.investedAssets", "Invested Assets") : e.label === "Liquidity" ? j("brainyrich.dashboard.metrics.liquidity", "Liquidity") : e.label === "Goal Completion" ? j("brainyrich.dashboard.metrics.goalCompletion", "Goal Completion") : e.label
+	})), N = O.reduce((e, t) => e + t.value, 0), P = A.length ? Math.round(A.reduce((e, t) => e + t.currentAmount / t.targetAmount * 100, 0) / A.length) : 0;
+	return /* @__PURE__ */ g(r, {
+		title: j("brainyrich.dashboard.title", "Wealth Dashboard"),
+		description: j("brainyrich.dashboard.description", "Your consolidated financial overview at a glance"),
+		actionLabel: j("brainyrich.dashboard.actions.healthCheck", "Run Health Check"),
+		badges: [j("brainyrich.dashboard.badges.liveData", "Live Data")],
+		children: [
+			/* @__PURE__ */ h(n, { items: M }),
+			/* @__PURE__ */ g("div", {
+				className: "grid gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ g(y, {
+					className: "lg:col-span-2",
+					children: [/* @__PURE__ */ g(S, { children: [/* @__PURE__ */ g(C, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ h(u, { className: "h-5 w-5" }), j("brainyrich.dashboard.sections.portfolioSnapshot", "Portfolio Snapshot")]
+					}), /* @__PURE__ */ h(x, { children: j("brainyrich.dashboard.sections.portfolioSnapshotDescription", "Current allocation across strategies") })] }), /* @__PURE__ */ g(b, {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ g("div", {
+							className: "flex items-baseline justify-between",
+							children: [/* @__PURE__ */ h("span", {
+								className: "text-2xl font-bold",
+								children: i(N)
+							}), /* @__PURE__ */ g("span", {
+								className: "text-sm text-emerald-600 flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ h(f, { className: "h-3 w-3" }),
+									j("brainyrich.dashboard.weightedYtdPrefix", "Weighted YTD +"),
+									(O.reduce((e, t) => e + t.ytdReturnPct * t.value, 0) / N).toFixed(1),
+									"%"
+								]
+							})]
+						}), O.map((e) => {
+							let t = Math.round(e.value / N * 100);
+							return /* @__PURE__ */ g("div", {
+								className: "space-y-1",
+								children: [
+									/* @__PURE__ */ g("div", {
+										className: "flex items-center justify-between text-sm",
+										children: [/* @__PURE__ */ h("span", {
+											className: "font-medium",
+											children: e.name
+										}), /* @__PURE__ */ g("span", { children: [
+											i(e.value),
+											" (",
+											t,
+											"%)"
+										] })]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "h-2 rounded bg-muted overflow-hidden",
+										children: /* @__PURE__ */ h("div", {
+											className: "h-2 rounded bg-primary",
+											style: { width: `${t}%` }
+										})
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "flex items-center justify-between text-xs text-muted-foreground",
+										children: [/* @__PURE__ */ g("span", { children: [
+											j("brainyrich.dashboard.portfolio.ytdPrefix", "YTD +"),
+											e.ytdReturnPct,
+											"%"
+										] }), /* @__PURE__ */ h(_, {
+											variant: e.risk === "High" ? "destructive" : e.risk === "Moderate" ? "secondary" : "outline",
+											className: "text-[10px]",
+											children: e.risk
+										})]
+									})
+								]
+							}, e.id);
+						})]
+					})]
+				}), /* @__PURE__ */ g("div", {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ g(y, { children: [/* @__PURE__ */ h(S, {
+						className: "pb-3",
+						children: /* @__PURE__ */ g(C, {
+							className: "flex items-center gap-2 text-base",
+							children: [/* @__PURE__ */ h(c, { className: "h-4 w-4" }), j("brainyrich.dashboard.sections.marketSummary", "Market Summary")]
+						})
+					}), /* @__PURE__ */ h(b, {
+						className: "space-y-3",
+						children: w.map((e) => /* @__PURE__ */ g("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ h("span", {
+								className: "text-sm font-medium",
+								children: e.name
+							}), /* @__PURE__ */ g("div", {
+								className: "text-right",
+								children: [/* @__PURE__ */ h("div", {
+									className: "text-sm",
+									children: e.value
+								}), /* @__PURE__ */ g("div", {
+									className: `text-xs flex items-center gap-0.5 ${e.positive ? "text-emerald-600" : "text-red-600"}`,
+									children: [e.positive ? /* @__PURE__ */ h(s, { className: "h-3 w-3" }) : /* @__PURE__ */ h(o, { className: "h-3 w-3" }), e.change]
+								})]
+							})]
+						}, e.name))
+					})] }), /* @__PURE__ */ g(y, { children: [/* @__PURE__ */ h(S, {
+						className: "pb-3",
+						children: /* @__PURE__ */ g(C, {
+							className: "flex items-center gap-2 text-base",
+							children: [/* @__PURE__ */ h(d, { className: "h-4 w-4" }), j("brainyrich.dashboard.sections.goalProgress", "Goal Progress")]
+						})
+					}), /* @__PURE__ */ g(b, {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ g("div", {
+							className: "text-center",
+							children: [/* @__PURE__ */ g("span", {
+								className: "text-3xl font-bold",
+								children: [P, "%"]
+							}), /* @__PURE__ */ h("p", {
+								className: "text-xs text-muted-foreground mt-1",
+								children: j("brainyrich.dashboard.goalProgress.averageCompletion", "Average goal completion")
+							})]
+						}), A.map((e) => {
+							let t = Math.round(e.currentAmount / e.targetAmount * 100);
+							return /* @__PURE__ */ g("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ g("div", {
+									className: "flex justify-between text-xs",
+									children: [/* @__PURE__ */ h("span", { children: e.title }), /* @__PURE__ */ g("span", { children: [t, "%"] })]
+								}), /* @__PURE__ */ h("div", {
+									className: "h-1.5 rounded bg-muted overflow-hidden",
+									children: /* @__PURE__ */ h("div", {
+										className: "h-1.5 rounded bg-emerald-500",
+										style: { width: `${t}%` }
+									})
+								})]
+							}, e.id);
+						})]
+					})] })]
+				})]
+			}),
+			/* @__PURE__ */ g(y, { children: [/* @__PURE__ */ g(S, { children: [/* @__PURE__ */ g(C, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ h(p, { className: "h-5 w-5" }), j("brainyrich.dashboard.sections.topHoldings", "Top Holdings")]
+			}), /* @__PURE__ */ h(x, { children: j("brainyrich.dashboard.sections.topHoldingsDescription", "Highest-value positions across all portfolios") })] }), /* @__PURE__ */ h(b, { children: /* @__PURE__ */ h("div", {
+				className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4",
+				children: k.map((e) => /* @__PURE__ */ g("div", {
+					className: "flex items-center justify-between rounded-lg border p-3",
+					children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+						className: "font-semibold text-sm",
+						children: e.symbol
+					}), /* @__PURE__ */ h("p", {
+						className: "text-xs text-muted-foreground",
+						children: e.sector
+					})] }), /* @__PURE__ */ g("div", {
+						className: "text-right",
+						children: [/* @__PURE__ */ h("p", {
+							className: "text-sm font-medium",
+							children: i(e.marketValue)
+						}), /* @__PURE__ */ g("p", {
+							className: `text-xs ${e.changePct >= 0 ? "text-emerald-600" : "text-red-600"}`,
+							children: [
+								e.changePct >= 0 ? "+" : "",
+								e.changePct,
+								"%"
+							]
+						})]
+					})]
+				}, e.symbol))
+			}) })] }),
+			/* @__PURE__ */ g(y, { children: [/* @__PURE__ */ g(S, { children: [/* @__PURE__ */ g(C, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ h(l, { className: "h-5 w-5" }), j("brainyrich.dashboard.sections.activeWorkItems", "Active Work Items")]
+			}), /* @__PURE__ */ h(x, { children: j("brainyrich.dashboard.sections.activeWorkItemsDescription", "Tasks and initiatives from your wealth operations teams") })] }), /* @__PURE__ */ h(b, {
+				className: "space-y-3",
+				children: D.map((e) => /* @__PURE__ */ g("div", {
+					className: "flex items-center justify-between rounded-lg border p-3",
+					children: [/* @__PURE__ */ g("div", {
+						className: "space-y-0.5",
+						children: [/* @__PURE__ */ h("p", {
+							className: "text-sm font-medium",
+							children: e.title
+						}), /* @__PURE__ */ g("p", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								e.owner,
+								" · ",
+								e.updatedAt
+							]
+						})]
+					}), /* @__PURE__ */ h(_, {
+						variant: a(e.status),
+						children: e.status.replace("_", " ")
+					})]
+				}, e.id))
+			})] }),
+			/* @__PURE__ */ h("div", {
+				className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					{
+						label: j("brainyrich.dashboard.quickActions.placeTradeOrder", "Place Trade Order"),
+						desc: j("brainyrich.dashboard.quickActions.placeTradeOrderDesc", "Buy or sell securities")
+					},
+					{
+						label: j("brainyrich.dashboard.quickActions.linkNewAccount", "Link New Account"),
+						desc: j("brainyrich.dashboard.quickActions.linkNewAccountDesc", "Connect a financial account")
+					},
+					{
+						label: j("brainyrich.dashboard.quickActions.generateReport", "Generate Report"),
+						desc: j("brainyrich.dashboard.quickActions.generateReportDesc", "Create a wealth snapshot")
+					},
+					{
+						label: j("brainyrich.dashboard.quickActions.askWealthAi", "Ask Wealth AI"),
+						desc: j("brainyrich.dashboard.quickActions.askWealthAiDesc", "Get personalized advice")
+					}
+				].map((e) => /* @__PURE__ */ g(v, {
+					variant: "outline",
+					className: "h-auto flex-col items-start p-4 text-left",
+					children: [/* @__PURE__ */ h("span", {
+						className: "font-medium text-sm",
+						children: e.label
+					}), /* @__PURE__ */ h("span", {
+						className: "text-xs text-muted-foreground",
+						children: e.desc
+					})]
+				}, e.label))
+			})
+		]
+	});
+}
+//#endregion
+export { T as DashboardPage };
+
+//# sourceMappingURL=DashboardPage.js.map