@burdenoff/microfe-kadaikodi 2026.704.4 → 2026.704.5

package/dist/kadaikodi/pages/investor/InvestorAnalyticsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvestorAnalyticsPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/investor/InvestorAnalyticsPage.tsx"],"sourcesContent":["/**\n * Investor Analytics Page\n * @module kadaikodi/pages/investor\n *\n * Portfolio performance metrics, best/worst performer, and per-cart performance\n * ranking. Every figure is derived from the investor's real holdings\n * (useInvestments) — no fabricated analytics, trends or recommendations.\n */\n\nimport { useMemo } from 'react';\nimport {\n  TrendingUp,\n  PieChart,\n  BarChart3,\n  Target,\n  Wallet,\n  IndianRupee,\n  ArrowUp,\n  ArrowDown,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useInvestments } from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function InvestorAnalyticsPage() {\n  const { navigateTo, currentUser } = useKadaikodi();\n  const { data: investments = [], isLoading } = useInvestments(currentUser?.id || '');\n\n  const analytics = useMemo(() => {\n    const totalInvested = investments.reduce((s, i) => s + i.investedAmount, 0);\n    const totalValue = investments.reduce((s, i) => s + i.currentValue, 0);\n    const totalReturns = totalValue - totalInvested;\n    const portfolioGrowth = totalInvested > 0 ? (totalReturns / totalInvested) * 100 : 0;\n\n    const performanceByCart = investments.map((inv) => {\n      const returns = inv.currentValue - inv.investedAmount;\n      const roi = inv.investedAmount > 0 ? (returns / inv.investedAmount) * 100 : 0;\n      return {\n        id: inv.id,\n        cartName: inv.cartName,\n        investedAmount: inv.investedAmount,\n        currentValue: inv.currentValue,\n        returns,\n        roi,\n      };\n    });\n\n    const averageRoi = performanceByCart.length\n      ? performanceByCart.reduce((s, c) => s + c.roi, 0) / performanceByCart.length\n      : 0;\n\n    const sortedByRoi = [...performanceByCart].sort((a, b) => b.roi - a.roi);\n    const bestPerforming = sortedByRoi[0]?.cartName ?? '';\n    const worstPerforming = sortedByRoi[sortedByRoi.length - 1]?.cartName ?? '';\n\n    return {\n      totalInvested,\n      totalValue,\n      totalReturns,\n      portfolioGrowth,\n      averageRoi,\n      performanceByCart: sortedByRoi,\n      bestPerforming,\n      worstPerforming,\n    };\n  }, [investments]);\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Investment Analytics\" description=\"Loading analytics...\">\n        <div className=\"flex items-center justify-center py-20\">\n          <div className=\"text-center\">\n            <div className=\"mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary\" />\n            <p className=\"text-sm text-text-secondary\">Loading analytics data...</p>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (investments.length === 0) {\n    return (\n      <PageLayout\n        title=\"Investment Analytics\"\n        description=\"Comprehensive analysis of your portfolio performance\"\n      >\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No analytics yet\"\n          description=\"Once you back a cart, your portfolio performance and per-cart analytics will appear here.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/investor/opportunities')}\n              className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n            >\n              Browse Opportunities\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Investment Analytics\"\n      description=\"Comprehensive analysis of your portfolio performance\"\n    >\n      <PagePurpose className=\"mb-6\">\n        The analytical lens on your whole portfolio. Use this page to judge how well your money is\n        working — overall value and returns, average ROI — then see your best and worst performers\n        so you can rebalance, double down, or trim exposure.\n      </PagePurpose>\n\n      {/* Key Metrics — the one emphasis zone for this page */}\n      <EmphasisPanel>\n        <h2 className=\"mb-4 text-base font-semibold text-text-primary\">Portfolio Performance</h2>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n          <MetricsCard\n            featured\n            icon={<Wallet className=\"h-5 w-5\" />}\n            value={formatCurrency(analytics.totalValue, { minimumFractionDigits: 0 })}\n            label=\"Portfolio Value\"\n            trend={analytics.portfolioGrowth >= 0 ? 'up' : 'down'}\n            trendValue={`${analytics.portfolioGrowth >= 0 ? '+' : ''}${analytics.portfolioGrowth.toFixed(1)}%`}\n          />\n          <MetricsCard\n            icon={<IndianRupee className=\"h-5 w-5\" />}\n            value={formatCurrency(analytics.totalInvested, { minimumFractionDigits: 0 })}\n            label=\"Total Invested\"\n          />\n          <MetricsCard\n            icon={<TrendingUp className=\"h-5 w-5\" />}\n            value={formatCurrency(analytics.totalReturns, { minimumFractionDigits: 0 })}\n            label=\"Total Returns\"\n            trend={analytics.totalReturns >= 0 ? 'up' : 'down'}\n          />\n          <MetricsCard\n            icon={<Target className=\"h-5 w-5\" />}\n            value={`${analytics.averageRoi.toFixed(1)}%`}\n            label=\"Average ROI\"\n          />\n        </div>\n      </EmphasisPanel>\n\n      {/* Best / Worst Performers */}\n      {analytics.performanceByCart.length > 1 && (\n        <div className=\"mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div className=\"flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-status-success-bg-subtle\">\n              <ArrowUp className=\"h-5 w-5 text-status-success-text\" />\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Best Performing</p>\n              <p className=\"text-sm font-semibold text-status-success-text\">\n                {analytics.bestPerforming}\n              </p>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-status-error-bg-subtle\">\n              <ArrowDown className=\"h-5 w-5 text-status-error-text\" />\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Worst Performing</p>\n              <p className=\"text-sm font-semibold text-text-primary\">{analytics.worstPerforming}</p>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Performance by Cart */}\n      <section className=\"mt-6\">\n        <div className=\"mb-4 flex items-center gap-2\">\n          <BarChart3 className=\"h-5 w-5 text-text-secondary\" />\n          <h2 className=\"text-lg font-semibold text-text-primary\">Performance by Cart</h2>\n        </div>\n\n        <div className=\"space-y-3\">\n          {analytics.performanceByCart.map((cart, index) => (\n            <div\n              key={cart.id}\n              className=\"flex items-center justify-between rounded-lg border border-border-subtle bg-bg-surface p-3\"\n            >\n              <div className=\"flex items-center gap-3\">\n                <div className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-xs font-bold text-action-primary-text\">\n                  {index + 1}\n                </div>\n                <div>\n                  <p className=\"text-sm font-medium text-text-primary\">{cart.cartName}</p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {formatCurrency(cart.investedAmount, { minimumFractionDigits: 0 })} invested\n                  </p>\n                </div>\n              </div>\n              <div className=\"text-right\">\n                <p\n                  className={cn(\n                    'text-sm font-semibold',\n                    cart.returns >= 0 ? 'text-status-success-text' : 'text-status-error-text'\n                  )}\n                >\n                  {cart.returns >= 0 ? '+' : ''}\n                  {formatCurrency(cart.returns, { minimumFractionDigits: 0 })}\n                </p>\n                <p\n                  className={cn(\n                    'text-xs',\n                    cart.roi >= 0 ? 'text-status-success-text' : 'text-status-error-text'\n                  )}\n                >\n                  {cart.roi >= 0 ? '+' : ''}\n                  {cart.roi.toFixed(1)}% ROI\n                </p>\n              </div>\n            </div>\n          ))}\n        </div>\n      </section>\n\n      {/* Quick Navigation */}\n      <div className=\"mt-8 flex flex-wrap gap-3\">\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/investor/portfolio')}\n          className=\"flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n        >\n          <PieChart className=\"h-4 w-4\" />\n          View Portfolio\n        </button>\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/investor/opportunities')}\n          className=\"flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n        >\n          <Target className=\"h-4 w-4\" />\n          Browse Opportunities\n        </button>\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/investor/investments')}\n          className=\"flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n        >\n          <Wallet className=\"h-4 w-4\" />\n          My Investments\n        </button>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"InvestorAnalyticsPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/investor/InvestorAnalyticsPage.tsx"],"sourcesContent":["/**\n * Investor Analytics Page\n * @module kadaikodi/pages/investor\n *\n * Portfolio performance analytics rendered with the viz kit — a value-trend\n * area chart, an allocation donut, a value-by-cart bar chart, and a ranked\n * performance list. Every figure is derived from the investor's real holdings\n * (useInvestments) — no fabricated analytics, trends or recommendations.\n */\n\nimport { useMemo } from 'react';\nimport {\n  TrendingUp,\n  PieChart,\n  BarChart3,\n  Target,\n  Wallet,\n  IndianRupee,\n  ArrowUp,\n  ArrowDown,\n} from 'lucide-react';\nimport { EmphasisPanel, GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { EmptyState } from '../../components/EmptyState';\nimport { AreaChart, BarChart, DonutChart } from '../../components/viz';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useInvestments } from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatDate } from '../../utils/formatters';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction formatRupeeCompact(value: number): string {\n  return formatCurrency(value, { minimumFractionDigits: 0, notation: 'compact' });\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function InvestorAnalyticsPage() {\n  const { navigateTo, currentUser } = useKadaikodi();\n  const { data: investments = [], isLoading } = useInvestments(currentUser?.id || '');\n\n  const analytics = useMemo(() => {\n    const totalInvested = investments.reduce((s, i) => s + i.investedAmount, 0);\n    const totalValue = investments.reduce((s, i) => s + i.currentValue, 0);\n    const totalReturns = totalValue - totalInvested;\n    const portfolioGrowth = totalInvested > 0 ? (totalReturns / totalInvested) * 100 : 0;\n\n    const performanceByCart = investments.map((inv) => {\n      const returns = inv.currentValue - inv.investedAmount;\n      const roi = inv.investedAmount > 0 ? (returns / inv.investedAmount) * 100 : 0;\n      return {\n        id: inv.id,\n        cartName: inv.cartName,\n        investedAmount: inv.investedAmount,\n        currentValue: inv.currentValue,\n        returns,\n        roi,\n      };\n    });\n\n    const averageRoi = performanceByCart.length\n      ? performanceByCart.reduce((s, c) => s + c.roi, 0) / performanceByCart.length\n      : 0;\n\n    const sortedByRoi = [...performanceByCart].sort((a, b) => b.roi - a.roi);\n\n    // Value-by-cart (always positive) for the bar chart + allocation donut.\n    const valueByCart = [...performanceByCart]\n      .sort((a, b) => b.currentValue - a.currentValue)\n      .map((c) => ({ label: c.cartName, value: c.currentValue }));\n\n    // Portfolio value trend — running total by holding date (real, derived).\n    const sortedByDate = [...investments].sort(\n      (a, b) => new Date(a.investmentDate).getTime() - new Date(b.investmentDate).getTime()\n    );\n    let running = 0;\n    const valueTrendRaw = sortedByDate.map((inv) => {\n      running += inv.currentValue;\n      return {\n        label: formatDate(inv.investmentDate, {\n          day: undefined,\n          hour: undefined,\n          minute: undefined,\n        }),\n        value: running,\n      };\n    });\n    const valueTrend =\n      valueTrendRaw.length === 1 ? [{ label: 'Start', value: 0 }, ...valueTrendRaw] : valueTrendRaw;\n\n    return {\n      totalInvested,\n      totalValue,\n      totalReturns,\n      portfolioGrowth,\n      averageRoi,\n      performanceByCart: sortedByRoi,\n      valueByCart,\n      valueTrend,\n      bestPerforming: sortedByRoi[0]?.cartName ?? '',\n      worstPerforming: sortedByRoi[sortedByRoi.length - 1]?.cartName ?? '',\n    };\n  }, [investments]);\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Investment Analytics\" description=\"Loading analytics...\">\n        <div className=\"space-y-4\">\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n            {Array.from({ length: 4 }).map((_, i) => (\n              <div\n                key={i}\n                className=\"h-28 animate-pulse rounded-[var(--radius-card)] bg-bg-sunken\"\n              />\n            ))}\n          </div>\n          <div className=\"h-72 animate-pulse rounded-[var(--radius-card)] bg-bg-sunken\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (investments.length === 0) {\n    return (\n      <PageLayout\n        title=\"Investment Analytics\"\n        description=\"Comprehensive analysis of your portfolio performance\"\n      >\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No analytics yet\"\n          description=\"Once you back a cart, your portfolio performance and per-cart analytics will appear here.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/investor/opportunities')}\n              className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg-hover transition-colors\"\n            >\n              Browse Opportunities\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Investment Analytics\"\n      description=\"Comprehensive analysis of your portfolio performance\"\n    >\n      <PagePurpose className=\"mb-6\">\n        The analytical lens on your whole portfolio. Judge how well your money is working — overall\n        value and returns, average ROI, how value has grown, and where it&apos;s concentrated — then\n        see your best and worst performers so you can rebalance, double down, or trim exposure.\n      </PagePurpose>\n\n      {/* Key Metrics — the one emphasis zone for this page */}\n      <EmphasisPanel>\n        <h2 className=\"mb-4 text-base font-semibold text-text-primary\">Portfolio Performance</h2>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n          <MetricsCard\n            featured\n            icon={<Wallet className=\"h-5 w-5\" />}\n            value={formatCurrency(analytics.totalValue, { minimumFractionDigits: 0 })}\n            label=\"Portfolio Value\"\n            trend={analytics.portfolioGrowth >= 0 ? 'up' : 'down'}\n            trendValue={`${analytics.portfolioGrowth >= 0 ? '+' : ''}${analytics.portfolioGrowth.toFixed(1)}%`}\n          />\n          <MetricsCard\n            icon={<IndianRupee className=\"h-5 w-5\" />}\n            value={formatCurrency(analytics.totalInvested, { minimumFractionDigits: 0 })}\n            label=\"Total Invested\"\n          />\n          <MetricsCard\n            icon={<TrendingUp className=\"h-5 w-5\" />}\n            value={formatCurrency(analytics.totalReturns, { minimumFractionDigits: 0 })}\n            label=\"Total Returns\"\n            trend={analytics.totalReturns >= 0 ? 'up' : 'down'}\n          />\n          <MetricsCard\n            icon={<Target className=\"h-5 w-5\" />}\n            value={`${analytics.averageRoi.toFixed(1)}%`}\n            label=\"Average ROI\"\n          />\n        </div>\n      </EmphasisPanel>\n\n      {/* Value trend + allocation */}\n      <div className=\"mt-6 grid gap-6 lg:grid-cols-3\">\n        <GlassCard treatment=\"plain\" className=\"p-5 sm:p-6 lg:col-span-2\">\n          <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Portfolio Value Trend</h2>\n          <AreaChart\n            series={analytics.valueTrend}\n            height={240}\n            valueFormatter={formatRupeeCompact}\n            title=\"Cumulative portfolio value by holding date\"\n          />\n        </GlassCard>\n        <GlassCard treatment=\"plain\" className=\"p-5 sm:p-6\">\n          <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Allocation</h2>\n          <div className=\"flex justify-center\">\n            <DonutChart\n              segments={analytics.valueByCart}\n              size={180}\n              centerLabel={formatRupeeCompact(analytics.totalValue)}\n              centerCaption=\"total value\"\n              valueFormatter={formatRupeeCompact}\n            />\n          </div>\n        </GlassCard>\n      </div>\n\n      {/* Value by cart bar chart */}\n      {analytics.valueByCart.length > 1 && (\n        <GlassCard treatment=\"plain\" className=\"mt-6 p-5 sm:p-6\">\n          <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Value by Cart</h2>\n          <BarChart\n            series={analytics.valueByCart}\n            height={240}\n            colorful\n            valueFormatter={formatRupeeCompact}\n            title=\"Current value held per cart\"\n          />\n        </GlassCard>\n      )}\n\n      {/* Best / Worst Performers */}\n      {analytics.performanceByCart.length > 1 && (\n        <div className=\"mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div className=\"flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-status-success-bg-subtle\">\n              <ArrowUp className=\"h-5 w-5 text-status-success-text\" />\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Best Performing</p>\n              <p className=\"text-sm font-semibold text-status-success-text\">\n                {analytics.bestPerforming}\n              </p>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-status-error-bg-subtle\">\n              <ArrowDown className=\"h-5 w-5 text-status-error-text\" />\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Worst Performing</p>\n              <p className=\"text-sm font-semibold text-text-primary\">{analytics.worstPerforming}</p>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Performance by Cart */}\n      <section className=\"mt-6\">\n        <div className=\"mb-4 flex items-center gap-2\">\n          <BarChart3 className=\"h-5 w-5 text-text-secondary\" />\n          <h2 className=\"text-lg font-semibold text-text-primary\">Performance Ranking</h2>\n        </div>\n\n        <div className=\"space-y-3\">\n          {analytics.performanceByCart.map((cart, index) => (\n            <div\n              key={cart.id}\n              className=\"flex items-center justify-between rounded-lg border border-border-subtle bg-bg-surface p-3\"\n            >\n              <div className=\"flex items-center gap-3\">\n                <div className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-xs font-bold text-action-primary-text\">\n                  {index + 1}\n                </div>\n                <div>\n                  <p className=\"text-sm font-medium text-text-primary\">{cart.cartName}</p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {formatCurrency(cart.investedAmount, { minimumFractionDigits: 0 })} invested\n                  </p>\n                </div>\n              </div>\n              <div className=\"text-right\">\n                <p\n                  className={cn(\n                    'text-sm font-semibold',\n                    cart.returns >= 0 ? 'text-status-success-text' : 'text-status-error-text'\n                  )}\n                >\n                  {cart.returns >= 0 ? '+' : ''}\n                  {formatCurrency(cart.returns, { minimumFractionDigits: 0 })}\n                </p>\n                <p\n                  className={cn(\n                    'text-xs',\n                    cart.roi >= 0 ? 'text-status-success-text' : 'text-status-error-text'\n                  )}\n                >\n                  {cart.roi >= 0 ? '+' : ''}\n                  {cart.roi.toFixed(1)}% ROI\n                </p>\n              </div>\n            </div>\n          ))}\n        </div>\n      </section>\n\n      {/* Quick Navigation */}\n      <div className=\"mt-8 flex flex-wrap gap-3\">\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/investor/portfolio')}\n          className=\"flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n        >\n          <PieChart className=\"h-4 w-4\" />\n          View Portfolio\n        </button>\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/investor/opportunities')}\n          className=\"flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n        >\n          <Target className=\"h-4 w-4\" />\n          Browse Opportunities\n        </button>\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/investor/investments')}\n          className=\"flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n        >\n          <Wallet className=\"h-4 w-4\" />\n          My Investments\n        </button>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAmCA,SAAS,EAAmB,GAAuB;AACjD,QAAO,EAAe,GAAO;EAAE,uBAAuB;EAAG,UAAU;EAAW,CAAC;;AAOjF,SAAgB,IAAwB;CACtC,IAAM,EAAE,eAAY,mBAAgB,GAAc,EAC5C,EAAE,MAAM,IAAc,EAAE,EAAE,iBAAc,EAAe,GAAa,MAAM,GAAG,EAE7E,IAAY,QAAc;EAC9B,IAAM,IAAgB,EAAY,QAAQ,GAAG,MAAM,IAAI,EAAE,gBAAgB,EAAE,EACrE,IAAa,EAAY,QAAQ,GAAG,MAAM,IAAI,EAAE,cAAc,EAAE,EAChE,IAAe,IAAa,GAC5B,IAAkB,IAAgB,IAAK,IAAe,IAAiB,MAAM,GAE7E,IAAoB,EAAY,KAAK,MAAQ;GACjD,IAAM,IAAU,EAAI,eAAe,EAAI,gBACjC,IAAM,EAAI,iBAAiB,IAAK,IAAU,EAAI,iBAAkB,MAAM;AAC5E,UAAO;IACL,IAAI,EAAI;IACR,UAAU,EAAI;IACd,gBAAgB,EAAI;IACpB,cAAc,EAAI;IAClB;IACA;IACD;IACD,EAEI,IAAa,EAAkB,SACjC,EAAkB,QAAQ,GAAG,MAAM,IAAI,EAAE,KAAK,EAAE,GAAG,EAAkB,SACrE,GAEE,IAAc,CAAC,GAAG,EAAkB,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,EAAE,IAAI,EAGlE,IAAc,CAAC,GAAG,EAAkB,CACvC,MAAM,GAAG,MAAM,EAAE,eAAe,EAAE,aAAa,CAC/C,KAAK,OAAO;GAAE,OAAO,EAAE;GAAU,OAAO,EAAE;GAAc,EAAE,EAGvD,IAAe,CAAC,GAAG,EAAY,CAAC,MACnC,GAAG,MAAM,IAAI,KAAK,EAAE,eAAe,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,eAAe,CAAC,SAAS,CACtF,EACG,IAAU,GACR,IAAgB,EAAa,KAAK,OACtC,KAAW,EAAI,cACR;GACL,OAAO,EAAW,EAAI,gBAAgB;IACpC,KAAK,KAAA;IACL,MAAM,KAAA;IACN,QAAQ,KAAA;IACT,CAAC;GACF,OAAO;GACR,EACD;AAIF,SAAO;GACL;GACA;GACA;GACA;GACA;GACA,mBAAmB;GACnB;GACA,YAVA,EAAc,WAAW,IAAI,CAAC;IAAE,OAAO;IAAS,OAAO;IAAG,EAAE,GAAG,EAAc,GAAG;GAWhF,gBAAgB,EAAY,IAAI,YAAY;GAC5C,iBAAiB,EAAY,EAAY,SAAS,IAAI,YAAY;GACnE;IACA,CAAC,EAAY,CAAC;AA4CjB,QA1CI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAuB,aAAY;YACnD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,OAAD,EAEE,WAAU,gEACV,EAFK,EAEL,CACF;IACE,CAAA,EACN,kBAAC,OAAD,EAAK,WAAU,gEAAiE,CAAA,CAC5E;;EACK,CAAA,GAIb,EAAY,WAAW,IAEvB,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,0BAA0B;IACpD,WAAU;cACX;IAEQ,CAAA;GAEX,CAAA;EACS,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAFd;GAIE,kBAAC,GAAD;IAAa,WAAU;cAAO;IAIhB,CAAA;GAGd,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAiD;IAA0B,CAAA,EACzF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,UAAA;MACA,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;MACpC,OAAO,EAAe,EAAU,YAAY,EAAE,uBAAuB,GAAG,CAAC;MACzE,OAAM;MACN,OAAO,EAAU,mBAAmB,IAAI,OAAO;MAC/C,YAAY,GAAG,EAAU,mBAAmB,IAAI,MAAM,KAAK,EAAU,gBAAgB,QAAQ,EAAE,CAAC;MAChG,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;MACzC,OAAO,EAAe,EAAU,eAAe,EAAE,uBAAuB,GAAG,CAAC;MAC5E,OAAM;MACN,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;MACxC,OAAO,EAAe,EAAU,cAAc,EAAE,uBAAuB,GAAG,CAAC;MAC3E,OAAM;MACN,OAAO,EAAU,gBAAgB,IAAI,OAAO;MAC5C,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;MACpC,OAAO,GAAG,EAAU,WAAW,QAAQ,EAAE,CAAC;MAC1C,OAAM;MACN,CAAA;KACE;MACQ,EAAA,CAAA;GAGhB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAW,WAAU;KAAQ,WAAU;eAAvC,CACE,kBAAC,MAAD;MAAI,WAAU;gBAA+C;MAA0B,CAAA,EACvF,kBAAC,GAAD;MACE,QAAQ,EAAU;MAClB,QAAQ;MACR,gBAAgB;MAChB,OAAM;MACN,CAAA,CACQ;QACZ,kBAAC,GAAD;KAAW,WAAU;KAAQ,WAAU;eAAvC,CACE,kBAAC,MAAD;MAAI,WAAU;gBAA+C;MAAe,CAAA,EAC5E,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OACE,UAAU,EAAU;OACpB,MAAM;OACN,aAAa,EAAmB,EAAU,WAAW;OACrD,eAAc;OACd,gBAAgB;OAChB,CAAA;MACE,CAAA,CACI;OACR;;GAGL,EAAU,YAAY,SAAS,KAC9B,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cAAvC,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAAkB,CAAA,EAC/E,kBAAC,GAAD;KACE,QAAQ,EAAU;KAClB,QAAQ;KACR,UAAA;KACA,gBAAgB;KAChB,OAAM;KACN,CAAA,CACQ;;GAIb,EAAU,kBAAkB,SAAS,KACpC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAS,WAAU,oCAAqC,CAAA;MACpD,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAmB,CAAA,EAC9D,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAU;MACT,CAAA,CACA,EAAA,CAAA,CACF;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAW,WAAU,kCAAmC,CAAA;MACpD,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAoB,CAAA,EAC/D,kBAAC,KAAD;MAAG,WAAU;gBAA2C,EAAU;MAAoB,CAAA,CAClF,EAAA,CAAA,CACF;OACF;;GAIR,kBAAC,WAAD;IAAS,WAAU;cAAnB,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAW,WAAU,+BAAgC,CAAA,EACrD,kBAAC,MAAD;MAAI,WAAU;gBAA0C;MAAwB,CAAA,CAC5E;QAEN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAU,kBAAkB,KAAK,GAAM,MACtC,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACZ,IAAQ;QACL,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAyC,EAAK;QAAa,CAAA,EACxE,kBAAC,KAAD;QAAG,WAAU;kBAAb,CACG,EAAe,EAAK,gBAAgB,EAAE,uBAAuB,GAAG,CAAC,EAAC,YACjE;UACA,EAAA,CAAA,CACF;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QACE,WAAW,EACT,yBACA,EAAK,WAAW,IAAI,6BAA6B,yBAClD;kBAJH,CAMG,EAAK,WAAW,IAAI,MAAM,IAC1B,EAAe,EAAK,SAAS,EAAE,uBAAuB,GAAG,CAAC,CACzD;WACJ,kBAAC,KAAD;QACE,WAAW,EACT,WACA,EAAK,OAAO,IAAI,6BAA6B,yBAC9C;kBAJH;SAMG,EAAK,OAAO,IAAI,MAAM;SACtB,EAAK,IAAI,QAAQ,EAAE;SAAC;SACnB;UACA;SACF;QAlCC,EAAK,GAkCN,CACN;KACE,CAAA,CACE;;GAGV,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAW,sBAAsB;MAChD,WAAU;gBAHZ,CAKE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,iBAEzB;;KACT,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAW,0BAA0B;MACpD,WAAU;gBAHZ,CAKE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,uBAEvB;;KACT,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAW,wBAAwB;MAClD,WAAU;gBAHZ,CAKE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,iBAEvB;;KACL;;GACK"}

package/dist/kadaikodi/pages/investor/InvestorDashboard.js

@@ -1,17 +1,19 @@
 import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
-import { MetricsCard as r } from "../../components/MetricsCard.js";
-import { EmptyState as i } from "../../components/EmptyState.js";
-import { useInvestmentOpportunities as a, useInvestments as o } from "../../hooks/useKadaikodiApi.js";
-import { formatCurrency as s } from "../../utils/formatters.js";
-import { InvestmentCard as c } from "../../components/InvestmentCard.js";
-import { useMemo as l, useState as u } from "react";
-import { Award as d, BarChart3 as f, Eye as p, Filter as m, IndianRupee as h, PieChart as g, Plus as _, Target as v, Wallet as y } from "lucide-react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { EmphasisPanel as S, NextSteps as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { useInvestmentOpportunities as i, useInvestments as a } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as o, formatDate as s } from "../../utils/formatters.js";
+import { MetricsCard as c } from "../../components/MetricsCard.js";
+import { AreaChart as l } from "../../components/viz/AreaChart.js";
+import "../../components/viz/index.js";
+import { InvestmentCard as u } from "../../components/InvestmentCard.js";
+import { useMemo as d, useState as f } from "react";
+import { Award as p, BarChart3 as m, Eye as h, Filter as g, IndianRupee as _, PieChart as v, Plus as y, Target as b, Wallet as x } from "lucide-react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { EmphasisPanel as w, GlassCard as T, NextSteps as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/investor/InvestorDashboard.tsx
-function T(e) {
+function O(e) {
 	switch (e) {
 		case "active": return "bg-status-success-bg-subtle text-status-success-text";
 		case "completed": return "bg-[var(--color-accent-soft)] text-text-primary";
@@ -19,38 +21,51 @@ function T(e) {
 		default: return "bg-bg-sunken text-text-secondary";
 	}
 }
-function E() {
-	let { navigateTo: E, currentUser: D } = e(), [O, k] = u("portfolio"), { data: A = [], isLoading: j } = a(), { data: M = [], isLoading: N } = o(D?.id || ""), P = D?.firstName ?? D?.name ?? "Investor", F = A.filter((e) => e.status === "active"), I = l(() => {
-		let e = M.reduce((e, t) => e + t.investedAmount, 0), t = M.reduce((e, t) => e + t.currentValue, 0);
+function k() {
+	let { navigateTo: k, currentUser: A } = e(), [j, M] = f("portfolio"), { data: N = [], isLoading: P } = i(), { data: F = [], isLoading: I } = a(A?.id || ""), L = A?.firstName ?? A?.name ?? "Investor", R = N.filter((e) => e.status === "active"), z = d(() => {
+		let e = F.reduce((e, t) => e + t.investedAmount, 0), t = F.reduce((e, t) => e + t.currentValue, 0);
 		return {
 			totalInvested: e,
 			currentValue: t,
-			totalReturns: M.reduce((e, t) => e + t.returns, 0),
+			totalReturns: F.reduce((e, t) => e + t.returns, 0),
 			roi: e > 0 ? (t - e) / e * 100 : 0
 		};
-	}, [M]);
-	return j || N ? /* @__PURE__ */ b(n, {
+	}, [F]), B = d(() => {
+		let e = [...F].sort((e, t) => new Date(e.investmentDate).getTime() - new Date(t.investmentDate).getTime()), t = 0, n = e.map((e) => (t += e.currentValue, {
+			label: s(e.investmentDate, {
+				day: void 0,
+				hour: void 0,
+				minute: void 0
+			}),
+			value: t
+		}));
+		return n.length === 1 ? [{
+			label: "Start",
+			value: 0
+		}, ...n] : n;
+	}, [F]);
+	return P || I ? /* @__PURE__ */ S(n, {
 		title: "Investment Dashboard",
 		description: "Loading your portfolio...",
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "flex items-center justify-center py-20",
-			children: /* @__PURE__ */ x("div", {
+			children: /* @__PURE__ */ C("div", {
 				className: "text-center",
-				children: [/* @__PURE__ */ b("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ b("p", {
+				children: [/* @__PURE__ */ S("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ S("p", {
 					className: "text-sm text-text-secondary",
 					children: "Loading your portfolio..."
 				})]
 			})
 		})
-	}) : /* @__PURE__ */ x(n, {
-		title: `Welcome back, ${P}!`,
+	}) : /* @__PURE__ */ C(n, {
+		title: `Welcome back, ${L}!`,
 		description: "Here's your investment portfolio overview.",
 		children: [
-			/* @__PURE__ */ b(w, {
+			/* @__PURE__ */ S(D, {
 				className: "mb-6",
 				children: "Track how your money is working across the mobile carts you've backed — see what you've invested, what it's worth today, and the returns flowing in. Review your active investments below or browse new opportunities to diversify."
 			}),
-			/* @__PURE__ */ b(C, {
+			/* @__PURE__ */ S(E, {
 				storageKey: "kadaikodi-investor-dashboard",
 				className: "mb-6",
 				steps: [
@@ -58,142 +73,142 @@ function E() {
 						id: "opportunities",
 						label: "Explore new opportunities",
 						description: "Discover carts seeking funding and their projected returns.",
-						onClick: () => E("/investor/opportunities")
+						onClick: () => k("/investor/opportunities")
 					},
 					{
 						id: "portfolio",
 						label: "Review your portfolio",
 						description: "Dig into each active investment and its performance.",
-						onClick: () => E("/investor/portfolio")
+						onClick: () => k("/investor/portfolio")
 					},
 					{
 						id: "analytics",
 						label: "Analyse your returns",
 						description: "See trends and projections across your whole portfolio.",
-						onClick: () => E("/investor/analytics")
+						onClick: () => k("/investor/analytics")
 					}
 				]
 			}),
-			/* @__PURE__ */ x(S, { children: [/* @__PURE__ */ b("h2", {
+			/* @__PURE__ */ C(w, { children: [/* @__PURE__ */ S("h2", {
 				className: "mb-4 text-lg font-semibold text-text-primary",
 				children: "Portfolio Overview"
-			}), /* @__PURE__ */ x("div", {
+			}), /* @__PURE__ */ C("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ b(r, {
+					/* @__PURE__ */ S(c, {
 						featured: !0,
-						icon: /* @__PURE__ */ b(y, { className: "h-5 w-5" }),
-						value: s(I.totalInvested, { minimumFractionDigits: 0 }),
+						icon: /* @__PURE__ */ S(x, { className: "h-5 w-5" }),
+						value: o(z.totalInvested, { minimumFractionDigits: 0 }),
 						label: "Total Invested",
 						trend: "up",
 						trendValue: "Across all businesses"
 					}),
-					/* @__PURE__ */ b(r, {
-						icon: /* @__PURE__ */ b(h, { className: "h-5 w-5" }),
-						value: s(I.currentValue, { minimumFractionDigits: 0 }),
+					/* @__PURE__ */ S(c, {
+						icon: /* @__PURE__ */ S(_, { className: "h-5 w-5" }),
+						value: o(z.currentValue, { minimumFractionDigits: 0 }),
 						label: "Current Value",
-						trend: I.roi >= 0 ? "up" : "down",
-						trendValue: `${I.roi >= 0 ? "+" : ""}${I.roi.toFixed(1)}%`
+						trend: z.roi >= 0 ? "up" : "down",
+						trendValue: `${z.roi >= 0 ? "+" : ""}${z.roi.toFixed(1)}%`
 					}),
-					/* @__PURE__ */ b(r, {
-						icon: /* @__PURE__ */ b(v, { className: "h-5 w-5" }),
-						value: s(I.totalReturns, { minimumFractionDigits: 0 }),
+					/* @__PURE__ */ S(c, {
+						icon: /* @__PURE__ */ S(b, { className: "h-5 w-5" }),
+						value: o(z.totalReturns, { minimumFractionDigits: 0 }),
 						label: "Total Returns"
 					})
 				]
 			})] }),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ C("div", {
 				className: "mt-8 grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ C("div", {
 					className: "lg:col-span-2",
 					children: [
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ C("div", {
 							className: "mb-6 flex rounded-lg bg-bg-sunken p-1",
-							children: [/* @__PURE__ */ b("button", {
+							children: [/* @__PURE__ */ S("button", {
 								type: "button",
-								onClick: () => k("portfolio"),
-								className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", O === "portfolio" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
+								onClick: () => M("portfolio"),
+								className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", j === "portfolio" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
 								children: "My Investments"
-							}), /* @__PURE__ */ b("button", {
+							}), /* @__PURE__ */ S("button", {
 								type: "button",
-								onClick: () => k("opportunities"),
-								className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", O === "opportunities" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
+								onClick: () => M("opportunities"),
+								className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", j === "opportunities" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
 								children: "New Opportunities"
 							})]
 						}),
-						O === "portfolio" && /* @__PURE__ */ x("div", {
+						j === "portfolio" && /* @__PURE__ */ C("div", {
 							className: "space-y-4",
-							children: [/* @__PURE__ */ x("div", {
+							children: [/* @__PURE__ */ C("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ b("h3", {
+								children: [/* @__PURE__ */ S("h3", {
 									className: "text-base font-semibold text-text-primary",
 									children: "Active Investments"
-								}), /* @__PURE__ */ x("button", {
+								}), /* @__PURE__ */ C("button", {
 									type: "button",
-									onClick: () => E("/investor/investments"),
+									onClick: () => k("/investor/investments"),
 									className: "flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-									children: [/* @__PURE__ */ b(m, { className: "h-4 w-4" }), "View all"]
+									children: [/* @__PURE__ */ S(g, { className: "h-4 w-4" }), "View all"]
 								})]
-							}), M.length === 0 ? /* @__PURE__ */ b(i, {
+							}), F.length === 0 ? /* @__PURE__ */ S(r, {
 								illustration: "empty-data",
 								title: "No active investments yet",
 								description: "Once you back a cart, your investments will appear here. Browse open opportunities to get started.",
-								action: /* @__PURE__ */ b("button", {
+								action: /* @__PURE__ */ S("button", {
 									type: "button",
-									onClick: () => k("opportunities"),
+									onClick: () => M("opportunities"),
 									className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
 									children: "Browse opportunities"
 								})
-							}) : M.map((e) => /* @__PURE__ */ x("div", {
+							}) : F.map((e) => /* @__PURE__ */ C("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm hover:shadow-md transition-shadow",
-								children: [/* @__PURE__ */ x("div", {
+								children: [/* @__PURE__ */ C("div", {
 									className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-									children: [/* @__PURE__ */ b("div", {
+									children: [/* @__PURE__ */ S("div", {
 										className: "flex-1",
-										children: /* @__PURE__ */ x("div", {
+										children: /* @__PURE__ */ C("div", {
 											className: "mb-2 flex flex-wrap items-center gap-2",
-											children: [/* @__PURE__ */ b("h4", {
+											children: [/* @__PURE__ */ S("h4", {
 												className: "text-base font-semibold text-text-primary",
 												children: e.cartName
-											}), /* @__PURE__ */ b("span", {
-												className: t("rounded-full px-2 py-0.5 text-xs font-medium", T(e.status)),
+											}), /* @__PURE__ */ S("span", {
+												className: t("rounded-full px-2 py-0.5 text-xs font-medium", O(e.status)),
 												children: e.status
 											})]
 										})
-									}), /* @__PURE__ */ x("button", {
+									}), /* @__PURE__ */ C("button", {
 										type: "button",
-										onClick: () => E(`/investor/investments/${e.id}`),
+										onClick: () => k(`/investor/investments/${e.id}`),
 										className: "flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-										children: [/* @__PURE__ */ b(p, { className: "h-4 w-4" }), "View Details"]
+										children: [/* @__PURE__ */ S(h, { className: "h-4 w-4" }), "View Details"]
 									})]
-								}), /* @__PURE__ */ x("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "mt-3 grid grid-cols-2 gap-3 sm:grid-cols-4",
 									children: [
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 											className: "text-xs text-text-secondary",
 											children: "Invested"
-										}), /* @__PURE__ */ b("p", {
+										}), /* @__PURE__ */ S("p", {
 											className: "text-sm font-semibold text-text-primary",
-											children: s(e.investedAmount, { minimumFractionDigits: 0 })
+											children: o(e.investedAmount, { minimumFractionDigits: 0 })
 										})] }),
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 											className: "text-xs text-text-secondary",
 											children: "Current Value"
-										}), /* @__PURE__ */ b("p", {
+										}), /* @__PURE__ */ S("p", {
 											className: "text-sm font-semibold text-status-success-text",
-											children: s(e.currentValue, { minimumFractionDigits: 0 })
+											children: o(e.currentValue, { minimumFractionDigits: 0 })
 										})] }),
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 											className: "text-xs text-text-secondary",
 											children: "Returns"
-										}), /* @__PURE__ */ b("p", {
+										}), /* @__PURE__ */ S("p", {
 											className: "text-sm font-semibold text-text-primary",
-											children: s(e.returns, { minimumFractionDigits: 0 })
+											children: o(e.returns, { minimumFractionDigits: 0 })
 										})] }),
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 											className: "text-xs text-text-secondary",
 											children: "Expected Return"
-										}), /* @__PURE__ */ x("p", {
+										}), /* @__PURE__ */ C("p", {
 											className: "text-sm font-semibold text-status-success-text",
 											children: [e.returnsPercentage, "%"]
 										})] })
@@ -201,26 +216,26 @@ function E() {
 								})]
 							}, e.id))]
 						}),
-						O === "opportunities" && /* @__PURE__ */ x("div", {
+						j === "opportunities" && /* @__PURE__ */ C("div", {
 							className: "space-y-4",
-							children: [/* @__PURE__ */ x("div", {
+							children: [/* @__PURE__ */ C("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ b("h3", {
+								children: [/* @__PURE__ */ S("h3", {
 									className: "text-base font-semibold text-text-primary",
 									children: "Investment Opportunities"
-								}), /* @__PURE__ */ x("button", {
+								}), /* @__PURE__ */ C("button", {
 									type: "button",
-									onClick: () => E("/investor/opportunities"),
+									onClick: () => k("/investor/opportunities"),
 									className: "flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-									children: [/* @__PURE__ */ b(_, { className: "h-4 w-4" }), "Browse All"]
+									children: [/* @__PURE__ */ S(y, { className: "h-4 w-4" }), "Browse All"]
 								})]
-							}), F.length === 0 ? /* @__PURE__ */ b(i, {
+							}), R.length === 0 ? /* @__PURE__ */ S(r, {
 								illustration: "empty-data",
 								title: "No open opportunities right now",
 								description: "New carts seeking funding will show up here. Check back soon."
-							}) : /* @__PURE__ */ b("div", {
+							}) : /* @__PURE__ */ S("div", {
 								className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-								children: F.slice(0, 4).map((e) => /* @__PURE__ */ b(c, {
+								children: R.slice(0, 4).map((e) => /* @__PURE__ */ S(u, {
 									id: e.id,
 									cartName: e.cartName,
 									targetAmount: e.targetAmount,
@@ -228,54 +243,69 @@ function E() {
 									expectedReturns: `${e.expectedReturns}%`,
 									riskLevel: e.riskLevel,
 									status: e.status,
-									onClick: (e) => E(`/investor/opportunity/${e}`)
+									onClick: (e) => k(`/investor/opportunity/${e}`)
 								}, e.id))
 							})]
 						})
 					]
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "space-y-6",
-					children: /* @__PURE__ */ x("div", {
+					children: [F.length > 0 && /* @__PURE__ */ C(T, {
+						treatment: "plain",
+						className: "p-4 sm:p-5",
+						children: [/* @__PURE__ */ S("h3", {
+							className: "mb-3 text-base font-semibold text-text-primary",
+							children: "Portfolio Value Trend"
+						}), /* @__PURE__ */ S(l, {
+							series: B,
+							height: 160,
+							valueFormatter: (e) => o(e, {
+								minimumFractionDigits: 0,
+								notation: "compact"
+							}),
+							title: "Cumulative portfolio value by holding date"
+						})]
+					}), /* @__PURE__ */ C("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-						children: [/* @__PURE__ */ b("h3", {
+						children: [/* @__PURE__ */ S("h3", {
 							className: "mb-3 text-base font-semibold text-text-primary",
 							children: "Quick Actions"
-						}), /* @__PURE__ */ x("div", {
+						}), /* @__PURE__ */ C("div", {
 							className: "space-y-2",
 							children: [
-								/* @__PURE__ */ x("button", {
+								/* @__PURE__ */ C("button", {
 									type: "button",
-									onClick: () => E("/investor/portfolio"),
+									onClick: () => k("/investor/portfolio"),
 									className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-left text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-									children: [/* @__PURE__ */ b(g, { className: "h-4 w-4 text-text-secondary" }), "View Full Portfolio"]
+									children: [/* @__PURE__ */ S(v, { className: "h-4 w-4 text-text-secondary" }), "View Full Portfolio"]
 								}),
-								/* @__PURE__ */ x("button", {
+								/* @__PURE__ */ C("button", {
 									type: "button",
-									onClick: () => E("/investor/opportunities"),
+									onClick: () => k("/investor/opportunities"),
 									className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-left text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-									children: [/* @__PURE__ */ b(v, { className: "h-4 w-4 text-text-secondary" }), "Browse Opportunities"]
+									children: [/* @__PURE__ */ S(b, { className: "h-4 w-4 text-text-secondary" }), "Browse Opportunities"]
 								}),
-								/* @__PURE__ */ x("button", {
+								/* @__PURE__ */ C("button", {
 									type: "button",
-									onClick: () => E("/investor/analytics"),
+									onClick: () => k("/investor/analytics"),
 									className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-left text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-									children: [/* @__PURE__ */ b(f, { className: "h-4 w-4 text-text-secondary" }), "Investment Analytics"]
+									children: [/* @__PURE__ */ S(m, { className: "h-4 w-4 text-text-secondary" }), "Investment Analytics"]
 								}),
-								/* @__PURE__ */ x("button", {
+								/* @__PURE__ */ C("button", {
 									type: "button",
-									onClick: () => E("/investor/profile"),
+									onClick: () => k("/investor/profile"),
 									className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-left text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-									children: [/* @__PURE__ */ b(d, { className: "h-4 w-4 text-text-secondary" }), "View Profile"]
+									children: [/* @__PURE__ */ S(p, { className: "h-4 w-4 text-text-secondary" }), "View Profile"]
 								})
 							]
 						})]
-					})
+					})]
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { E as InvestorDashboard };
+export { k as InvestorDashboard };
 
 //# sourceMappingURL=InvestorDashboard.js.map