npm - @burdenoff/microfe-kadaikodi - Versions diffs - 2026.704.3 → 2026.704.5 - Mend

@burdenoff/microfe-kadaikodi 2026.704.3 → 2026.704.5

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

Files changed (145) hide show

package/dist/kadaikodi/pages/investor/InvestorDashboard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InvestorDashboard.js","names":[],"sources":["../../../../src/kadaikodi/pages/investor/InvestorDashboard.tsx"],"sourcesContent":["/*\n Investor Dashboard Page\n * @module kadaikodi/pages/investor\n \n Portfolio overview with real metrics derived from the investor's holdings,\n * tab navigation (my investments / new opportunities), and quick actions.\n * All data comes from the live backend — no fabricated insights or activity.\n /\n\nimport { useState, useMemo } from 'react';\nimport {\n Wallet,\n PieChart,\n IndianRupee,\n Target,\n Award,\n Filter,\n Eye,\n Plus,\n BarChart3,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose, NextSteps } from '@burdenoff/fe-libs/ui';\nimport { EmptyState } from '../../components/EmptyState';\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { InvestmentCard } from '../../components/InvestmentCard';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useInvestmentOpportunities, useInvestments } from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction getStatusBadgeColor(status: string): string {\n switch (status) {\n case 'active':\n return 'bg-status-success-bg-subtle text-status-success-text';\n case 'completed':\n return 'bg-[var(--color-accent-soft)] text-text-primary';\n case 'exited':\n return 'bg-bg-sunken text-text-secondary';\n default:\n return 'bg-bg-sunken text-text-secondary';\n }\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function InvestorDashboard() {\n const { navigateTo, currentUser } = useKadaikodi();\n const [activeTab, setActiveTab] = useState<'portfolio' \| 'opportunities'>('portfolio');\n\n const { data: opportunities = [], isLoading: opportunitiesLoading } =\n useInvestmentOpportunities();\n const { data: investments = [], isLoading: investmentsLoading } = useInvestments(\n currentUser?.id \|\| ''\n );\n\n const firstName = currentUser?.firstName ?? currentUser?.name ?? 'Investor';\n\n const activeOpportunities = opportunities.filter((inv) => inv.status === 'active');\n\n const portfolioSummary = useMemo(() => {\n const totalInvested = investments.reduce((sum, inv) => sum + inv.investedAmount, 0);\n const currentValue = investments.reduce((sum, inv) => sum + inv.currentValue, 0);\n const totalReturns = investments.reduce((sum, inv) => sum + inv.returns, 0);\n const roi = totalInvested > 0 ? ((currentValue - totalInvested) / totalInvested) 100 : 0;\n\n return {\n totalInvested,\n currentValue,\n totalReturns,\n roi,\n };\n }, [investments]);\n\n if (opportunitiesLoading \|\| investmentsLoading) {\n return (\n <PageLayout title=\"Investment Dashboard\" description=\"Loading your portfolio...\">\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 your portfolio...</p>\n </div>\n </div>\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title={`Welcome back, ${firstName}!`}\n description=\"Here's your investment portfolio overview.\"\n >\n <PagePurpose className=\"mb-6\">\n Track how your money is working across the mobile carts you've backed — see what you've\n invested, what it's worth today, and the returns flowing in. Review your active investments\n below or browse new opportunities to diversify.\n </PagePurpose>\n\n <NextSteps\n storageKey=\"kadaikodi-investor-dashboard\"\n className=\"mb-6\"\n steps={[\n {\n id: 'opportunities',\n label: 'Explore new opportunities',\n description: 'Discover carts seeking funding and their projected returns.',\n onClick: () => navigateTo('/investor/opportunities'),\n },\n {\n id: 'portfolio',\n label: 'Review your portfolio',\n description: 'Dig into each active investment and its performance.',\n onClick: () => navigateTo('/investor/portfolio'),\n },\n {\n id: 'analytics',\n label: 'Analyse your returns',\n description: 'See trends and projections across your whole portfolio.',\n onClick: () => navigateTo('/investor/analytics'),\n },\n ]}\n />\n\n {/* Portfolio Summary Metrics — the one emphasis zone /}\n <EmphasisPanel>\n <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Portfolio Overview</h2>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n <MetricsCard\n featured\n icon={<Wallet className=\"h-5 w-5\" />}\n value={formatCurrency(portfolioSummary.totalInvested, { minimumFractionDigits: 0 })}\n label=\"Total Invested\"\n trend=\"up\"\n trendValue=\"Across all businesses\"\n />\n <MetricsCard\n icon={<IndianRupee className=\"h-5 w-5\" />}\n value={formatCurrency(portfolioSummary.currentValue, { minimumFractionDigits: 0 })}\n label=\"Current Value\"\n trend={portfolioSummary.roi >= 0 ? 'up' : 'down'}\n trendValue={`${portfolioSummary.roi >= 0 ? '+' : ''}${portfolioSummary.roi.toFixed(1)}%`}\n />\n <MetricsCard\n icon={<Target className=\"h-5 w-5\" />}\n value={formatCurrency(portfolioSummary.totalReturns, { minimumFractionDigits: 0 })}\n label=\"Total Returns\"\n />\n </div>\n </EmphasisPanel>\n\n {/ Main Content + Sidebar /}\n <div className=\"mt-8 grid grid-cols-1 gap-6 lg:grid-cols-3\">\n {/ Main Content /}\n <div className=\"lg:col-span-2\">\n {/ Tab Navigation /}\n <div className=\"mb-6 flex rounded-lg bg-bg-sunken p-1\">\n <button\n type=\"button\"\n onClick={() => setActiveTab('portfolio')}\n className={cn(\n 'flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors',\n activeTab === 'portfolio'\n ? 'bg-bg-surface text-text-primary shadow-sm'\n : 'text-text-secondary hover:text-text-primary'\n )}\n >\n My Investments\n </button>\n <button\n type=\"button\"\n onClick={() => setActiveTab('opportunities')}\n className={cn(\n 'flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors',\n activeTab === 'opportunities'\n ? 'bg-bg-surface text-text-primary shadow-sm'\n : 'text-text-secondary hover:text-text-primary'\n )}\n >\n New Opportunities\n </button>\n </div>\n\n {/ Portfolio Tab /}\n {activeTab === 'portfolio' && (\n <div className=\"space-y-4\">\n <div className=\"flex items-center justify-between\">\n <h3 className=\"text-base font-semibold text-text-primary\">Active Investments</h3>\n <button\n type=\"button\"\n onClick={() => navigateTo('/investor/investments')}\n 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\"\n >\n <Filter className=\"h-4 w-4\" />\n View all\n </button>\n </div>\n\n {investments.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n title=\"No active investments yet\"\n description=\"Once you back a cart, your investments will appear here. Browse open opportunities to get started.\"\n action={\n <button\n type=\"button\"\n onClick={() => setActiveTab('opportunities')}\n className=\"rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n >\n Browse opportunities\n </button>\n }\n />\n ) : (\n investments.map((investment) => (\n <div\n key={investment.id}\n className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm hover:shadow-md transition-shadow\"\n >\n <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n <div className=\"flex-1\">\n <div className=\"mb-2 flex flex-wrap items-center gap-2\">\n <h4 className=\"text-base font-semibold text-text-primary\">\n {investment.cartName}\n </h4>\n <span\n className={cn(\n 'rounded-full px-2 py-0.5 text-xs font-medium',\n getStatusBadgeColor(investment.status)\n )}\n >\n {investment.status}\n </span>\n </div>\n </div>\n <button\n type=\"button\"\n onClick={() => navigateTo(`/investor/investments/${investment.id}`)}\n 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\"\n >\n <Eye className=\"h-4 w-4\" />\n View Details\n </button>\n </div>\n\n <div className=\"mt-3 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n <div>\n <p className=\"text-xs text-text-secondary\">Invested</p>\n <p className=\"text-sm font-semibold text-text-primary\">\n {formatCurrency(investment.investedAmount, { minimumFractionDigits: 0 })}\n </p>\n </div>\n <div>\n <p className=\"text-xs text-text-secondary\">Current Value</p>\n <p className=\"text-sm font-semibold text-status-success-text\">\n {formatCurrency(investment.currentValue, { minimumFractionDigits: 0 })}\n </p>\n </div>\n <div>\n <p className=\"text-xs text-text-secondary\">Returns</p>\n <p className=\"text-sm font-semibold text-text-primary\">\n {formatCurrency(investment.returns, { minimumFractionDigits: 0 })}\n </p>\n </div>\n <div>\n <p className=\"text-xs text-text-secondary\">Expected Return</p>\n <p className=\"text-sm font-semibold text-status-success-text\">\n {investment.returnsPercentage}%\n </p>\n </div>\n </div>\n </div>\n ))\n )}\n </div>\n )}\n\n {/ Opportunities Tab /}\n {activeTab === 'opportunities' && (\n <div className=\"space-y-4\">\n <div className=\"flex items-center justify-between\">\n <h3 className=\"text-base font-semibold text-text-primary\">\n Investment Opportunities\n </h3>\n <button\n type=\"button\"\n onClick={() => navigateTo('/investor/opportunities')}\n 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\"\n >\n <Plus className=\"h-4 w-4\" />\n Browse All\n </button>\n </div>\n\n {activeOpportunities.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n title=\"No open opportunities right now\"\n description=\"New carts seeking funding will show up here. Check back soon.\"\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n {activeOpportunities.slice(0, 4).map((opp) => (\n <InvestmentCard\n key={opp.id}\n id={opp.id}\n cartName={opp.cartName}\n targetAmount={opp.targetAmount}\n raisedAmount={opp.raisedAmount}\n expectedReturns={`${opp.expectedReturns}%`}\n riskLevel={opp.riskLevel}\n status={opp.status}\n onClick={(id) => navigateTo(`/investor/opportunity/${id}`)}\n />\n ))}\n </div>\n )}\n </div>\n )}\n </div>\n\n {/ Sidebar /}\n <div className=\"space-y-6\">\n {/ Quick Actions */}\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n <h3 className=\"mb-3 text-base font-semibold text-text-primary\">Quick Actions</h3>\n <div className=\"space-y-2\">\n <button\n type=\"button\"\n onClick={() => navigateTo('/investor/portfolio')}\n 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\"\n >\n <PieChart className=\"h-4 w-4 text-text-secondary\" />\n View Full Portfolio\n </button>\n <button\n type=\"button\"\n onClick={() => navigateTo('/investor/opportunities')}\n 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\"\n >\n <Target className=\"h-4 w-4 text-text-secondary\" />\n Browse Opportunities\n </button>\n <button\n type=\"button\"\n onClick={() => navigateTo('/investor/analytics')}\n 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\"\n >\n <BarChart3 className=\"h-4 w-4 text-text-secondary\" />\n Investment Analytics\n </button>\n <button\n type=\"button\"\n onClick={() => navigateTo('/investor/profile')}\n 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\"\n >\n <Award className=\"h-4 w-4 text-text-secondary\" />\n View Profile\n </button>\n </div>\n </div>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"InvestorDashboard.js","names":[],"sources":["../../../../src/kadaikodi/pages/investor/InvestorDashboard.tsx"],"sourcesContent":["/*\n Investor Dashboard Page\n * @module kadaikodi/pages/investor\n \n Portfolio overview with real metrics derived from the investor's holdings,\n * tab navigation (my investments / new opportunities), and quick actions.\n * All data comes from the live backend — no fabricated insights or activity.\n /\n\nimport { useState, useMemo } from 'react';\nimport {\n Wallet,\n PieChart,\n IndianRupee,\n Target,\n Award,\n Filter,\n Eye,\n Plus,\n BarChart3,\n} from 'lucide-react';\nimport { EmphasisPanel, GlassCard, PagePurpose, NextSteps } from '@burdenoff/fe-libs/ui';\nimport { EmptyState } from '../../components/EmptyState';\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { InvestmentCard } from '../../components/InvestmentCard';\nimport { AreaChart } from '../../components/viz';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useInvestmentOpportunities, useInvestments } from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatDate } from '../../utils/formatters';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction getStatusBadgeColor(status: string): string {\n switch (status) {\n case 'active':\n return 'bg-status-success-bg-subtle text-status-success-text';\n case 'completed':\n return 'bg-[var(--color-accent-soft)] text-text-primary';\n case 'exited':\n return 'bg-bg-sunken text-text-secondary';\n default:\n return 'bg-bg-sunken text-text-secondary';\n }\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function InvestorDashboard() {\n const { navigateTo, currentUser } = useKadaikodi();\n const [activeTab, setActiveTab] = useState<'portfolio' \| 'opportunities'>('portfolio');\n\n const { data: opportunities = [], isLoading: opportunitiesLoading } =\n useInvestmentOpportunities();\n const { data: investments = [], isLoading: investmentsLoading } = useInvestments(\n currentUser?.id \|\| ''\n );\n\n const firstName = currentUser?.firstName ?? currentUser?.name ?? 'Investor';\n\n const activeOpportunities = opportunities.filter((inv) => inv.status === 'active');\n\n const portfolioSummary = useMemo(() => {\n const totalInvested = investments.reduce((sum, inv) => sum + inv.investedAmount, 0);\n const currentValue = investments.reduce((sum, inv) => sum + inv.currentValue, 0);\n const totalReturns = investments.reduce((sum, inv) => sum + inv.returns, 0);\n const roi = totalInvested > 0 ? ((currentValue - totalInvested) / totalInvested) 100 : 0;\n\n return {\n totalInvested,\n currentValue,\n totalReturns,\n roi,\n };\n }, [investments]);\n\n // Portfolio value trend — running total of holding value by date (real).\n const valueTrend = useMemo(() => {\n const sorted = [...investments].sort(\n (a, b) => new Date(a.investmentDate).getTime() - new Date(b.investmentDate).getTime()\n );\n let running = 0;\n const points = sorted.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 return points.length === 1 ? [{ label: 'Start', value: 0 }, ...points] : points;\n }, [investments]);\n\n if (opportunitiesLoading \|\| investmentsLoading) {\n return (\n <PageLayout title=\"Investment Dashboard\" description=\"Loading your portfolio...\">\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 your portfolio...</p>\n </div>\n </div>\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title={`Welcome back, ${firstName}!`}\n description=\"Here's your investment portfolio overview.\"\n >\n <PagePurpose className=\"mb-6\">\n Track how your money is working across the mobile carts you've backed — see what you've\n invested, what it's worth today, and the returns flowing in. Review your active investments\n below or browse new opportunities to diversify.\n </PagePurpose>\n\n <NextSteps\n storageKey=\"kadaikodi-investor-dashboard\"\n className=\"mb-6\"\n steps={[\n {\n id: 'opportunities',\n label: 'Explore new opportunities',\n description: 'Discover carts seeking funding and their projected returns.',\n onClick: () => navigateTo('/investor/opportunities'),\n },\n {\n id: 'portfolio',\n label: 'Review your portfolio',\n description: 'Dig into each active investment and its performance.',\n onClick: () => navigateTo('/investor/portfolio'),\n },\n {\n id: 'analytics',\n label: 'Analyse your returns',\n description: 'See trends and projections across your whole portfolio.',\n onClick: () => navigateTo('/investor/analytics'),\n },\n ]}\n />\n\n {/* Portfolio Summary Metrics — the one emphasis zone /}\n <EmphasisPanel>\n <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Portfolio Overview</h2>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n <MetricsCard\n featured\n icon={<Wallet className=\"h-5 w-5\" />}\n value={formatCurrency(portfolioSummary.totalInvested, { minimumFractionDigits: 0 })}\n label=\"Total Invested\"\n trend=\"up\"\n trendValue=\"Across all businesses\"\n />\n <MetricsCard\n icon={<IndianRupee className=\"h-5 w-5\" />}\n value={formatCurrency(portfolioSummary.currentValue, { minimumFractionDigits: 0 })}\n label=\"Current Value\"\n trend={portfolioSummary.roi >= 0 ? 'up' : 'down'}\n trendValue={`${portfolioSummary.roi >= 0 ? '+' : ''}${portfolioSummary.roi.toFixed(1)}%`}\n />\n <MetricsCard\n icon={<Target className=\"h-5 w-5\" />}\n value={formatCurrency(portfolioSummary.totalReturns, { minimumFractionDigits: 0 })}\n label=\"Total Returns\"\n />\n </div>\n </EmphasisPanel>\n\n {/ Main Content + Sidebar /}\n <div className=\"mt-8 grid grid-cols-1 gap-6 lg:grid-cols-3\">\n {/ Main Content /}\n <div className=\"lg:col-span-2\">\n {/ Tab Navigation /}\n <div className=\"mb-6 flex rounded-lg bg-bg-sunken p-1\">\n <button\n type=\"button\"\n onClick={() => setActiveTab('portfolio')}\n className={cn(\n 'flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors',\n activeTab === 'portfolio'\n ? 'bg-bg-surface text-text-primary shadow-sm'\n : 'text-text-secondary hover:text-text-primary'\n )}\n >\n My Investments\n </button>\n <button\n type=\"button\"\n onClick={() => setActiveTab('opportunities')}\n className={cn(\n 'flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors',\n activeTab === 'opportunities'\n ? 'bg-bg-surface text-text-primary shadow-sm'\n : 'text-text-secondary hover:text-text-primary'\n )}\n >\n New Opportunities\n </button>\n </div>\n\n {/ Portfolio Tab /}\n {activeTab === 'portfolio' && (\n <div className=\"space-y-4\">\n <div className=\"flex items-center justify-between\">\n <h3 className=\"text-base font-semibold text-text-primary\">Active Investments</h3>\n <button\n type=\"button\"\n onClick={() => navigateTo('/investor/investments')}\n 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\"\n >\n <Filter className=\"h-4 w-4\" />\n View all\n </button>\n </div>\n\n {investments.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n title=\"No active investments yet\"\n description=\"Once you back a cart, your investments will appear here. Browse open opportunities to get started.\"\n action={\n <button\n type=\"button\"\n onClick={() => setActiveTab('opportunities')}\n className=\"rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n >\n Browse opportunities\n </button>\n }\n />\n ) : (\n investments.map((investment) => (\n <div\n key={investment.id}\n className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm hover:shadow-md transition-shadow\"\n >\n <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n <div className=\"flex-1\">\n <div className=\"mb-2 flex flex-wrap items-center gap-2\">\n <h4 className=\"text-base font-semibold text-text-primary\">\n {investment.cartName}\n </h4>\n <span\n className={cn(\n 'rounded-full px-2 py-0.5 text-xs font-medium',\n getStatusBadgeColor(investment.status)\n )}\n >\n {investment.status}\n </span>\n </div>\n </div>\n <button\n type=\"button\"\n onClick={() => navigateTo(`/investor/investments/${investment.id}`)}\n 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\"\n >\n <Eye className=\"h-4 w-4\" />\n View Details\n </button>\n </div>\n\n <div className=\"mt-3 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n <div>\n <p className=\"text-xs text-text-secondary\">Invested</p>\n <p className=\"text-sm font-semibold text-text-primary\">\n {formatCurrency(investment.investedAmount, { minimumFractionDigits: 0 })}\n </p>\n </div>\n <div>\n <p className=\"text-xs text-text-secondary\">Current Value</p>\n <p className=\"text-sm font-semibold text-status-success-text\">\n {formatCurrency(investment.currentValue, { minimumFractionDigits: 0 })}\n </p>\n </div>\n <div>\n <p className=\"text-xs text-text-secondary\">Returns</p>\n <p className=\"text-sm font-semibold text-text-primary\">\n {formatCurrency(investment.returns, { minimumFractionDigits: 0 })}\n </p>\n </div>\n <div>\n <p className=\"text-xs text-text-secondary\">Expected Return</p>\n <p className=\"text-sm font-semibold text-status-success-text\">\n {investment.returnsPercentage}%\n </p>\n </div>\n </div>\n </div>\n ))\n )}\n </div>\n )}\n\n {/ Opportunities Tab /}\n {activeTab === 'opportunities' && (\n <div className=\"space-y-4\">\n <div className=\"flex items-center justify-between\">\n <h3 className=\"text-base font-semibold text-text-primary\">\n Investment Opportunities\n </h3>\n <button\n type=\"button\"\n onClick={() => navigateTo('/investor/opportunities')}\n 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\"\n >\n <Plus className=\"h-4 w-4\" />\n Browse All\n </button>\n </div>\n\n {activeOpportunities.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n title=\"No open opportunities right now\"\n description=\"New carts seeking funding will show up here. Check back soon.\"\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n {activeOpportunities.slice(0, 4).map((opp) => (\n <InvestmentCard\n key={opp.id}\n id={opp.id}\n cartName={opp.cartName}\n targetAmount={opp.targetAmount}\n raisedAmount={opp.raisedAmount}\n expectedReturns={`${opp.expectedReturns}%`}\n riskLevel={opp.riskLevel}\n status={opp.status}\n onClick={(id) => navigateTo(`/investor/opportunity/${id}`)}\n />\n ))}\n </div>\n )}\n </div>\n )}\n </div>\n\n {/ Sidebar /}\n <div className=\"space-y-6\">\n {/ Portfolio value trend /}\n {investments.length > 0 && (\n <GlassCard treatment=\"plain\" className=\"p-4 sm:p-5\">\n <h3 className=\"mb-3 text-base font-semibold text-text-primary\">\n Portfolio Value Trend\n </h3>\n <AreaChart\n series={valueTrend}\n height={160}\n valueFormatter={(v) =>\n formatCurrency(v, { minimumFractionDigits: 0, notation: 'compact' })\n }\n title=\"Cumulative portfolio value by holding date\"\n />\n </GlassCard>\n )}\n\n {/ Quick Actions */}\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n <h3 className=\"mb-3 text-base font-semibold text-text-primary\">Quick Actions</h3>\n <div className=\"space-y-2\">\n <button\n type=\"button\"\n onClick={() => navigateTo('/investor/portfolio')}\n 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\"\n >\n <PieChart className=\"h-4 w-4 text-text-secondary\" />\n View Full Portfolio\n </button>\n <button\n type=\"button\"\n onClick={() => navigateTo('/investor/opportunities')}\n 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\"\n >\n <Target className=\"h-4 w-4 text-text-secondary\" />\n Browse Opportunities\n </button>\n <button\n type=\"button\"\n onClick={() => navigateTo('/investor/analytics')}\n 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\"\n >\n <BarChart3 className=\"h-4 w-4 text-text-secondary\" />\n Investment Analytics\n </button>\n <button\n type=\"button\"\n onClick={() => navigateTo('/investor/profile')}\n 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\"\n >\n <Award className=\"h-4 w-4 text-text-secondary\" />\n View Profile\n </button>\n </div>\n </div>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/kadaikodi/pages/investor/InvestorInvestmentsPage.js CHANGED Viewed

@@ -1,16 +1,18 @@
 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 { useInvestments as a } from "../../hooks/useKadaikodiApi.js";
-import { formatCurrency as o, formatDate as s } from "../../utils/formatters.js";
-import { useMemo as c, useState as l } from "react";
-import { CheckCircle2 as u, Clock as d, Eye as f, IndianRupee as p, Plus as m, TrendingDown as h, TrendingUp as g, Wallet as _ } from "lucide-react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { EmphasisPanel as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { useInvestments as i } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as a, formatDate as o } from "../../utils/formatters.js";
+import { MetricsCard as s } from "../../components/MetricsCard.js";
+import { AllocationBar as c } from "../../components/viz/AllocationBar.js";
+import "../../components/viz/index.js";
+import { useMemo as l, useState as u } from "react";
+import { CheckCircle2 as d, Clock as f, Eye as p, IndianRupee as m, Plus as h, TrendingDown as g, TrendingUp as _, Wallet as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { EmphasisPanel as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/investor/InvestorInvestmentsPage.tsx
-var S = [
+var C = [
 	{
 		key: "all",
 		label: "All Investments"
@@ -28,7 +30,7 @@ var S = [
 		label: "Exited"
 	}
 ];
-function C(e) {
+function w(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";
@@ -36,231 +38,251 @@ function C(e) {
 		default: return "bg-bg-sunken text-text-secondary";
 	}
 }
-function w(e) {
+function T(e) {
 	switch (e) {
-		case "active": return /* @__PURE__ */ v(u, { className: "h-4 w-4" });
-		case "completed": return /* @__PURE__ */ v(u, { className: "h-4 w-4" });
-		default: return /* @__PURE__ */ v(d, { className: "h-4 w-4" });
+		case "active": return /* @__PURE__ */ y(d, { className: "h-4 w-4" });
+		case "completed": return /* @__PURE__ */ y(d, { className: "h-4 w-4" });
+		default: return /* @__PURE__ */ y(f, { className: "h-4 w-4" });
 	}
 }
-function T(e) {
+function E(e) {
 	return e.currentValue - e.investedAmount;
 }
-function E(e) {
-	return e.investedAmount > 0 ? T(e) / e.investedAmount * 100 : 0;
+function D(e) {
+	return e.investedAmount > 0 ? E(e) / e.investedAmount * 100 : 0;
 }
-function D() {
-	let { navigateTo: d, currentUser: D } = e(), { data: O = [], isLoading: k } = a(D?.id || ""), [A, j] = l("all"), M = c(() => A === "all" ? O : O.filter((e) => e.status === A), [A, O]), N = c(() => {
-		let e = O.reduce((e, t) => e + t.investedAmount, 0), t = O.reduce((e, t) => e + t.currentValue, 0), n = O.reduce((e, t) => e + t.returns, 0), r = t - e;
+function O() {
+	let { navigateTo: f, currentUser: O } = e(), { data: k = [], isLoading: A } = i(O?.id || ""), [j, M] = u("all"), N = l(() => j === "all" ? k : k.filter((e) => e.status === j), [j, k]), P = l(() => {
+		let e = k.reduce((e, t) => e + t.investedAmount, 0), t = k.reduce((e, t) => e + t.currentValue, 0), n = k.reduce((e, t) => e + t.returns, 0), r = t - e;
 		return {
 			totalInvested: e,
 			currentValue: t,
 			totalReturns: n,
 			pl: r,
 			plPct: e > 0 ? r / e * 100 : 0,
-			activeInvestments: O.filter((e) => e.status === "active").length
+			activeInvestments: k.filter((e) => e.status === "active").length
 		};
-	}, [O]);
-	function P(e) {
-		return e === "all" ? O.length : O.filter((t) => t.status === e).length;
+	}, [k]), F = l(() => {
+		let e = k.reduce((e, t) => (e[t.cartName] = (e[t.cartName] || 0) + t.currentValue, e), {});
+		return Object.entries(e).map(([e, t]) => ({
+			label: e,
+			value: t
+		})).sort((e, t) => t.value - e.value);
+	}, [k]);
+	function I(e) {
+		return e === "all" ? k.length : k.filter((t) => t.status === e).length;
 	}
-	return k ? /* @__PURE__ */ v(n, {
+	return A ? /* @__PURE__ */ y(n, {
 		title: "My Investments",
 		description: "Loading your investments...",
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "flex items-center justify-center py-20",
-			children: /* @__PURE__ */ y("div", {
+			children: /* @__PURE__ */ b("div", {
 				className: "text-center",
-				children: [/* @__PURE__ */ v("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ v("p", {
+				children: [/* @__PURE__ */ y("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ y("p", {
 					className: "text-sm text-text-secondary",
 					children: "Loading your investments..."
 				})]
 			})
 		})
-	}) : /* @__PURE__ */ y(n, {
+	}) : /* @__PURE__ */ b(n, {
 		title: "My Investments",
 		description: "Track and manage your investment portfolio",
-		actions: /* @__PURE__ */ y("button", {
+		actions: /* @__PURE__ */ b("button", {
 			type: "button",
-			onClick: () => d("/investor/opportunities"),
+			onClick: () => f("/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__ */ v(m, { className: "h-4 w-4" }), "New Investment"]
+			children: [/* @__PURE__ */ y(h, { className: "h-4 w-4" }), "New Investment"]
 		}),
 		children: [
-			/* @__PURE__ */ v(x, {
+			/* @__PURE__ */ y(S, {
 				className: "mb-6",
 				children: "Your active holdings in one place. Use this page to track every cart you've backed — what you put in, what it's worth now, the returns you've earned, and which investments are still active. Filter by status to focus, open any investment for the full picture, or start a New Investment when you're ready to grow your portfolio."
 			}),
-			/* @__PURE__ */ y(b, { children: [/* @__PURE__ */ v("h2", {
-				className: "mb-4 text-base font-semibold text-text-primary",
-				children: "Portfolio Summary"
-			}), /* @__PURE__ */ y("div", {
-				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				children: [
-					/* @__PURE__ */ v(r, {
-						icon: /* @__PURE__ */ v(_, { className: "h-5 w-5" }),
-						value: o(N.totalInvested, { minimumFractionDigits: 0 }),
-						label: "Total Invested"
-					}),
-					/* @__PURE__ */ v(r, {
-						icon: /* @__PURE__ */ v(p, { className: "h-5 w-5" }),
-						value: o(N.currentValue, { minimumFractionDigits: 0 }),
-						label: "Current Value",
-						trend: N.pl >= 0 ? "up" : "down",
-						trendValue: `${N.plPct >= 0 ? "+" : ""}${N.plPct.toFixed(1)}%`
-					}),
-					/* @__PURE__ */ v(r, {
-						icon: /* @__PURE__ */ v(g, { className: "h-5 w-5" }),
-						value: o(N.totalReturns, { minimumFractionDigits: 0 }),
-						label: "Total Returns"
-					}),
-					/* @__PURE__ */ v(r, {
-						icon: /* @__PURE__ */ v(u, { className: "h-5 w-5" }),
-						value: String(N.activeInvestments),
-						label: "Active Investments",
-						trend: "neutral"
+			/* @__PURE__ */ b(x, { children: [
+				/* @__PURE__ */ y("h2", {
+					className: "mb-4 text-base font-semibold text-text-primary",
+					children: "Portfolio Summary"
+				}),
+				/* @__PURE__ */ b("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+					children: [
+						/* @__PURE__ */ y(s, {
+							icon: /* @__PURE__ */ y(v, { className: "h-5 w-5" }),
+							value: a(P.totalInvested, { minimumFractionDigits: 0 }),
+							label: "Total Invested"
+						}),
+						/* @__PURE__ */ y(s, {
+							icon: /* @__PURE__ */ y(m, { className: "h-5 w-5" }),
+							value: a(P.currentValue, { minimumFractionDigits: 0 }),
+							label: "Current Value",
+							trend: P.pl >= 0 ? "up" : "down",
+							trendValue: `${P.plPct >= 0 ? "+" : ""}${P.plPct.toFixed(1)}%`
+						}),
+						/* @__PURE__ */ y(s, {
+							icon: /* @__PURE__ */ y(_, { className: "h-5 w-5" }),
+							value: a(P.totalReturns, { minimumFractionDigits: 0 }),
+							label: "Total Returns"
+						}),
+						/* @__PURE__ */ y(s, {
+							icon: /* @__PURE__ */ y(d, { className: "h-5 w-5" }),
+							value: String(P.activeInvestments),
+							label: "Active Investments",
+							trend: "neutral"
+						})
+					]
+				}),
+				F.length > 1 && /* @__PURE__ */ y("div", {
+					className: "mt-4 rounded-lg border border-border-subtle bg-bg-surface p-4",
+					children: /* @__PURE__ */ y(c, {
+						segments: F,
+						label: "Allocation by cart",
+						rightLabel: a(P.currentValue, {
+							minimumFractionDigits: 0,
+							notation: "compact"
+						})
 					})
-				]
-			})] }),
-			/* @__PURE__ */ v("div", {
+				})
+			] }),
+			/* @__PURE__ */ y("div", {
 				className: "mt-6 rounded-lg border border-border-subtle bg-bg-surface p-4",
-				children: /* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ y("div", {
 					className: "flex flex-wrap gap-2",
-					children: S.map((e) => /* @__PURE__ */ y("button", {
+					children: C.map((e) => /* @__PURE__ */ b("button", {
 						type: "button",
-						onClick: () => j(e.key),
-						className: t("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors", A === e.key ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary hover:bg-bg-sunken/80"),
-						children: [e.label, /* @__PURE__ */ v("span", {
-							className: t("rounded-full px-2 py-0.5 text-xs", A === e.key ? "bg-primary-foreground/20 text-action-primary-text" : "bg-action-primary-bg/10 text-primary"),
-							children: P(e.key)
+						onClick: () => M(e.key),
+						className: t("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors", j === e.key ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary hover:bg-bg-sunken/80"),
+						children: [e.label, /* @__PURE__ */ y("span", {
+							className: t("rounded-full px-2 py-0.5 text-xs", j === e.key ? "bg-primary-foreground/20 text-action-primary-text" : "bg-action-primary-bg/10 text-primary"),
+							children: I(e.key)
 						})]
 					}, e.key))
 				})
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "mt-6 space-y-4",
-				children: M.length > 0 ? M.map((e) => {
-					let n = T(e), r = E(e);
-					return /* @__PURE__ */ y("div", {
+				children: N.length > 0 ? N.map((e) => {
+					let n = E(e), r = D(e);
+					return /* @__PURE__ */ b("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "block space-y-4 lg:hidden",
 							children: [
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "flex items-start justify-between",
-									children: [/* @__PURE__ */ v("h3", {
+									children: [/* @__PURE__ */ y("h3", {
 										className: "text-lg font-semibold text-text-primary",
 										children: e.cartName
-									}), /* @__PURE__ */ y("span", {
-										className: t("flex items-center gap-1 rounded-full px-3 py-1 text-sm font-medium", C(e.status)),
-										children: [w(e.status), /* @__PURE__ */ v("span", {
+									}), /* @__PURE__ */ b("span", {
+										className: t("flex items-center gap-1 rounded-full px-3 py-1 text-sm font-medium", w(e.status)),
+										children: [T(e.status), /* @__PURE__ */ y("span", {
 											className: "capitalize",
 											children: e.status
 										})]
 									})]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "grid grid-cols-2 gap-4",
 									children: [
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
 											children: "Invested"
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "font-semibold text-text-primary",
-											children: o(e.investedAmount, { minimumFractionDigits: 0 })
+											children: a(e.investedAmount, { minimumFractionDigits: 0 })
 										})] }),
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
 											children: "Current Value"
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "font-semibold text-text-primary",
-											children: o(e.currentValue, { minimumFractionDigits: 0 })
+											children: a(e.currentValue, { minimumFractionDigits: 0 })
 										})] }),
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
 											children: "P&L"
-										}), /* @__PURE__ */ y("p", {
+										}), /* @__PURE__ */ b("p", {
 											className: t("font-semibold", n >= 0 ? "text-status-success-text" : "text-status-error-text"),
 											children: [
 												n >= 0 ? "+" : "",
-												o(n, { minimumFractionDigits: 0 }),
+												a(n, { minimumFractionDigits: 0 }),
 												" (",
 												r >= 0 ? "+" : "",
 												r.toFixed(1),
 												"%)"
 											]
 										})] }),
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
 											children: "Expected Return"
-										}), /* @__PURE__ */ y("p", {
+										}), /* @__PURE__ */ b("p", {
 											className: "font-semibold text-text-primary",
 											children: [e.returnsPercentage, "%"]
 										})] })
 									]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "flex items-center justify-between border-t border-border-subtle pt-2",
-									children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 										className: "text-xs text-text-secondary",
 										children: "Invested on"
-									}), /* @__PURE__ */ v("p", {
+									}), /* @__PURE__ */ y("p", {
 										className: "text-sm font-medium text-text-primary",
-										children: s(e.investmentDate, {
+										children: o(e.investmentDate, {
 											hour: void 0,
 											minute: void 0
 										})
-									})] }), /* @__PURE__ */ y("button", {
+									})] }), /* @__PURE__ */ b("button", {
 										type: "button",
-										onClick: () => d(`/investor/investments/${e.id}`),
+										onClick: () => f(`/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__ */ v(f, { className: "h-4 w-4" }), "View Details"]
+										children: [/* @__PURE__ */ y(p, { className: "h-4 w-4" }), "View Details"]
 									})]
 								})
 							]
-						}), /* @__PURE__ */ y("div", {
+						}), /* @__PURE__ */ b("div", {
 							className: "hidden lg:flex lg:items-center lg:justify-between",
-							children: [/* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ b("div", {
 								className: "min-w-0 flex-1",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ b("div", {
 									className: "mb-4 flex items-center justify-between",
-									children: [/* @__PURE__ */ v("h3", {
+									children: [/* @__PURE__ */ y("h3", {
 										className: "text-lg font-semibold text-text-primary",
 										children: e.cartName
-									}), /* @__PURE__ */ y("span", {
-										className: t("flex items-center gap-1 rounded-full px-3 py-1 text-sm font-medium", C(e.status)),
-										children: [w(e.status), /* @__PURE__ */ v("span", {
+									}), /* @__PURE__ */ b("span", {
+										className: t("flex items-center gap-1 rounded-full px-3 py-1 text-sm font-medium", w(e.status)),
+										children: [T(e.status), /* @__PURE__ */ y("span", {
 											className: "capitalize",
 											children: e.status
 										})]
 									})]
-								}), /* @__PURE__ */ y("div", {
+								}), /* @__PURE__ */ b("div", {
 									className: "grid grid-cols-5 gap-6",
 									children: [
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
 											children: "Invested"
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "font-semibold text-text-primary",
-											children: o(e.investedAmount, { minimumFractionDigits: 0 })
+											children: a(e.investedAmount, { minimumFractionDigits: 0 })
 										})] }),
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
 											children: "Current Value"
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "font-semibold text-text-primary",
-											children: o(e.currentValue, { minimumFractionDigits: 0 })
+											children: a(e.currentValue, { minimumFractionDigits: 0 })
 										})] }),
-										/* @__PURE__ */ y("div", { children: [
-											/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ b("div", { children: [
+											/* @__PURE__ */ y("p", {
 												className: "text-sm text-text-secondary",
 												children: "P&L"
 											}),
-											/* @__PURE__ */ y("p", {
+											/* @__PURE__ */ b("p", {
 												className: t("font-semibold", n >= 0 ? "text-status-success-text" : "text-status-error-text"),
-												children: [n >= 0 ? "+" : "", o(n, { minimumFractionDigits: 0 })]
+												children: [n >= 0 ? "+" : "", a(n, { minimumFractionDigits: 0 })]
 											}),
-											/* @__PURE__ */ y("p", {
+											/* @__PURE__ */ b("p", {
 												className: t("text-xs", n >= 0 ? "text-status-success-text" : "text-status-error-text"),
 												children: [
 													"(",
@@ -270,43 +292,43 @@ function D() {
 												]
 											})
 										] }),
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
 											children: "Expected Return"
-										}), /* @__PURE__ */ y("p", {
+										}), /* @__PURE__ */ b("p", {
 											className: "font-semibold text-text-primary",
 											children: [e.returnsPercentage, "%"]
 										})] }),
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
 											children: "Invested on"
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "font-semibold text-text-primary",
-											children: s(e.investmentDate, {
+											children: o(e.investmentDate, {
 												hour: void 0,
 												minute: void 0
 											})
 										})] })
 									]
 								})]
-							}), /* @__PURE__ */ v("div", {
+							}), /* @__PURE__ */ y("div", {
 								className: "ml-6",
-								children: /* @__PURE__ */ y("button", {
+								children: /* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => d(`/investor/investments/${e.id}`),
+									onClick: () => f(`/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__ */ v(f, { className: "h-4 w-4" }), "View Details"]
+									children: [/* @__PURE__ */ y(p, { className: "h-4 w-4" }), "View Details"]
 								})
 							})]
 						})]
 					}, e.id);
-				}) : /* @__PURE__ */ v(i, {
-					icon: /* @__PURE__ */ v(h, { className: "h-12 w-12" }),
-					title: `No ${A === "all" ? "" : A} investments found`,
-					description: A === "all" ? "You haven't made any investments yet. Start exploring opportunities to grow your wealth." : `You don't have any ${A} investments at the moment.`,
-					action: /* @__PURE__ */ v("button", {
+				}) : /* @__PURE__ */ y(r, {
+					icon: /* @__PURE__ */ y(g, { className: "h-12 w-12" }),
+					title: `No ${j === "all" ? "" : j} investments found`,
+					description: j === "all" ? "You haven't made any investments yet. Start exploring opportunities to grow your wealth." : `You don't have any ${j} investments at the moment.`,
+					action: /* @__PURE__ */ y("button", {
 						type: "button",
-						onClick: () => d("/investor/opportunities"),
+						onClick: () => f("/investor/opportunities"),
 						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",
 						children: "Explore Investment Opportunities"
 					})
@@ -316,6 +338,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as InvestorInvestmentsPage };
+export { O as InvestorInvestmentsPage };
 //# sourceMappingURL=InvestorInvestmentsPage.js.map