@burdenoff/microfe-brainyrich 2026.828.1 → 2026.828.2

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

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../src/brainyrich/pages/AnalyticsPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  Button,\n  Badge,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n  Input,\n  Label,\n  Textarea,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  ArrowDownRight,\n  ArrowUpRight,\n  BarChart3,\n  Coins,\n  Minus,\n  PieChart,\n  Plus,\n  TrendingDown,\n  TrendingUp,\n  Wallet,\n} from 'lucide-react';\nimport {\n  useNetWorthSummary,\n  useAllTransactions,\n  useAccounts,\n  useHoldings,\n  useRecordTransaction,\n} from '../hooks/useBrainyRichApi';\nimport type { BraAssetClass, BraHolding, BraTransaction, BraTransactionType } from '../types/bra';\nimport {\n  DonutChart,\n  TrendBars,\n  StatTile,\n  GlassCard,\n  FadeIn,\n  ProgressRing,\n  type DonutDatum,\n  type VizTone,\n} from '../components';\nimport {\n  SectionShell,\n  EmptyState,\n  LoadingState,\n  ErrorState,\n  formatMoney,\n  formatCompact,\n  formatPct,\n  formatDate,\n} from './_shared';\nimport type { AllocationDatum } from './_shared';\n\n// Map each asset class to a distinct semantic tone (color never the only signal —\n// the donut also carries a labelled legend and a full data table beneath it).\nconst ASSET_TONE: Record<BraAssetClass, VizTone> = {\n  EQUITY: 'brand',\n  FIXED_INCOME: 'blue',\n  CASH: 'teal',\n  REAL_ESTATE: 'purple',\n  COMMODITY: 'warning',\n  CRYPTO: 'indigo',\n  ALTERNATIVE: 'info',\n};\n\n// ---------------------------------------------------------------------------\n// Pure derivation helpers (every value traces back to backend rows — no mocks)\n// ---------------------------------------------------------------------------\n\nconst TITLE_CASE = (raw: string): string =>\n  raw\n    .toLowerCase()\n    .split('_')\n    .map((w) => (w ? w[0].toUpperCase() + w.slice(1) : w))\n    .join(' ');\n\nconst INFLOW_TYPES: readonly BraTransactionType[] = ['DEPOSIT', 'DIVIDEND', 'INTEREST', 'SELL'];\nconst OUTFLOW_TYPES: readonly BraTransactionType[] = ['WITHDRAWAL', 'FEE', 'BUY'];\n\nconst flowDirection = (type: BraTransactionType): 'in' | 'out' | 'neutral' => {\n  if (INFLOW_TYPES.includes(type)) return 'in';\n  if (OUTFLOW_TYPES.includes(type)) return 'out';\n  return 'neutral';\n};\n\ninterface MonthFlow {\n  key: string;\n  label: string;\n  inflow: number;\n  outflow: number;\n}\n\nconst monthKey = (iso: string): { key: string; label: string } | null => {\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return null;\n  const key = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}`;\n  const label = new Intl.DateTimeFormat('en-US', { month: 'short', year: 'numeric' }).format(d);\n  return { key, label };\n};\n\nconst aggregateByMonth = (transactions: BraTransaction[]): MonthFlow[] => {\n  const buckets = new Map<string, MonthFlow>();\n  for (const tx of transactions) {\n    const parsed = monthKey(tx.tradeDate);\n    if (!parsed) continue;\n    const dir = flowDirection(tx.type);\n    if (dir === 'neutral') continue;\n    const value = Math.abs(tx.amount);\n    const existing = buckets.get(parsed.key) ?? {\n      key: parsed.key,\n      label: parsed.label,\n      inflow: 0,\n      outflow: 0,\n    };\n    if (dir === 'in') existing.inflow += value;\n    else existing.outflow += value;\n    buckets.set(parsed.key, existing);\n  }\n  return Array.from(buckets.values()).sort((a, b) => a.key.localeCompare(b.key));\n};\n\nconst aggregateByType = (\n  transactions: BraTransaction[]\n): Array<{ type: BraTransactionType; total: number; dir: 'in' | 'out' | 'neutral' }> => {\n  const buckets = new Map<BraTransactionType, number>();\n  for (const tx of transactions) {\n    buckets.set(tx.type, (buckets.get(tx.type) ?? 0) + Math.abs(tx.amount));\n  }\n  return Array.from(buckets.entries())\n    .map(([type, total]) => ({ type, total, dir: flowDirection(type) }))\n    .sort((a, b) => b.total - a.total);\n};\n\n// ---------------------------------------------------------------------------\n// Signed gain/loss cell — color is never the only signal (icon + sign + color)\n// ---------------------------------------------------------------------------\n\nfunction GainCell({\n  value,\n  currency,\n  pct,\n}: {\n  value: number;\n  currency: string;\n  pct?: number | null;\n}) {\n  const positive = value > 0;\n  const negative = value < 0;\n  const Icon = positive ? ArrowUpRight : negative ? ArrowDownRight : Minus;\n  const tone = positive\n    ? 'text-status-success-text'\n    : negative\n      ? 'text-status-error-text'\n      : 'text-text-secondary';\n  const sign = positive ? '+' : negative ? '-' : '';\n  const showPct = pct !== undefined && pct !== null && Number.isFinite(pct);\n  return (\n    <span className={`inline-flex items-center justify-end gap-1 font-medium tabular-nums ${tone}`}>\n      <Icon className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n      {sign}\n      {formatMoney(Math.abs(value), currency)}\n      {showPct ? (\n        <span className=\"text-xs opacity-80\">\n          ({pct > 0 ? '+' : ''}\n          {pct.toFixed(1)}%)\n        </span>\n      ) : null}\n    </span>\n  );\n}\n\nconst emptyTransactionForm = {\n  accountId: '',\n  type: 'DEPOSIT' as BraTransactionType,\n  amount: '',\n  symbol: '',\n  tradeDate: '',\n  notes: '',\n};\n\nconst TRANSACTION_TYPES: readonly BraTransactionType[] = [\n  'DEPOSIT',\n  'WITHDRAWAL',\n  'DIVIDEND',\n  'INTEREST',\n  'FEE',\n  'BUY',\n  'SELL',\n  'TRANSFER',\n];\n\nexport function AnalyticsPage() {\n  const summaryQuery = useNetWorthSummary();\n  // Aggregate cash flow / net cash flow over the FULL transaction set (all pages),\n  // not just a truncated first page, so totals and the KPI are accurate.\n  const txQuery = useAllTransactions();\n  const accountsQuery = useAccounts();\n\n  const [selectedAccountId, setSelectedAccountId] = useState<string | undefined>(undefined);\n  const accounts = accountsQuery.data;\n  const effectiveAccountId = selectedAccountId ?? accounts[0]?.id;\n  const holdingsQuery = useHoldings({ accountId: effectiveAccountId });\n\n  // Record-transaction dialog (real create action → refreshes cashflow)\n  const recordTx = useRecordTransaction();\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [form, setForm] = useState(emptyTransactionForm);\n\n  const summary = summaryQuery.data;\n  const currency = summary?.currency ?? 'USD';\n  const transactions = txQuery.data;\n\n  const assetAllocation = useMemo<AllocationDatum[]>(() => {\n    if (!summary || summary.totalMarketValue <= 0) return [];\n    return summary.byAssetClass\n      .filter((row) => row.marketValue !== 0)\n      .map((row) => ({\n        label: TITLE_CASE(row.assetClass as BraAssetClass),\n        value: (row.marketValue / summary.totalMarketValue) * 100,\n        caption: formatMoney(row.marketValue, currency),\n        tone: 'accent' as const,\n      }))\n      .sort((a, b) => b.value - a.value);\n  }, [summary, currency]);\n\n  // Donut slices keyed on absolute market value (legend/tooltip show currency).\n  const donutAllocation = useMemo<DonutDatum[]>(() => {\n    if (!summary || summary.totalMarketValue <= 0) return [];\n    return summary.byAssetClass\n      .filter((row) => row.marketValue > 0)\n      .map((row) => ({\n        label: TITLE_CASE(row.assetClass as BraAssetClass),\n        value: row.marketValue,\n        tone: ASSET_TONE[row.assetClass as BraAssetClass],\n      }))\n      .sort((a, b) => b.value - a.value);\n  }, [summary]);\n\n  const composition = useMemo<DonutDatum[]>(() => {\n    if (!summary) return [];\n    const base = summary.totalMarketValue + summary.totalCash;\n    if (base <= 0) return [];\n    return [\n      { label: 'Invested', value: summary.totalMarketValue, tone: 'brand' as const },\n      { label: 'Cash', value: summary.totalCash, tone: 'teal' as const },\n    ].filter((d) => d.value > 0);\n  }, [summary]);\n\n  const investedPct = useMemo(() => {\n    if (!summary) return 0;\n    const base = summary.totalMarketValue + summary.totalCash;\n    return base > 0 ? (summary.totalMarketValue / base) * 100 : 0;\n  }, [summary]);\n\n  const monthFlows = useMemo(() => aggregateByMonth(transactions), [transactions]);\n  const typeFlows = useMemo(() => aggregateByType(transactions), [transactions]);\n  const flowTotals = useMemo(() => {\n    let inflow = 0;\n    let outflow = 0;\n    for (const m of monthFlows) {\n      inflow += m.inflow;\n      outflow += m.outflow;\n    }\n    return { inflow, outflow, net: inflow - outflow };\n  }, [monthFlows]);\n  // Real per-month net series (inflow − outflow) — decorative spark on the KPI.\n  const netFlowSeries = useMemo(() => monthFlows.map((m) => m.inflow - m.outflow), [monthFlows]);\n\n  const holdings = holdingsQuery.data;\n  const performance = useMemo(() => {\n    const rows = holdings\n      .map((h: BraHolding) => {\n        const unrealized = h.marketValue - h.costBasis;\n        const pct = h.costBasis > 0 ? (unrealized / h.costBasis) * 100 : null;\n        return { holding: h, unrealized, pct };\n      })\n      .sort((a, b) => b.unrealized - a.unrealized);\n    const totalUnrealized = rows.reduce((s, r) => s + r.unrealized, 0);\n    const totalCost = holdings.reduce((s, h) => s + h.costBasis, 0);\n    const gainers = rows.filter((r) => r.unrealized > 0).slice(0, 4);\n    const losers = rows\n      .filter((r) => r.unrealized < 0)\n      .sort((a, b) => a.unrealized - b.unrealized)\n      .slice(0, 4);\n    return { rows, totalUnrealized, totalCost, gainers, losers };\n  }, [holdings]);\n\n  // --- Top-level loading / error gates (summary drives KPIs + allocation) ---\n  if (summaryQuery.isLoading) {\n    return (\n      <SectionShell\n        title=\"Wealth Analytics\"\n        description=\"Allocation, cash flow, and holdings performance derived from your real accounts.\"\n      >\n        <LoadingState rows={5} />\n      </SectionShell>\n    );\n  }\n\n  if (summaryQuery.isError || !summary) {\n    return (\n      <SectionShell\n        title=\"Wealth Analytics\"\n        description=\"Allocation, cash flow, and holdings performance derived from your real accounts.\"\n      >\n        <ErrorState\n          title=\"Could not load analytics\"\n          description=\"We couldn't reach the wealth service. Please retry.\"\n          onRetry={() => summaryQuery.refetch()}\n        />\n      </SectionShell>\n    );\n  }\n\n  const amountNum = Number(form.amount);\n  const canSubmit =\n    Boolean(form.accountId) &&\n    Boolean(form.tradeDate) &&\n    form.amount.trim() !== '' &&\n    Number.isFinite(amountNum) &&\n    amountNum > 0 &&\n    !recordTx.isPending;\n\n  const submitTransaction = () => {\n    if (!canSubmit) return;\n    recordTx.mutate(\n      {\n        accountId: form.accountId,\n        type: form.type,\n        amount: amountNum,\n        symbol: form.symbol.trim() ? form.symbol.trim() : undefined,\n        tradeDate: new Date(form.tradeDate).toISOString(),\n        notes: form.notes.trim() ? form.notes.trim() : undefined,\n      },\n      {\n        onSuccess: () => {\n          setDialogOpen(false);\n          setForm(emptyTransactionForm);\n        },\n      }\n    );\n  };\n\n  const recordAction = (\n    <Dialog\n      open={dialogOpen}\n      onOpenChange={(next) => {\n        setDialogOpen(next);\n        if (!next) setForm(emptyTransactionForm);\n      }}\n    >\n      <DialogTrigger asChild>\n        <Button size=\"sm\">\n          <Plus className=\"mr-1 size-4\" aria-hidden=\"true\" />\n          Record Transaction\n        </Button>\n      </DialogTrigger>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Record Transaction</DialogTitle>\n          <DialogDescription>\n            Log a real cash flow or trade. It updates your cash-flow analytics immediately.\n          </DialogDescription>\n        </DialogHeader>\n        {accounts.length === 0 ? (\n          <EmptyState\n            icon={<Wallet className=\"size-6\" aria-hidden=\"true\" />}\n            title=\"Create an account first\"\n            description=\"You need at least one account before you can record a transaction. Open the Accounts page to add one, then come back here.\"\n          />\n        ) : (\n          <div className=\"space-y-4\">\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"tx-account\">Account</Label>\n              <Select\n                value={form.accountId}\n                onValueChange={(v) => setForm((f) => ({ ...f, accountId: v }))}\n              >\n                <SelectTrigger id=\"tx-account\">\n                  <SelectValue placeholder=\"Select an account\" />\n                </SelectTrigger>\n                <SelectContent>\n                  {accounts.map((a) => (\n                    <SelectItem key={a.id} value={a.id}>\n                      {a.name}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"tx-type\">Type</Label>\n                <Select\n                  value={form.type}\n                  onValueChange={(v) => setForm((f) => ({ ...f, type: v as BraTransactionType }))}\n                >\n                  <SelectTrigger id=\"tx-type\">\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {TRANSACTION_TYPES.map((t) => (\n                      <SelectItem key={t} value={t}>\n                        {TITLE_CASE(t)}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"tx-amount\">Amount ({currency})</Label>\n                <Input\n                  id=\"tx-amount\"\n                  type=\"number\"\n                  min=\"0\"\n                  step=\"0.01\"\n                  inputMode=\"decimal\"\n                  placeholder=\"0.00\"\n                  value={form.amount}\n                  onChange={(e) => setForm((f) => ({ ...f, amount: e.target.value }))}\n                />\n              </div>\n            </div>\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"tx-date\">Trade date</Label>\n                <Input\n                  id=\"tx-date\"\n                  type=\"date\"\n                  value={form.tradeDate}\n                  onChange={(e) => setForm((f) => ({ ...f, tradeDate: e.target.value }))}\n                />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"tx-symbol\">Symbol (optional)</Label>\n                <Input\n                  id=\"tx-symbol\"\n                  placeholder=\"e.g. AAPL\"\n                  value={form.symbol}\n                  onChange={(e) => setForm((f) => ({ ...f, symbol: e.target.value }))}\n                />\n              </div>\n            </div>\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"tx-notes\">Notes (optional)</Label>\n              <Textarea\n                id=\"tx-notes\"\n                rows={2}\n                placeholder=\"Context for this transaction\"\n                value={form.notes}\n                onChange={(e) => setForm((f) => ({ ...f, notes: e.target.value }))}\n              />\n            </div>\n            {recordTx.isError ? (\n              <p className=\"text-sm text-status-error-text\">\n                {recordTx.error instanceof Error\n                  ? recordTx.error.message\n                  : 'Could not record transaction.'}\n              </p>\n            ) : null}\n          </div>\n        )}\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={() => setDialogOpen(false)}>\n            {accounts.length === 0 ? 'Close' : 'Cancel'}\n          </Button>\n          {accounts.length > 0 ? (\n            <Button onClick={submitTransaction} disabled={!canSubmit}>\n              {recordTx.isPending ? 'Recording…' : 'Record'}\n            </Button>\n          ) : null}\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n\n  return (\n    <SectionShell\n      title=\"Wealth Analytics\"\n      description=\"Allocation, cash flow, and holdings performance derived from your real accounts.\"\n      badges={[`${summary.accountCount} accounts`]}\n      actions={recordAction}\n    >\n      <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n        <FadeIn index={0}>\n          <StatTile\n            label=\"Net Worth\"\n            value={formatMoney(summary.totalNetWorth, currency)}\n            icon={<Wallet className=\"size-4\" aria-hidden=\"true\" />}\n            glow\n          />\n        </FadeIn>\n        <FadeIn index={1}>\n          <StatTile\n            label=\"Invested Value\"\n            value={formatMoney(summary.totalMarketValue, currency)}\n            icon={<TrendingUp className=\"size-4\" aria-hidden=\"true\" />}\n          />\n        </FadeIn>\n        <FadeIn index={2}>\n          <StatTile\n            label=\"Cash\"\n            value={formatMoney(summary.totalCash, currency)}\n            icon={<Coins className=\"size-4\" aria-hidden=\"true\" />}\n          />\n        </FadeIn>\n        <FadeIn index={3}>\n          <StatTile\n            label=\"Net Cash Flow\"\n            value={formatMoney(flowTotals.net, currency)}\n            deltaTone={\n              flowTotals.net > 0 ? 'positive' : flowTotals.net < 0 ? 'negative' : 'neutral'\n            }\n            delta={flowTotals.inflow > 0 ? (flowTotals.net / flowTotals.inflow) * 100 : undefined}\n            deltaSuffix=\"% of inflows\"\n            spark={netFlowSeries.length > 1 ? netFlowSeries : undefined}\n            sparkTone={flowTotals.net >= 0 ? 'positive' : 'negative'}\n            icon={<BarChart3 className=\"size-4\" aria-hidden=\"true\" />}\n          />\n        </FadeIn>\n      </div>\n\n      <Tabs defaultValue=\"allocation\" className=\"space-y-4\">\n        <TabsList className=\"grid w-full grid-cols-3\">\n          <TabsTrigger value=\"allocation\">Allocation</TabsTrigger>\n          <TabsTrigger value=\"cashflow\">Cash Flow</TabsTrigger>\n          <TabsTrigger value=\"performance\">Performance</TabsTrigger>\n        </TabsList>\n\n        {/* ---------------------------------------------------------------- */}\n        {/* Allocation                                                       */}\n        {/* ---------------------------------------------------------------- */}\n        <TabsContent value=\"allocation\" className=\"space-y-4\">\n          <FadeIn>\n            <GlassCard glow className=\"space-y-5\">\n              <div className=\"flex items-center gap-2\">\n                <PieChart className=\"size-5 text-text-secondary\" aria-hidden=\"true\" />\n                <div>\n                  <h2 className=\"text-base font-semibold text-text-primary\">Asset Allocation</h2>\n                  <p className=\"text-sm text-text-secondary\">\n                    Share of invested value by asset class, from your holdings.\n                  </p>\n                </div>\n              </div>\n              {assetAllocation.length === 0 ? (\n                <EmptyState\n                  icon={<PieChart className=\"size-6\" aria-hidden=\"true\" />}\n                  title=\"No invested holdings yet\"\n                  description=\"Add holdings to your accounts to see an asset-class breakdown here.\"\n                />\n              ) : (\n                <div className=\"grid gap-6 lg:grid-cols-[minmax(0,1fr)_minmax(0,1.1fr)] lg:items-center\">\n                  <DonutChart\n                    data={donutAllocation}\n                    height={240}\n                    centerValue={formatCompact(summary.totalMarketValue, currency)}\n                    centerLabel=\"Invested\"\n                    valueFormatter={(v) => formatMoney(v, currency)}\n                  />\n                  <div className=\"overflow-x-auto\">\n                    <Table>\n                      <TableHeader>\n                        <TableRow>\n                          <TableHead>Asset class</TableHead>\n                          <TableHead className=\"text-right\">Weight</TableHead>\n                          <TableHead className=\"text-right\">Market value</TableHead>\n                        </TableRow>\n                      </TableHeader>\n                      <TableBody>\n                        {assetAllocation.map((row) => (\n                          <TableRow key={row.label}>\n                            <TableCell className=\"font-medium text-text-primary\">\n                              {row.label}\n                            </TableCell>\n                            <TableCell className=\"text-right tabular-nums text-text-secondary\">\n                              {formatPct(row.value)}\n                            </TableCell>\n                            <TableCell className=\"text-right tabular-nums font-medium text-text-primary\">\n                              {row.caption}\n                            </TableCell>\n                          </TableRow>\n                        ))}\n                      </TableBody>\n                    </Table>\n                  </div>\n                </div>\n              )}\n            </GlassCard>\n          </FadeIn>\n\n          <FadeIn index={1}>\n            <Card className=\"transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]\">\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2\">\n                  <Wallet className=\"size-5\" aria-hidden=\"true\" />\n                  Net Worth Composition\n                </CardTitle>\n                <CardDescription>Invested value versus liquid cash.</CardDescription>\n              </CardHeader>\n              <CardContent>\n                {composition.length === 0 ? (\n                  <EmptyState\n                    icon={<Wallet className=\"size-6\" aria-hidden=\"true\" />}\n                    title=\"No balances yet\"\n                    description=\"Add accounts with balances or holdings to see your composition.\"\n                  />\n                ) : (\n                  <div className=\"flex flex-col items-center gap-6 sm:flex-row sm:justify-around\">\n                    <ProgressRing value={investedPct} label=\"Invested\" tone=\"brand\" size={140} />\n                    <div className=\"min-w-0 flex-1\">\n                      <DonutChart\n                        data={composition}\n                        height={180}\n                        centerValue={formatCompact(summary.totalNetWorth, currency)}\n                        centerLabel=\"Net worth\"\n                        valueFormatter={(v) => formatMoney(v, currency)}\n                      />\n                    </div>\n                  </div>\n                )}\n              </CardContent>\n            </Card>\n          </FadeIn>\n        </TabsContent>\n\n        {/* ---------------------------------------------------------------- */}\n        {/* Cash flow                                                        */}\n        {/* ---------------------------------------------------------------- */}\n        <TabsContent value=\"cashflow\" className=\"space-y-4\">\n          <FadeIn>\n            <GlassCard className=\"space-y-5\">\n              <div className=\"flex items-center gap-2\">\n                <BarChart3 className=\"size-5 text-text-secondary\" aria-hidden=\"true\" />\n                <div>\n                  <h2 className=\"text-base font-semibold text-text-primary\">\n                    Inflows vs Outflows by month\n                  </h2>\n                  <p className=\"text-sm text-text-secondary\">\n                    Monthly cash flow aggregated from your recorded transactions.\n                    {transactions.length > 0\n                      ? ` Based on ${transactions.length.toLocaleString()} ${\n                          transactions.length === 1 ? 'transaction' : 'transactions'\n                        }.`\n                      : ''}\n                  </p>\n                </div>\n              </div>\n              {txQuery.isLoading ? (\n                <LoadingState rows={4} />\n              ) : txQuery.isError ? (\n                <ErrorState onRetry={() => txQuery.refetch()} />\n              ) : monthFlows.length === 0 ? (\n                <EmptyState\n                  icon={<BarChart3 className=\"size-6\" aria-hidden=\"true\" />}\n                  title=\"No cash flow to analyze yet\"\n                  description=\"Record deposits, withdrawals, or trades to build a cash-flow history.\"\n                  action={\n                    <Button size=\"sm\" onClick={() => setDialogOpen(true)}>\n                      <Plus className=\"mr-1 size-4\" aria-hidden=\"true\" />\n                      Record Transaction\n                    </Button>\n                  }\n                />\n              ) : (\n                <div className=\"space-y-4\">\n                  <TrendBars\n                    data={monthFlows}\n                    height={280}\n                    valueFormatter={(v) => formatCompact(v, currency)}\n                  />\n                  <div className=\"flex flex-wrap gap-4 text-xs text-text-secondary\">\n                    <span className=\"inline-flex items-center gap-1.5\">\n                      <ArrowUpRight\n                        className=\"size-3.5 text-status-success-text\"\n                        aria-hidden=\"true\"\n                      />\n                      Inflow\n                    </span>\n                    <span className=\"inline-flex items-center gap-1.5\">\n                      <ArrowDownRight\n                        className=\"size-3.5 text-status-error-text\"\n                        aria-hidden=\"true\"\n                      />\n                      Outflow\n                    </span>\n                  </div>\n                </div>\n              )}\n            </GlassCard>\n          </FadeIn>\n\n          {monthFlows.length > 0 ? (\n            <div className=\"grid gap-4 sm:grid-cols-3\">\n              <FadeIn index={0}>\n                <StatTile\n                  label=\"Total inflows\"\n                  value={formatMoney(flowTotals.inflow, currency)}\n                  icon={<ArrowUpRight className=\"size-4\" aria-hidden=\"true\" />}\n                  sparkTone=\"positive\"\n                />\n              </FadeIn>\n              <FadeIn index={1}>\n                <StatTile\n                  label=\"Total outflows\"\n                  value={formatMoney(flowTotals.outflow, currency)}\n                  icon={<ArrowDownRight className=\"size-4\" aria-hidden=\"true\" />}\n                />\n              </FadeIn>\n              <FadeIn index={2}>\n                <StatTile\n                  label=\"Net\"\n                  value={formatMoney(flowTotals.net, currency)}\n                  deltaTone={\n                    flowTotals.net > 0 ? 'positive' : flowTotals.net < 0 ? 'negative' : 'neutral'\n                  }\n                  delta={\n                    flowTotals.inflow > 0 ? (flowTotals.net / flowTotals.inflow) * 100 : undefined\n                  }\n                  deltaSuffix=\"% of inflows\"\n                  glow\n                />\n              </FadeIn>\n            </div>\n          ) : null}\n\n          {typeFlows.length > 0 ? (\n            <FadeIn>\n              <Card className=\"transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]\">\n                <CardHeader>\n                  <CardTitle>By Transaction Type</CardTitle>\n                  <CardDescription>Total value moved per transaction type.</CardDescription>\n                </CardHeader>\n                <CardContent className=\"overflow-x-auto\">\n                  <Table>\n                    <TableHeader>\n                      <TableRow>\n                        <TableHead>Type</TableHead>\n                        <TableHead>Direction</TableHead>\n                        <TableHead className=\"text-right\">Total</TableHead>\n                      </TableRow>\n                    </TableHeader>\n                    <TableBody>\n                      {typeFlows.map((row) => (\n                        <TableRow key={row.type} className=\"transition-colors hover:bg-bg-elevated\">\n                          <TableCell className=\"font-medium text-text-primary\">\n                            {TITLE_CASE(row.type)}\n                          </TableCell>\n                          <TableCell>\n                            <Badge\n                              variant={\n                                row.dir === 'in'\n                                  ? 'default'\n                                  : row.dir === 'out'\n                                    ? 'destructive'\n                                    : 'secondary'\n                              }\n                            >\n                              {row.dir === 'in'\n                                ? 'Inflow'\n                                : row.dir === 'out'\n                                  ? 'Outflow'\n                                  : 'Neutral'}\n                            </Badge>\n                          </TableCell>\n                          <TableCell className=\"text-right font-medium tabular-nums\">\n                            {formatMoney(row.total, currency)}\n                          </TableCell>\n                        </TableRow>\n                      ))}\n                    </TableBody>\n                  </Table>\n                </CardContent>\n              </Card>\n            </FadeIn>\n          ) : null}\n        </TabsContent>\n\n        {/* ---------------------------------------------------------------- */}\n        {/* Performance                                                      */}\n        {/* ---------------------------------------------------------------- */}\n        <TabsContent value=\"performance\" className=\"space-y-4\">\n          <Card>\n            <CardHeader className=\"flex flex-col gap-3 md:flex-row md:items-start md:justify-between\">\n              <div>\n                <CardTitle>Holdings Performance</CardTitle>\n                <CardDescription>\n                  Unrealized gain or loss — market value versus cost basis.\n                </CardDescription>\n              </div>\n              {accounts.length > 0 ? (\n                <div className=\"w-full md:w-56\">\n                  <Label htmlFor=\"perf-account\" className=\"sr-only\">\n                    Account\n                  </Label>\n                  <Select\n                    value={effectiveAccountId ?? ''}\n                    onValueChange={(v) => setSelectedAccountId(v)}\n                  >\n                    <SelectTrigger id=\"perf-account\">\n                      <SelectValue placeholder=\"Select account\" />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {accounts.map((a) => (\n                        <SelectItem key={a.id} value={a.id}>\n                          {a.name}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                </div>\n              ) : null}\n            </CardHeader>\n            <CardContent>\n              {accountsQuery.isLoading ? (\n                <LoadingState rows={3} />\n              ) : accounts.length === 0 ? (\n                <EmptyState\n                  icon={<Wallet className=\"size-6\" aria-hidden=\"true\" />}\n                  title=\"No accounts yet\"\n                  description=\"Create an account and add holdings to analyze performance.\"\n                />\n              ) : holdingsQuery.isLoading ? (\n                <LoadingState rows={3} />\n              ) : holdingsQuery.isError ? (\n                <ErrorState onRetry={() => holdingsQuery.refetch()} />\n              ) : performance.rows.length === 0 ? (\n                <EmptyState\n                  icon={<BarChart3 className=\"size-6\" aria-hidden=\"true\" />}\n                  title=\"No holdings in this account\"\n                  description=\"Add holdings to this account to see unrealized gains and losses.\"\n                />\n              ) : (\n                <div className=\"space-y-4\">\n                  <div className=\"grid gap-4 sm:grid-cols-3\">\n                    <StatTile\n                      label=\"Total unrealized\"\n                      value={`${performance.totalUnrealized >= 0 ? '+' : '-'}${formatMoney(\n                        Math.abs(performance.totalUnrealized),\n                        currency\n                      )}`}\n                      deltaTone={\n                        performance.totalUnrealized > 0\n                          ? 'positive'\n                          : performance.totalUnrealized < 0\n                            ? 'negative'\n                            : 'neutral'\n                      }\n                      delta={\n                        performance.totalCost > 0\n                          ? (performance.totalUnrealized / performance.totalCost) * 100\n                          : undefined\n                      }\n                      glow={performance.totalUnrealized >= 0}\n                    />\n                    <StatTile\n                      label=\"Cost basis\"\n                      value={formatMoney(performance.totalCost, currency)}\n                    />\n                    <StatTile\n                      label=\"Return on cost\"\n                      value={formatPct(\n                        performance.totalCost > 0\n                          ? (performance.totalUnrealized / performance.totalCost) * 100\n                          : null\n                      )}\n                    />\n                  </div>\n                  <div className=\"overflow-x-auto\">\n                    <Table>\n                      <TableHeader>\n                        <TableRow>\n                          <TableHead>Holding</TableHead>\n                          <TableHead className=\"text-right\">Market value</TableHead>\n                          <TableHead className=\"text-right\">Cost basis</TableHead>\n                          <TableHead className=\"text-right\">Unrealized gain/loss</TableHead>\n                        </TableRow>\n                      </TableHeader>\n                      <TableBody>\n                        {performance.rows.map(({ holding, unrealized, pct }) => (\n                          <TableRow\n                            key={holding.id}\n                            className=\"transition-colors hover:bg-bg-elevated\"\n                          >\n                            <TableCell>\n                              <div className=\"font-medium text-text-primary\">{holding.symbol}</div>\n                              <div className=\"text-xs text-text-secondary\">\n                                {holding.name ?? TITLE_CASE(holding.assetClass)} · as of{' '}\n                                {formatDate(holding.asOf)}\n                              </div>\n                            </TableCell>\n                            <TableCell className=\"text-right tabular-nums\">\n                              {formatMoney(holding.marketValue, holding.currency)}\n                            </TableCell>\n                            <TableCell className=\"text-right tabular-nums text-text-secondary\">\n                              {formatMoney(holding.costBasis, holding.currency)}\n                            </TableCell>\n                            <TableCell className=\"text-right\">\n                              <GainCell value={unrealized} currency={holding.currency} pct={pct} />\n                            </TableCell>\n                          </TableRow>\n                        ))}\n                      </TableBody>\n                    </Table>\n                  </div>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n\n          {performance.rows.length > 0 &&\n          (performance.gainers.length > 0 || performance.losers.length > 0) ? (\n            <div className=\"grid gap-4 md:grid-cols-2\">\n              {performance.gainers.length > 0 ? (\n                <FadeIn index={0}>\n                  <GlassCard className=\"space-y-3\">\n                    <div className=\"flex items-center gap-2\">\n                      <TrendingUp className=\"size-4 text-status-success-text\" aria-hidden=\"true\" />\n                      <h3 className=\"text-sm font-semibold text-text-primary\">Top gainers</h3>\n                    </div>\n                    <ul className=\"space-y-2\">\n                      {performance.gainers.map(({ holding, unrealized, pct }) => (\n                        <li\n                          key={holding.id}\n                          className=\"flex items-center justify-between gap-3 text-sm\"\n                        >\n                          <span className=\"font-medium text-text-primary\">{holding.symbol}</span>\n                          <GainCell value={unrealized} currency={holding.currency} pct={pct} />\n                        </li>\n                      ))}\n                    </ul>\n                  </GlassCard>\n                </FadeIn>\n              ) : null}\n              {performance.losers.length > 0 ? (\n                <FadeIn index={1}>\n                  <GlassCard className=\"space-y-3\">\n                    <div className=\"flex items-center gap-2\">\n                      <TrendingDown className=\"size-4 text-status-error-text\" aria-hidden=\"true\" />\n                      <h3 className=\"text-sm font-semibold text-text-primary\">Top losers</h3>\n                    </div>\n                    <ul className=\"space-y-2\">\n                      {performance.losers.map(({ holding, unrealized, pct }) => (\n                        <li\n                          key={holding.id}\n                          className=\"flex items-center justify-between gap-3 text-sm\"\n                        >\n                          <span className=\"font-medium text-text-primary\">{holding.symbol}</span>\n                          <GainCell value={unrealized} currency={holding.currency} pct={pct} />\n                        </li>\n                      ))}\n                    </ul>\n                  </GlassCard>\n                </FadeIn>\n              ) : null}\n            </div>\n          ) : null}\n        </TabsContent>\n      </Tabs>\n    </SectionShell>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../src/brainyrich/pages/AnalyticsPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  Button,\n  Badge,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n  Input,\n  Label,\n  Textarea,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  ArrowDownRight,\n  ArrowUpRight,\n  BarChart3,\n  Coins,\n  Minus,\n  PieChart,\n  Plus,\n  TrendingDown,\n  TrendingUp,\n  Wallet,\n} from 'lucide-react';\nimport {\n  useNetWorthSummary,\n  useAllTransactions,\n  useAccounts,\n  useHoldings,\n  useRecordTransaction,\n} from '../hooks/useBrainyRichApi';\nimport type { BraAssetClass, BraHolding, BraTransaction, BraTransactionType } from '../types/bra';\nimport {\n  DonutChart,\n  TrendBars,\n  StatTile,\n  GlassCard,\n  FadeIn,\n  ProgressRing,\n  type DonutDatum,\n  type VizTone,\n} from '../components';\nimport {\n  SectionShell,\n  EmptyState,\n  LoadingState,\n  ErrorState,\n  formatMoney,\n  formatCompact,\n  formatPct,\n  formatDate,\n} from './_shared';\nimport type { AllocationDatum } from './_shared';\n\n// Map each asset class to a distinct semantic tone (color never the only signal —\n// the donut also carries a labelled legend and a full data table beneath it).\nconst ASSET_TONE: Record<BraAssetClass, VizTone> = {\n  EQUITY: 'brand',\n  FIXED_INCOME: 'blue',\n  CASH: 'teal',\n  REAL_ESTATE: 'purple',\n  COMMODITY: 'warning',\n  CRYPTO: 'indigo',\n  ALTERNATIVE: 'info',\n};\n\n// ---------------------------------------------------------------------------\n// Pure derivation helpers (every value traces back to backend rows — no mocks)\n// ---------------------------------------------------------------------------\n\nconst TITLE_CASE = (raw: string): string =>\n  raw\n    .toLowerCase()\n    .split('_')\n    .map((w) => (w ? w[0].toUpperCase() + w.slice(1) : w))\n    .join(' ');\n\nconst INFLOW_TYPES: readonly BraTransactionType[] = ['DEPOSIT', 'DIVIDEND', 'INTEREST', 'SELL'];\nconst OUTFLOW_TYPES: readonly BraTransactionType[] = ['WITHDRAWAL', 'FEE', 'BUY'];\n\nconst flowDirection = (type: BraTransactionType): 'in' | 'out' | 'neutral' => {\n  if (INFLOW_TYPES.includes(type)) return 'in';\n  if (OUTFLOW_TYPES.includes(type)) return 'out';\n  return 'neutral';\n};\n\ninterface MonthFlow {\n  key: string;\n  label: string;\n  inflow: number;\n  outflow: number;\n}\n\nconst monthKey = (iso: string): { key: string; label: string } | null => {\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return null;\n  const key = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}`;\n  const label = new Intl.DateTimeFormat('en-US', { month: 'short', year: 'numeric' }).format(d);\n  return { key, label };\n};\n\nconst aggregateByMonth = (transactions: BraTransaction[]): MonthFlow[] => {\n  const buckets = new Map<string, MonthFlow>();\n  for (const tx of transactions) {\n    const parsed = monthKey(tx.tradeDate);\n    if (!parsed) continue;\n    const dir = flowDirection(tx.type);\n    if (dir === 'neutral') continue;\n    const value = Math.abs(tx.amount);\n    const existing = buckets.get(parsed.key) ?? {\n      key: parsed.key,\n      label: parsed.label,\n      inflow: 0,\n      outflow: 0,\n    };\n    if (dir === 'in') existing.inflow += value;\n    else existing.outflow += value;\n    buckets.set(parsed.key, existing);\n  }\n  return Array.from(buckets.values()).sort((a, b) => a.key.localeCompare(b.key));\n};\n\nconst aggregateByType = (\n  transactions: BraTransaction[]\n): Array<{ type: BraTransactionType; total: number; dir: 'in' | 'out' | 'neutral' }> => {\n  const buckets = new Map<BraTransactionType, number>();\n  for (const tx of transactions) {\n    buckets.set(tx.type, (buckets.get(tx.type) ?? 0) + Math.abs(tx.amount));\n  }\n  return Array.from(buckets.entries())\n    .map(([type, total]) => ({ type, total, dir: flowDirection(type) }))\n    .sort((a, b) => b.total - a.total);\n};\n\n// ---------------------------------------------------------------------------\n// Signed gain/loss cell — color is never the only signal (icon + sign + color)\n// ---------------------------------------------------------------------------\n\nfunction GainCell({\n  value,\n  currency,\n  pct,\n}: {\n  value: number;\n  currency: string;\n  pct?: number | null;\n}) {\n  const positive = value > 0;\n  const negative = value < 0;\n  const Icon = positive ? ArrowUpRight : negative ? ArrowDownRight : Minus;\n  const tone = positive\n    ? 'text-status-success-text'\n    : negative\n      ? 'text-status-error-text'\n      : 'text-text-secondary';\n  const sign = positive ? '+' : negative ? '-' : '';\n  const showPct = pct !== undefined && pct !== null && Number.isFinite(pct);\n  return (\n    <span className={`inline-flex items-center justify-end gap-1 font-medium tabular-nums ${tone}`}>\n      <Icon className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n      {sign}\n      {formatMoney(Math.abs(value), currency)}\n      {showPct ? (\n        <span className=\"text-xs opacity-80\">\n          ({pct > 0 ? '+' : ''}\n          {pct.toFixed(1)}%)\n        </span>\n      ) : null}\n    </span>\n  );\n}\n\nconst emptyTransactionForm = {\n  accountId: '',\n  type: 'DEPOSIT' as BraTransactionType,\n  amount: '',\n  symbol: '',\n  tradeDate: '',\n  notes: '',\n};\n\nconst TRANSACTION_TYPES: readonly BraTransactionType[] = [\n  'DEPOSIT',\n  'WITHDRAWAL',\n  'DIVIDEND',\n  'INTEREST',\n  'FEE',\n  'BUY',\n  'SELL',\n  'TRANSFER',\n];\n\nexport function AnalyticsPage() {\n  const summaryQuery = useNetWorthSummary();\n  // Aggregate cash flow / net cash flow over the FULL transaction set (all pages),\n  // not just a truncated first page, so totals and the KPI are accurate.\n  const txQuery = useAllTransactions();\n  const accountsQuery = useAccounts();\n\n  const [selectedAccountId, setSelectedAccountId] = useState<string | undefined>(undefined);\n  const accounts = accountsQuery.data;\n  const effectiveAccountId = selectedAccountId ?? accounts[0]?.id;\n  const holdingsQuery = useHoldings({ accountId: effectiveAccountId });\n\n  // Record-transaction dialog (real create action → refreshes cashflow)\n  const recordTx = useRecordTransaction();\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [form, setForm] = useState(emptyTransactionForm);\n\n  const summary = summaryQuery.data;\n  const currency = summary?.currency ?? 'USD';\n  const transactions = txQuery.data;\n\n  const assetAllocation = useMemo<AllocationDatum[]>(() => {\n    if (!summary || summary.totalMarketValue <= 0) return [];\n    return summary.byAssetClass\n      .filter((row) => row.marketValue !== 0)\n      .map((row) => ({\n        label: TITLE_CASE(row.assetClass as BraAssetClass),\n        value: (row.marketValue / summary.totalMarketValue) * 100,\n        caption: formatMoney(row.marketValue, currency),\n        tone: 'accent' as const,\n      }))\n      .sort((a, b) => b.value - a.value);\n  }, [summary, currency]);\n\n  // Donut slices keyed on absolute market value (legend/tooltip show currency).\n  const donutAllocation = useMemo<DonutDatum[]>(() => {\n    if (!summary || summary.totalMarketValue <= 0) return [];\n    return summary.byAssetClass\n      .filter((row) => row.marketValue > 0)\n      .map((row) => ({\n        label: TITLE_CASE(row.assetClass as BraAssetClass),\n        value: row.marketValue,\n        tone: ASSET_TONE[row.assetClass as BraAssetClass],\n      }))\n      .sort((a, b) => b.value - a.value);\n  }, [summary]);\n\n  const composition = useMemo<DonutDatum[]>(() => {\n    if (!summary) return [];\n    const base = summary.totalMarketValue + summary.totalCash;\n    if (base <= 0) return [];\n    return [\n      { label: 'Invested', value: summary.totalMarketValue, tone: 'brand' as const },\n      { label: 'Cash', value: summary.totalCash, tone: 'teal' as const },\n    ].filter((d) => d.value > 0);\n  }, [summary]);\n\n  const investedPct = useMemo(() => {\n    if (!summary) return 0;\n    const base = summary.totalMarketValue + summary.totalCash;\n    return base > 0 ? (summary.totalMarketValue / base) * 100 : 0;\n  }, [summary]);\n\n  const monthFlows = useMemo(() => aggregateByMonth(transactions), [transactions]);\n  const typeFlows = useMemo(() => aggregateByType(transactions), [transactions]);\n  const flowTotals = useMemo(() => {\n    let inflow = 0;\n    let outflow = 0;\n    for (const m of monthFlows) {\n      inflow += m.inflow;\n      outflow += m.outflow;\n    }\n    return { inflow, outflow, net: inflow - outflow };\n  }, [monthFlows]);\n  // Real per-month net series (inflow − outflow) — decorative spark on the KPI.\n  const netFlowSeries = useMemo(() => monthFlows.map((m) => m.inflow - m.outflow), [monthFlows]);\n\n  const holdings = holdingsQuery.data;\n  const performance = useMemo(() => {\n    const rows = holdings\n      .map((h: BraHolding) => {\n        const unrealized = h.marketValue - h.costBasis;\n        const pct = h.costBasis > 0 ? (unrealized / h.costBasis) * 100 : null;\n        return { holding: h, unrealized, pct };\n      })\n      .sort((a, b) => b.unrealized - a.unrealized);\n    const totalUnrealized = rows.reduce((s, r) => s + r.unrealized, 0);\n    const totalCost = holdings.reduce((s, h) => s + h.costBasis, 0);\n    const gainers = rows.filter((r) => r.unrealized > 0).slice(0, 4);\n    const losers = rows\n      .filter((r) => r.unrealized < 0)\n      .sort((a, b) => a.unrealized - b.unrealized)\n      .slice(0, 4);\n    return { rows, totalUnrealized, totalCost, gainers, losers };\n  }, [holdings]);\n\n  // --- Top-level loading / error gates (summary drives KPIs + allocation) ---\n  if (summaryQuery.isLoading) {\n    return (\n      <SectionShell\n        title=\"Wealth Analytics\"\n        description=\"Allocation, cash flow, and holdings performance derived from your real accounts.\"\n      >\n        <LoadingState rows={5} />\n      </SectionShell>\n    );\n  }\n\n  if (summaryQuery.isError || !summary) {\n    return (\n      <SectionShell\n        title=\"Wealth Analytics\"\n        description=\"Allocation, cash flow, and holdings performance derived from your real accounts.\"\n      >\n        <ErrorState\n          title=\"Could not load analytics\"\n          description=\"We couldn't reach the wealth service. Please retry.\"\n          onRetry={() => summaryQuery.refetch()}\n        />\n      </SectionShell>\n    );\n  }\n\n  const amountNum = Number(form.amount);\n  const canSubmit =\n    Boolean(form.accountId) &&\n    Boolean(form.tradeDate) &&\n    form.amount.trim() !== '' &&\n    Number.isFinite(amountNum) &&\n    amountNum > 0 &&\n    !recordTx.isPending;\n\n  const submitTransaction = () => {\n    if (!canSubmit) return;\n    recordTx.mutate(\n      {\n        accountId: form.accountId,\n        type: form.type,\n        amount: amountNum,\n        symbol: form.symbol.trim() ? form.symbol.trim() : undefined,\n        tradeDate: new Date(form.tradeDate).toISOString(),\n        notes: form.notes.trim() ? form.notes.trim() : undefined,\n      },\n      {\n        onSuccess: () => {\n          setDialogOpen(false);\n          setForm(emptyTransactionForm);\n        },\n      }\n    );\n  };\n\n  const recordAction = (\n    <ResponsiveDialog\n      open={dialogOpen}\n      onOpenChange={(next) => {\n        setDialogOpen(next);\n        if (!next) setForm(emptyTransactionForm);\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\">\n          <Plus className=\"mr-1 size-4\" aria-hidden=\"true\" />\n          Record Transaction\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent>\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Record Transaction</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Log a real cash flow or trade. It updates your cash-flow analytics immediately.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        {accounts.length === 0 ? (\n          <EmptyState\n            icon={<Wallet className=\"size-6\" aria-hidden=\"true\" />}\n            title=\"Create an account first\"\n            description=\"You need at least one account before you can record a transaction. Open the Accounts page to add one, then come back here.\"\n          />\n        ) : (\n          <div className=\"space-y-4\">\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"tx-account\">Account</Label>\n              <Select\n                value={form.accountId}\n                onValueChange={(v) => setForm((f) => ({ ...f, accountId: v }))}\n              >\n                <SelectTrigger id=\"tx-account\">\n                  <SelectValue placeholder=\"Select an account\" />\n                </SelectTrigger>\n                <SelectContent>\n                  {accounts.map((a) => (\n                    <SelectItem key={a.id} value={a.id}>\n                      {a.name}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"tx-type\">Type</Label>\n                <Select\n                  value={form.type}\n                  onValueChange={(v) => setForm((f) => ({ ...f, type: v as BraTransactionType }))}\n                >\n                  <SelectTrigger id=\"tx-type\">\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {TRANSACTION_TYPES.map((t) => (\n                      <SelectItem key={t} value={t}>\n                        {TITLE_CASE(t)}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"tx-amount\">Amount ({currency})</Label>\n                <Input\n                  id=\"tx-amount\"\n                  type=\"number\"\n                  min=\"0\"\n                  step=\"0.01\"\n                  inputMode=\"decimal\"\n                  placeholder=\"0.00\"\n                  value={form.amount}\n                  onChange={(e) => setForm((f) => ({ ...f, amount: e.target.value }))}\n                />\n              </div>\n            </div>\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"tx-date\">Trade date</Label>\n                <Input\n                  id=\"tx-date\"\n                  type=\"date\"\n                  value={form.tradeDate}\n                  onChange={(e) => setForm((f) => ({ ...f, tradeDate: e.target.value }))}\n                />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"tx-symbol\">Symbol (optional)</Label>\n                <Input\n                  id=\"tx-symbol\"\n                  placeholder=\"e.g. AAPL\"\n                  value={form.symbol}\n                  onChange={(e) => setForm((f) => ({ ...f, symbol: e.target.value }))}\n                />\n              </div>\n            </div>\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"tx-notes\">Notes (optional)</Label>\n              <Textarea\n                id=\"tx-notes\"\n                rows={2}\n                placeholder=\"Context for this transaction\"\n                value={form.notes}\n                onChange={(e) => setForm((f) => ({ ...f, notes: e.target.value }))}\n              />\n            </div>\n            {recordTx.isError ? (\n              <p className=\"text-sm text-status-error-text\">\n                {recordTx.error instanceof Error\n                  ? recordTx.error.message\n                  : 'Could not record transaction.'}\n              </p>\n            ) : null}\n          </div>\n        )}\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => setDialogOpen(false)}>\n            {accounts.length === 0 ? 'Close' : 'Cancel'}\n          </Button>\n          {accounts.length > 0 ? (\n            <Button onClick={submitTransaction} disabled={!canSubmit}>\n              {recordTx.isPending ? 'Recording…' : 'Record'}\n            </Button>\n          ) : null}\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n\n  return (\n    <SectionShell\n      title=\"Wealth Analytics\"\n      description=\"Allocation, cash flow, and holdings performance derived from your real accounts.\"\n      badges={[`${summary.accountCount} accounts`]}\n      actions={recordAction}\n    >\n      <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n        <FadeIn index={0}>\n          <StatTile\n            label=\"Net Worth\"\n            value={formatMoney(summary.totalNetWorth, currency)}\n            icon={<Wallet className=\"size-4\" aria-hidden=\"true\" />}\n            glow\n          />\n        </FadeIn>\n        <FadeIn index={1}>\n          <StatTile\n            label=\"Invested Value\"\n            value={formatMoney(summary.totalMarketValue, currency)}\n            icon={<TrendingUp className=\"size-4\" aria-hidden=\"true\" />}\n          />\n        </FadeIn>\n        <FadeIn index={2}>\n          <StatTile\n            label=\"Cash\"\n            value={formatMoney(summary.totalCash, currency)}\n            icon={<Coins className=\"size-4\" aria-hidden=\"true\" />}\n          />\n        </FadeIn>\n        <FadeIn index={3}>\n          <StatTile\n            label=\"Net Cash Flow\"\n            value={formatMoney(flowTotals.net, currency)}\n            deltaTone={\n              flowTotals.net > 0 ? 'positive' : flowTotals.net < 0 ? 'negative' : 'neutral'\n            }\n            delta={flowTotals.inflow > 0 ? (flowTotals.net / flowTotals.inflow) * 100 : undefined}\n            deltaSuffix=\"% of inflows\"\n            spark={netFlowSeries.length > 1 ? netFlowSeries : undefined}\n            sparkTone={flowTotals.net >= 0 ? 'positive' : 'negative'}\n            icon={<BarChart3 className=\"size-4\" aria-hidden=\"true\" />}\n          />\n        </FadeIn>\n      </div>\n\n      <Tabs defaultValue=\"allocation\" className=\"space-y-4\">\n        <TabsList className=\"grid w-full grid-cols-3\">\n          <TabsTrigger value=\"allocation\">Allocation</TabsTrigger>\n          <TabsTrigger value=\"cashflow\">Cash Flow</TabsTrigger>\n          <TabsTrigger value=\"performance\">Performance</TabsTrigger>\n        </TabsList>\n\n        {/* ---------------------------------------------------------------- */}\n        {/* Allocation                                                       */}\n        {/* ---------------------------------------------------------------- */}\n        <TabsContent value=\"allocation\" className=\"space-y-4\">\n          <FadeIn>\n            <GlassCard glow className=\"space-y-5\">\n              <div className=\"flex items-center gap-2\">\n                <PieChart className=\"size-5 text-text-secondary\" aria-hidden=\"true\" />\n                <div>\n                  <h2 className=\"text-base font-semibold text-text-primary\">Asset Allocation</h2>\n                  <p className=\"text-sm text-text-secondary\">\n                    Share of invested value by asset class, from your holdings.\n                  </p>\n                </div>\n              </div>\n              {assetAllocation.length === 0 ? (\n                <EmptyState\n                  icon={<PieChart className=\"size-6\" aria-hidden=\"true\" />}\n                  title=\"No invested holdings yet\"\n                  description=\"Add holdings to your accounts to see an asset-class breakdown here.\"\n                />\n              ) : (\n                <div className=\"grid gap-6 lg:grid-cols-[minmax(0,1fr)_minmax(0,1.1fr)] lg:items-center\">\n                  <DonutChart\n                    data={donutAllocation}\n                    height={240}\n                    centerValue={formatCompact(summary.totalMarketValue, currency)}\n                    centerLabel=\"Invested\"\n                    valueFormatter={(v) => formatMoney(v, currency)}\n                  />\n                  <div className=\"overflow-x-auto\">\n                    <Table>\n                      <TableHeader>\n                        <TableRow>\n                          <TableHead>Asset class</TableHead>\n                          <TableHead className=\"text-right\">Weight</TableHead>\n                          <TableHead className=\"text-right\">Market value</TableHead>\n                        </TableRow>\n                      </TableHeader>\n                      <TableBody>\n                        {assetAllocation.map((row) => (\n                          <TableRow key={row.label}>\n                            <TableCell className=\"font-medium text-text-primary\">\n                              {row.label}\n                            </TableCell>\n                            <TableCell className=\"text-right tabular-nums text-text-secondary\">\n                              {formatPct(row.value)}\n                            </TableCell>\n                            <TableCell className=\"text-right tabular-nums font-medium text-text-primary\">\n                              {row.caption}\n                            </TableCell>\n                          </TableRow>\n                        ))}\n                      </TableBody>\n                    </Table>\n                  </div>\n                </div>\n              )}\n            </GlassCard>\n          </FadeIn>\n\n          <FadeIn index={1}>\n            <Card className=\"transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]\">\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2\">\n                  <Wallet className=\"size-5\" aria-hidden=\"true\" />\n                  Net Worth Composition\n                </CardTitle>\n                <CardDescription>Invested value versus liquid cash.</CardDescription>\n              </CardHeader>\n              <CardContent>\n                {composition.length === 0 ? (\n                  <EmptyState\n                    icon={<Wallet className=\"size-6\" aria-hidden=\"true\" />}\n                    title=\"No balances yet\"\n                    description=\"Add accounts with balances or holdings to see your composition.\"\n                  />\n                ) : (\n                  <div className=\"flex flex-col items-center gap-6 sm:flex-row sm:justify-around\">\n                    <ProgressRing value={investedPct} label=\"Invested\" tone=\"brand\" size={140} />\n                    <div className=\"min-w-0 flex-1\">\n                      <DonutChart\n                        data={composition}\n                        height={180}\n                        centerValue={formatCompact(summary.totalNetWorth, currency)}\n                        centerLabel=\"Net worth\"\n                        valueFormatter={(v) => formatMoney(v, currency)}\n                      />\n                    </div>\n                  </div>\n                )}\n              </CardContent>\n            </Card>\n          </FadeIn>\n        </TabsContent>\n\n        {/* ---------------------------------------------------------------- */}\n        {/* Cash flow                                                        */}\n        {/* ---------------------------------------------------------------- */}\n        <TabsContent value=\"cashflow\" className=\"space-y-4\">\n          <FadeIn>\n            <GlassCard className=\"space-y-5\">\n              <div className=\"flex items-center gap-2\">\n                <BarChart3 className=\"size-5 text-text-secondary\" aria-hidden=\"true\" />\n                <div>\n                  <h2 className=\"text-base font-semibold text-text-primary\">\n                    Inflows vs Outflows by month\n                  </h2>\n                  <p className=\"text-sm text-text-secondary\">\n                    Monthly cash flow aggregated from your recorded transactions.\n                    {transactions.length > 0\n                      ? ` Based on ${transactions.length.toLocaleString()} ${\n                          transactions.length === 1 ? 'transaction' : 'transactions'\n                        }.`\n                      : ''}\n                  </p>\n                </div>\n              </div>\n              {txQuery.isLoading ? (\n                <LoadingState rows={4} />\n              ) : txQuery.isError ? (\n                <ErrorState onRetry={() => txQuery.refetch()} />\n              ) : monthFlows.length === 0 ? (\n                <EmptyState\n                  icon={<BarChart3 className=\"size-6\" aria-hidden=\"true\" />}\n                  title=\"No cash flow to analyze yet\"\n                  description=\"Record deposits, withdrawals, or trades to build a cash-flow history.\"\n                  action={\n                    <Button size=\"sm\" onClick={() => setDialogOpen(true)}>\n                      <Plus className=\"mr-1 size-4\" aria-hidden=\"true\" />\n                      Record Transaction\n                    </Button>\n                  }\n                />\n              ) : (\n                <div className=\"space-y-4\">\n                  <TrendBars\n                    data={monthFlows}\n                    height={280}\n                    valueFormatter={(v) => formatCompact(v, currency)}\n                  />\n                  <div className=\"flex flex-wrap gap-4 text-xs text-text-secondary\">\n                    <span className=\"inline-flex items-center gap-1.5\">\n                      <ArrowUpRight\n                        className=\"size-3.5 text-status-success-text\"\n                        aria-hidden=\"true\"\n                      />\n                      Inflow\n                    </span>\n                    <span className=\"inline-flex items-center gap-1.5\">\n                      <ArrowDownRight\n                        className=\"size-3.5 text-status-error-text\"\n                        aria-hidden=\"true\"\n                      />\n                      Outflow\n                    </span>\n                  </div>\n                </div>\n              )}\n            </GlassCard>\n          </FadeIn>\n\n          {monthFlows.length > 0 ? (\n            <div className=\"grid gap-4 sm:grid-cols-3\">\n              <FadeIn index={0}>\n                <StatTile\n                  label=\"Total inflows\"\n                  value={formatMoney(flowTotals.inflow, currency)}\n                  icon={<ArrowUpRight className=\"size-4\" aria-hidden=\"true\" />}\n                  sparkTone=\"positive\"\n                />\n              </FadeIn>\n              <FadeIn index={1}>\n                <StatTile\n                  label=\"Total outflows\"\n                  value={formatMoney(flowTotals.outflow, currency)}\n                  icon={<ArrowDownRight className=\"size-4\" aria-hidden=\"true\" />}\n                />\n              </FadeIn>\n              <FadeIn index={2}>\n                <StatTile\n                  label=\"Net\"\n                  value={formatMoney(flowTotals.net, currency)}\n                  deltaTone={\n                    flowTotals.net > 0 ? 'positive' : flowTotals.net < 0 ? 'negative' : 'neutral'\n                  }\n                  delta={\n                    flowTotals.inflow > 0 ? (flowTotals.net / flowTotals.inflow) * 100 : undefined\n                  }\n                  deltaSuffix=\"% of inflows\"\n                  glow\n                />\n              </FadeIn>\n            </div>\n          ) : null}\n\n          {typeFlows.length > 0 ? (\n            <FadeIn>\n              <Card className=\"transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]\">\n                <CardHeader>\n                  <CardTitle>By Transaction Type</CardTitle>\n                  <CardDescription>Total value moved per transaction type.</CardDescription>\n                </CardHeader>\n                <CardContent className=\"overflow-x-auto\">\n                  <Table>\n                    <TableHeader>\n                      <TableRow>\n                        <TableHead>Type</TableHead>\n                        <TableHead>Direction</TableHead>\n                        <TableHead className=\"text-right\">Total</TableHead>\n                      </TableRow>\n                    </TableHeader>\n                    <TableBody>\n                      {typeFlows.map((row) => (\n                        <TableRow key={row.type} className=\"transition-colors hover:bg-bg-elevated\">\n                          <TableCell className=\"font-medium text-text-primary\">\n                            {TITLE_CASE(row.type)}\n                          </TableCell>\n                          <TableCell>\n                            <Badge\n                              variant={\n                                row.dir === 'in'\n                                  ? 'default'\n                                  : row.dir === 'out'\n                                    ? 'destructive'\n                                    : 'secondary'\n                              }\n                            >\n                              {row.dir === 'in'\n                                ? 'Inflow'\n                                : row.dir === 'out'\n                                  ? 'Outflow'\n                                  : 'Neutral'}\n                            </Badge>\n                          </TableCell>\n                          <TableCell className=\"text-right font-medium tabular-nums\">\n                            {formatMoney(row.total, currency)}\n                          </TableCell>\n                        </TableRow>\n                      ))}\n                    </TableBody>\n                  </Table>\n                </CardContent>\n              </Card>\n            </FadeIn>\n          ) : null}\n        </TabsContent>\n\n        {/* ---------------------------------------------------------------- */}\n        {/* Performance                                                      */}\n        {/* ---------------------------------------------------------------- */}\n        <TabsContent value=\"performance\" className=\"space-y-4\">\n          <Card>\n            <CardHeader className=\"flex flex-col gap-3 md:flex-row md:items-start md:justify-between\">\n              <div>\n                <CardTitle>Holdings Performance</CardTitle>\n                <CardDescription>\n                  Unrealized gain or loss — market value versus cost basis.\n                </CardDescription>\n              </div>\n              {accounts.length > 0 ? (\n                <div className=\"w-full md:w-56\">\n                  <Label htmlFor=\"perf-account\" className=\"sr-only\">\n                    Account\n                  </Label>\n                  <Select\n                    value={effectiveAccountId ?? ''}\n                    onValueChange={(v) => setSelectedAccountId(v)}\n                  >\n                    <SelectTrigger id=\"perf-account\">\n                      <SelectValue placeholder=\"Select account\" />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {accounts.map((a) => (\n                        <SelectItem key={a.id} value={a.id}>\n                          {a.name}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                </div>\n              ) : null}\n            </CardHeader>\n            <CardContent>\n              {accountsQuery.isLoading ? (\n                <LoadingState rows={3} />\n              ) : accounts.length === 0 ? (\n                <EmptyState\n                  icon={<Wallet className=\"size-6\" aria-hidden=\"true\" />}\n                  title=\"No accounts yet\"\n                  description=\"Create an account and add holdings to analyze performance.\"\n                />\n              ) : holdingsQuery.isLoading ? (\n                <LoadingState rows={3} />\n              ) : holdingsQuery.isError ? (\n                <ErrorState onRetry={() => holdingsQuery.refetch()} />\n              ) : performance.rows.length === 0 ? (\n                <EmptyState\n                  icon={<BarChart3 className=\"size-6\" aria-hidden=\"true\" />}\n                  title=\"No holdings in this account\"\n                  description=\"Add holdings to this account to see unrealized gains and losses.\"\n                />\n              ) : (\n                <div className=\"space-y-4\">\n                  <div className=\"grid gap-4 sm:grid-cols-3\">\n                    <StatTile\n                      label=\"Total unrealized\"\n                      value={`${performance.totalUnrealized >= 0 ? '+' : '-'}${formatMoney(\n                        Math.abs(performance.totalUnrealized),\n                        currency\n                      )}`}\n                      deltaTone={\n                        performance.totalUnrealized > 0\n                          ? 'positive'\n                          : performance.totalUnrealized < 0\n                            ? 'negative'\n                            : 'neutral'\n                      }\n                      delta={\n                        performance.totalCost > 0\n                          ? (performance.totalUnrealized / performance.totalCost) * 100\n                          : undefined\n                      }\n                      glow={performance.totalUnrealized >= 0}\n                    />\n                    <StatTile\n                      label=\"Cost basis\"\n                      value={formatMoney(performance.totalCost, currency)}\n                    />\n                    <StatTile\n                      label=\"Return on cost\"\n                      value={formatPct(\n                        performance.totalCost > 0\n                          ? (performance.totalUnrealized / performance.totalCost) * 100\n                          : null\n                      )}\n                    />\n                  </div>\n                  <div className=\"overflow-x-auto\">\n                    <Table>\n                      <TableHeader>\n                        <TableRow>\n                          <TableHead>Holding</TableHead>\n                          <TableHead className=\"text-right\">Market value</TableHead>\n                          <TableHead className=\"text-right\">Cost basis</TableHead>\n                          <TableHead className=\"text-right\">Unrealized gain/loss</TableHead>\n                        </TableRow>\n                      </TableHeader>\n                      <TableBody>\n                        {performance.rows.map(({ holding, unrealized, pct }) => (\n                          <TableRow\n                            key={holding.id}\n                            className=\"transition-colors hover:bg-bg-elevated\"\n                          >\n                            <TableCell>\n                              <div className=\"font-medium text-text-primary\">{holding.symbol}</div>\n                              <div className=\"text-xs text-text-secondary\">\n                                {holding.name ?? TITLE_CASE(holding.assetClass)} · as of{' '}\n                                {formatDate(holding.asOf)}\n                              </div>\n                            </TableCell>\n                            <TableCell className=\"text-right tabular-nums\">\n                              {formatMoney(holding.marketValue, holding.currency)}\n                            </TableCell>\n                            <TableCell className=\"text-right tabular-nums text-text-secondary\">\n                              {formatMoney(holding.costBasis, holding.currency)}\n                            </TableCell>\n                            <TableCell className=\"text-right\">\n                              <GainCell value={unrealized} currency={holding.currency} pct={pct} />\n                            </TableCell>\n                          </TableRow>\n                        ))}\n                      </TableBody>\n                    </Table>\n                  </div>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n\n          {performance.rows.length > 0 &&\n          (performance.gainers.length > 0 || performance.losers.length > 0) ? (\n            <div className=\"grid gap-4 md:grid-cols-2\">\n              {performance.gainers.length > 0 ? (\n                <FadeIn index={0}>\n                  <GlassCard className=\"space-y-3\">\n                    <div className=\"flex items-center gap-2\">\n                      <TrendingUp className=\"size-4 text-status-success-text\" aria-hidden=\"true\" />\n                      <h3 className=\"text-sm font-semibold text-text-primary\">Top gainers</h3>\n                    </div>\n                    <ul className=\"space-y-2\">\n                      {performance.gainers.map(({ holding, unrealized, pct }) => (\n                        <li\n                          key={holding.id}\n                          className=\"flex items-center justify-between gap-3 text-sm\"\n                        >\n                          <span className=\"font-medium text-text-primary\">{holding.symbol}</span>\n                          <GainCell value={unrealized} currency={holding.currency} pct={pct} />\n                        </li>\n                      ))}\n                    </ul>\n                  </GlassCard>\n                </FadeIn>\n              ) : null}\n              {performance.losers.length > 0 ? (\n                <FadeIn index={1}>\n                  <GlassCard className=\"space-y-3\">\n                    <div className=\"flex items-center gap-2\">\n                      <TrendingDown className=\"size-4 text-status-error-text\" aria-hidden=\"true\" />\n                      <h3 className=\"text-sm font-semibold text-text-primary\">Top losers</h3>\n                    </div>\n                    <ul className=\"space-y-2\">\n                      {performance.losers.map(({ holding, unrealized, pct }) => (\n                        <li\n                          key={holding.id}\n                          className=\"flex items-center justify-between gap-3 text-sm\"\n                        >\n                          <span className=\"font-medium text-text-primary\">{holding.symbol}</span>\n                          <GainCell value={unrealized} currency={holding.currency} pct={pct} />\n                        </li>\n                      ))}\n                    </ul>\n                  </GlassCard>\n                </FadeIn>\n              ) : null}\n            </div>\n          ) : null}\n        </TabsContent>\n      </Tabs>\n    </SectionShell>\n  );\n}\n"],"mappings":"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"}