@burdenoff/microfe-kadaikodi 2026.626.2 → 2026.704.1

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

@@ -1 +1 @@
-{"version":3,"file":"InvestmentOpportunitiesPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/investor/InvestmentOpportunitiesPage.tsx"],"sourcesContent":["/**\n * Investment Opportunities Page\n * @module kadaikodi/pages/investor\n *\n * Platform stats, 6 filters (search/category/risk/amount/location/sort),\n * invest modal with amount calculator, opportunity cards with images/funding\n * progress/business metrics/documents.\n */\n\nimport { useState, useEffect, useCallback, useMemo } from 'react';\nimport {\n  Search,\n  SlidersHorizontal,\n  MapPin,\n  Star,\n  Clock,\n  Users,\n  TrendingUp,\n  FileText,\n  IndianRupee,\n  Eye,\n  X,\n  Briefcase,\n  Target,\n  Award,\n  CheckCircle2,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatNumber } from '../../utils/formatters';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ninterface InvestmentOpportunity {\n  id: string;\n  cartId: string;\n  cartName: string;\n  cartOwner: string;\n  description: string;\n  targetAmount: number;\n  raisedAmount: number;\n  minimumInvestment: number;\n  maximumInvestment: number;\n  investorCount: number;\n  daysLeft: number;\n  expectedReturns: number;\n  paybackPeriod: number;\n  riskLevel: 'low' | 'medium' | 'high';\n  category: string;\n  location: string;\n  image: string;\n  businessMetrics: {\n    monthlyRevenue: number;\n    monthlyOrders: number;\n    averageOrderValue: number;\n    rating: number;\n    reviewCount: number;\n    operatingSince: string;\n  };\n  financials: {\n    grossMargin: number;\n    netMargin: number;\n    monthlyExpenses: number;\n    breakEvenAchieved: boolean;\n  };\n  investmentTerms: {\n    equityOffered: number;\n    dividendFrequency: 'monthly' | 'quarterly' | 'yearly';\n    lockInPeriod: number;\n    exitOptions: string[];\n  };\n  documents: Array<{ name: string; type: string; uploadedOn: string }>;\n  status: 'active' | 'funded' | 'closed';\n}\n\ninterface OpportunityFilters {\n  searchQuery: string;\n  category: string;\n  riskLevel: string;\n  minimumAmount: string;\n  location: string;\n  sortBy: string;\n}\n\n// ---------------------------------------------------------------------------\n// Mock data\n// ---------------------------------------------------------------------------\n\nconst mockOpportunities: InvestmentOpportunity[] = [\n  {\n    id: 'opp-001',\n    cartId: 'cart-005',\n    cartName: 'Organic Salad Bar',\n    cartOwner: 'Sarah Johnson',\n    description:\n      'Premium organic salad bar serving health-conscious customers in tech parks. Looking to expand to 3 new locations.',\n    targetAmount: 500000,\n    raisedAmount: 325000,\n    minimumInvestment: 25000,\n    maximumInvestment: 100000,\n    investorCount: 8,\n    daysLeft: 15,\n    expectedReturns: 22,\n    paybackPeriod: 36,\n    riskLevel: 'low',\n    category: 'Healthy Food',\n    location: 'Whitefield, Bangalore',\n    image: 'https://images.unsplash.com/photo-1512621776951-a57141f2eefd?w=400',\n    businessMetrics: {\n      monthlyRevenue: 280000,\n      monthlyOrders: 1800,\n      averageOrderValue: 156,\n      rating: 4.9,\n      reviewCount: 342,\n      operatingSince: '2022-03-15',\n    },\n    financials: {\n      grossMargin: 65,\n      netMargin: 28,\n      monthlyExpenses: 78000,\n      breakEvenAchieved: true,\n    },\n    investmentTerms: {\n      equityOffered: 25,\n      dividendFrequency: 'monthly',\n      lockInPeriod: 24,\n      exitOptions: ['Buyback', 'Secondary Sale', 'IPO'],\n    },\n    documents: [\n      { name: 'Business Plan', type: 'PDF', uploadedOn: '2024-06-01' },\n      { name: 'Financial Statements', type: 'PDF', uploadedOn: '2024-06-01' },\n      { name: 'Legal Documents', type: 'PDF', uploadedOn: '2024-06-01' },\n    ],\n    status: 'active',\n  },\n  {\n    id: 'opp-002',\n    cartId: 'cart-006',\n    cartName: 'Midnight Munchies',\n    cartOwner: 'Ravi Mehta',\n    description:\n      'Late-night food delivery cart specializing in comfort food for night shift workers and students. Operating near IT corridors.',\n    targetAmount: 300000,\n    raisedAmount: 180000,\n    minimumInvestment: 15000,\n    maximumInvestment: 75000,\n    investorCount: 12,\n    daysLeft: 22,\n    expectedReturns: 18,\n    paybackPeriod: 30,\n    riskLevel: 'medium',\n    category: 'Fast Food',\n    location: 'Electronic City, Bangalore',\n    image: 'https://images.unsplash.com/photo-1565299624946-b28f40a0ae38?w=400',\n    businessMetrics: {\n      monthlyRevenue: 195000,\n      monthlyOrders: 1200,\n      averageOrderValue: 163,\n      rating: 4.7,\n      reviewCount: 256,\n      operatingSince: '2023-01-10',\n    },\n    financials: {\n      grossMargin: 58,\n      netMargin: 22,\n      monthlyExpenses: 65000,\n      breakEvenAchieved: true,\n    },\n    investmentTerms: {\n      equityOffered: 20,\n      dividendFrequency: 'quarterly',\n      lockInPeriod: 18,\n      exitOptions: ['Buyback', 'Secondary Sale'],\n    },\n    documents: [\n      { name: 'Business Plan', type: 'PDF', uploadedOn: '2024-06-05' },\n      { name: 'Market Analysis', type: 'PDF', uploadedOn: '2024-06-05' },\n    ],\n    status: 'active',\n  },\n  {\n    id: 'opp-003',\n    cartId: 'cart-007',\n    cartName: 'Fusion Street Tacos',\n    cartOwner: 'Maria Rodriguez',\n    description:\n      'Innovative fusion taco cart combining Mexican and Indian flavors. Winner of Street Food Awards 2023.',\n    targetAmount: 400000,\n    raisedAmount: 400000,\n    minimumInvestment: 20000,\n    maximumInvestment: 80000,\n    investorCount: 15,\n    daysLeft: 0,\n    expectedReturns: 25,\n    paybackPeriod: 24,\n    riskLevel: 'low',\n    category: 'Fusion Food',\n    location: 'Indiranagar, Bangalore',\n    image: 'https://images.unsplash.com/photo-1551504734-5ee1c4a1479b?w=400',\n    businessMetrics: {\n      monthlyRevenue: 320000,\n      monthlyOrders: 2100,\n      averageOrderValue: 152,\n      rating: 4.8,\n      reviewCount: 512,\n      operatingSince: '2021-08-20',\n    },\n    financials: {\n      grossMargin: 68,\n      netMargin: 32,\n      monthlyExpenses: 85000,\n      breakEvenAchieved: true,\n    },\n    investmentTerms: {\n      equityOffered: 30,\n      dividendFrequency: 'monthly',\n      lockInPeriod: 12,\n      exitOptions: ['Buyback', 'Franchise Conversion'],\n    },\n    documents: [\n      { name: 'Business Plan', type: 'PDF', uploadedOn: '2024-05-20' },\n      { name: 'Awards & Recognition', type: 'PDF', uploadedOn: '2024-05-20' },\n    ],\n    status: 'funded',\n  },\n  {\n    id: 'opp-004',\n    cartId: 'cart-008',\n    cartName: 'Bubble Tea Express',\n    cartOwner: 'Chen Wei',\n    description:\n      'Trendy bubble tea cart with proprietary recipes. Planning expansion through franchise model.',\n    targetAmount: 600000,\n    raisedAmount: 120000,\n    minimumInvestment: 30000,\n    maximumInvestment: 150000,\n    investorCount: 4,\n    daysLeft: 45,\n    expectedReturns: 20,\n    paybackPeriod: 36,\n    riskLevel: 'high',\n    category: 'Beverages',\n    location: 'Koramangala, Bangalore',\n    image: 'https://images.unsplash.com/photo-1558857563-b371033873b8?w=400',\n    businessMetrics: {\n      monthlyRevenue: 150000,\n      monthlyOrders: 900,\n      averageOrderValue: 167,\n      rating: 4.6,\n      reviewCount: 189,\n      operatingSince: '2023-11-01',\n    },\n    financials: {\n      grossMargin: 72,\n      netMargin: 18,\n      monthlyExpenses: 55000,\n      breakEvenAchieved: false,\n    },\n    investmentTerms: {\n      equityOffered: 35,\n      dividendFrequency: 'quarterly',\n      lockInPeriod: 36,\n      exitOptions: ['Franchise Sale', 'Acquisition'],\n    },\n    documents: [\n      { name: 'Franchise Plan', type: 'PDF', uploadedOn: '2024-06-10' },\n      { name: 'Recipe Patents', type: 'PDF', uploadedOn: '2024-06-10' },\n    ],\n    status: 'active',\n  },\n];\n\nconst platformStats = {\n  totalOpportunities: 24,\n  averageReturns: 21.5,\n  totalFunded: 15600000,\n  successRate: 89,\n};\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction getRiskBadgeColor(risk: string): string {\n  switch (risk) {\n    case 'low':\n      return 'bg-status-success-bg-subtle text-status-success-text';\n    case 'medium':\n      return 'bg-status-warning-bg-subtle text-status-warning-text';\n    case 'high':\n      return 'bg-status-error-bg-subtle text-status-error-text';\n    default:\n      return 'bg-secondary text-secondary-foreground';\n  }\n}\n\nfunction getRiskLabel(risk: string): string {\n  switch (risk) {\n    case 'low':\n      return 'Low Risk';\n    case 'medium':\n      return 'Medium Risk';\n    case 'high':\n      return 'High Risk';\n    default:\n      return risk;\n  }\n}\n\nfunction getFundingPercentage(raised: number, target: number): number {\n  return target > 0 ? Math.min((raised / target) * 100, 100) : 0;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function InvestmentOpportunitiesPage() {\n  const { navigateTo } = useKadaikodi();\n  const [isLoading, setIsLoading] = useState(true);\n  const [selectedOpportunity, setSelectedOpportunity] = useState<InvestmentOpportunity | null>(\n    null\n  );\n  const [showInvestModal, setShowInvestModal] = useState(false);\n  const [investmentAmount, setInvestmentAmount] = useState('');\n  const [investStatus, setInvestStatus] = useState<'idle' | 'success' | 'error'>('idle');\n\n  const [filters, setFilters] = useState<OpportunityFilters>({\n    searchQuery: '',\n    category: '',\n    riskLevel: '',\n    minimumAmount: '',\n    location: '',\n    sortBy: 'featured',\n  });\n\n  useEffect(() => {\n    const timer = setTimeout(() => setIsLoading(false), 600);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const handleFilterChange = useCallback((key: keyof OpportunityFilters, value: string) => {\n    setFilters((prev) => ({ ...prev, [key]: value }));\n  }, []);\n\n  const filteredOpportunities = useMemo(() => {\n    let filtered = [...mockOpportunities];\n\n    // Search\n    if (filters.searchQuery.trim()) {\n      const query = filters.searchQuery.toLowerCase();\n      filtered = filtered.filter(\n        (opp) =>\n          opp.cartName.toLowerCase().includes(query) ||\n          opp.description.toLowerCase().includes(query) ||\n          opp.category.toLowerCase().includes(query)\n      );\n    }\n\n    // Category\n    if (filters.category) {\n      filtered = filtered.filter((opp) => opp.category === filters.category);\n    }\n\n    // Risk level\n    if (filters.riskLevel) {\n      filtered = filtered.filter((opp) => opp.riskLevel === filters.riskLevel);\n    }\n\n    // Location\n    if (filters.location) {\n      filtered = filtered.filter((opp) => opp.location.includes(filters.location));\n    }\n\n    // Minimum amount\n    if (filters.minimumAmount) {\n      const minAmount = parseInt(filters.minimumAmount, 10);\n      filtered = filtered.filter((opp) => opp.minimumInvestment <= minAmount);\n    }\n\n    // Sort\n    switch (filters.sortBy) {\n      case 'returns':\n        filtered.sort((a, b) => b.expectedReturns - a.expectedReturns);\n        break;\n      case 'funding':\n        filtered.sort((a, b) => b.raisedAmount / b.targetAmount - a.raisedAmount / a.targetAmount);\n        break;\n      case 'closing':\n        filtered.sort((a, b) => a.daysLeft - b.daysLeft);\n        break;\n      case 'minimum':\n        filtered.sort((a, b) => a.minimumInvestment - b.minimumInvestment);\n        break;\n      default:\n        break;\n    }\n\n    return filtered;\n  }, [filters]);\n\n  const handleInvest = useCallback(() => {\n    if (!selectedOpportunity || !investmentAmount) return;\n\n    const amount = parseInt(investmentAmount, 10);\n    if (isNaN(amount)) return;\n\n    if (amount < selectedOpportunity.minimumInvestment) {\n      setInvestStatus('error');\n      return;\n    }\n    if (amount > selectedOpportunity.maximumInvestment) {\n      setInvestStatus('error');\n      return;\n    }\n\n    setInvestStatus('success');\n    setTimeout(() => {\n      setShowInvestModal(false);\n      setInvestmentAmount('');\n      setInvestStatus('idle');\n      navigateTo('/investor/portfolio');\n    }, 1500);\n  }, [selectedOpportunity, investmentAmount, navigateTo]);\n\n  const openInvestModal = useCallback((opportunity: InvestmentOpportunity) => {\n    setSelectedOpportunity(opportunity);\n    setInvestmentAmount('');\n    setInvestStatus('idle');\n    setShowInvestModal(true);\n  }, []);\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Investment Opportunities\" description=\"Loading opportunities...\">\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 opportunities...</p>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Investment Opportunities\"\n      description=\"Discover and invest in growing local businesses\"\n      actions={\n        <span className=\"text-sm text-text-secondary\">\n          {filteredOpportunities.length} opportunities\n        </span>\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        The deal flow — local carts and businesses looking for funding right now. Use this page to\n        discover opportunities that fit your strategy, compare projected returns and equity on offer,\n        filter by category or funding stage, and back the ones you believe in. The stats up top show\n        how the platform is performing so you can gauge typical returns and success rates before you\n        commit.\n      </PagePurpose>\n\n      {/* Platform Stats — the one emphasis zone for this page */}\n      <EmphasisPanel>\n        <h2 className=\"mb-4 text-base font-semibold text-text-primary\">Platform Performance</h2>\n        <div className=\"grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4\">\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4\">\n          <p className=\"text-xs text-text-secondary\">Active Opportunities</p>\n          <p className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n            {platformStats.totalOpportunities}\n          </p>\n        </div>\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4\">\n          <p className=\"text-xs text-text-secondary\">Average Returns</p>\n          <p className=\"text-lg font-bold text-status-success-text sm:text-2xl\">\n            {platformStats.averageReturns}%\n          </p>\n        </div>\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4\">\n          <p className=\"text-xs text-text-secondary\">Total Funded</p>\n          <p className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n            {formatCurrency(platformStats.totalFunded, {\n              minimumFractionDigits: 0,\n              notation: 'compact',\n            })}\n          </p>\n        </div>\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4\">\n          <p className=\"text-xs text-text-secondary\">Success Rate</p>\n          <p className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n            {platformStats.successRate}%\n          </p>\n        </div>\n        </div>\n      </EmphasisPanel>\n\n      {/* Filters */}\n      <div className=\"mt-6 rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6\">\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6\">\n          {/* Search */}\n          <div className=\"relative sm:col-span-2 lg:col-span-1\">\n            <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n            <input\n              type=\"text\"\n              placeholder=\"Search opportunities...\"\n              value={filters.searchQuery}\n              onChange={(e) => handleFilterChange('searchQuery', e.target.value)}\n              className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            />\n          </div>\n\n          {/* Category */}\n          <select\n            value={filters.category}\n            onChange={(e) => handleFilterChange('category', e.target.value)}\n            className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            <option value=\"\">All Categories</option>\n            <option value=\"Healthy Food\">Healthy Food</option>\n            <option value=\"Fast Food\">Fast Food</option>\n            <option value=\"Fusion Food\">Fusion Food</option>\n            <option value=\"Beverages\">Beverages</option>\n            <option value=\"Street Food\">Street Food</option>\n          </select>\n\n          {/* Risk Level */}\n          <select\n            value={filters.riskLevel}\n            onChange={(e) => handleFilterChange('riskLevel', e.target.value)}\n            className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            <option value=\"\">All Risk Levels</option>\n            <option value=\"low\">Low Risk</option>\n            <option value=\"medium\">Medium Risk</option>\n            <option value=\"high\">High Risk</option>\n          </select>\n\n          {/* Minimum Amount */}\n          <select\n            value={filters.minimumAmount}\n            onChange={(e) => handleFilterChange('minimumAmount', e.target.value)}\n            className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            <option value=\"\">Any Amount</option>\n            <option value=\"15000\">Under &#x20B9;15,000</option>\n            <option value=\"25000\">Under &#x20B9;25,000</option>\n            <option value=\"50000\">Under &#x20B9;50,000</option>\n            <option value=\"100000\">Under &#x20B9;1,00,000</option>\n          </select>\n\n          {/* Location */}\n          <select\n            value={filters.location}\n            onChange={(e) => handleFilterChange('location', e.target.value)}\n            className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            <option value=\"\">All Locations</option>\n            <option value=\"Whitefield\">Whitefield</option>\n            <option value=\"Koramangala\">Koramangala</option>\n            <option value=\"Indiranagar\">Indiranagar</option>\n            <option value=\"Electronic City\">Electronic City</option>\n          </select>\n\n          {/* Sort By */}\n          <select\n            value={filters.sortBy}\n            onChange={(e) => handleFilterChange('sortBy', e.target.value)}\n            className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            <option value=\"featured\">Featured</option>\n            <option value=\"returns\">Highest Returns</option>\n            <option value=\"funding\">Most Funded</option>\n            <option value=\"closing\">Closing Soon</option>\n            <option value=\"minimum\">Lowest Minimum</option>\n          </select>\n        </div>\n      </div>\n\n      {/* Opportunities Grid */}\n      {filteredOpportunities.length === 0 ? (\n        <div className=\"mt-6\">\n          <EmptyState\n            icon={<Search className=\"h-10 w-10\" />}\n            title=\"No opportunities found\"\n            description=\"Try adjusting your filters to find more opportunities\"\n            action={\n              <button\n                type=\"button\"\n                onClick={() =>\n                  setFilters({\n                    searchQuery: '',\n                    category: '',\n                    riskLevel: '',\n                    minimumAmount: '',\n                    location: '',\n                    sortBy: 'featured',\n                  })\n                }\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                Clear Filters\n              </button>\n            }\n          />\n        </div>\n      ) : (\n        <div className=\"mt-6 grid grid-cols-1 gap-4 lg:grid-cols-2\">\n          {filteredOpportunities.map((opportunity) => {\n            const fundingPct = getFundingPercentage(\n              opportunity.raisedAmount,\n              opportunity.targetAmount\n            );\n\n            return (\n              <div\n                key={opportunity.id}\n                className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm hover:shadow-md transition-shadow\"\n              >\n                {/* Image */}\n                <div className=\"relative\">\n                  <div className=\"h-40 w-full overflow-hidden rounded-t-lg bg-bg-sunken sm:h-48\">\n                    <img\n                      src={opportunity.image}\n                      alt={opportunity.cartName}\n                      className=\"h-full w-full object-cover\"\n                      loading=\"lazy\"\n                    />\n                  </div>\n                  {opportunity.status === 'funded' && (\n                    <div className=\"absolute right-2 top-2 rounded-full bg-status-success-text px-2 py-1 text-xs font-medium text-white sm:right-4 sm:top-4 sm:px-3\">\n                      Fully Funded\n                    </div>\n                  )}\n                  {opportunity.daysLeft > 0 && opportunity.daysLeft <= 7 && (\n                    <div className=\"absolute left-2 top-2 rounded-full bg-status-error-text px-2 py-1 text-xs font-medium text-white sm:left-4 sm:top-4 sm:px-3\">\n                      {opportunity.daysLeft} days left\n                    </div>\n                  )}\n                </div>\n\n                <div className=\"p-4 sm:p-6\">\n                  {/* Header */}\n                  <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                    <div className=\"flex-1\">\n                      <h3 className=\"text-base font-semibold text-text-primary sm:text-xl\">\n                        {opportunity.cartName}\n                      </h3>\n                      <p className=\"text-xs text-text-secondary sm:text-sm\">\n                        by {opportunity.cartOwner}\n                      </p>\n                      <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n                        <span className=\"text-xs text-text-secondary sm:text-sm\">\n                          {opportunity.category}\n                        </span>\n                        <span\n                          className={cn(\n                            'rounded-full px-2 py-0.5 text-xs font-medium',\n                            getRiskBadgeColor(opportunity.riskLevel)\n                          )}\n                        >\n                          {getRiskLabel(opportunity.riskLevel)}\n                        </span>\n                      </div>\n                    </div>\n                    <div className=\"text-left sm:text-right\">\n                      <p className=\"text-xl font-bold text-status-success-text sm:text-2xl\">\n                        {opportunity.expectedReturns}%\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">Expected Returns</p>\n                    </div>\n                  </div>\n\n                  {/* Description */}\n                  <p className=\"mb-4 text-sm leading-relaxed text-text-secondary line-clamp-2\">\n                    {opportunity.description}\n                  </p>\n\n                  {/* Funding Progress */}\n                  <div className=\"mb-4\">\n                    <div className=\"mb-1 flex justify-between text-xs sm:text-sm\">\n                      <span className=\"font-medium text-text-primary\">\n                        {formatCurrency(opportunity.raisedAmount, { minimumFractionDigits: 0 })}{' '}\n                        raised\n                      </span>\n                      <span className=\"text-text-secondary\">\n                        of {formatCurrency(opportunity.targetAmount, { minimumFractionDigits: 0 })}\n                      </span>\n                    </div>\n                    <div className=\"h-2 w-full overflow-hidden rounded-full bg-bg-sunken\">\n                      <div\n                        className=\"h-full rounded-full bg-action-primary-bg transition-all duration-300\"\n                        style={{ width: `${fundingPct}%` }}\n                      />\n                    </div>\n                    <div className=\"mt-1 flex justify-between text-xs text-text-secondary\">\n                      <span>{opportunity.investorCount} investors</span>\n                      <span>{fundingPct.toFixed(0)}% funded</span>\n                    </div>\n                  </div>\n\n                  {/* Key Metrics */}\n                  <div className=\"mb-4 grid grid-cols-3 gap-2 text-center sm:gap-4\">\n                    <div>\n                      <p className=\"text-sm font-bold text-text-primary sm:text-lg\">\n                        {formatCurrency(opportunity.minimumInvestment, {\n                          minimumFractionDigits: 0,\n                        })}\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">Min Investment</p>\n                    </div>\n                    <div>\n                      <p className=\"text-sm font-bold text-text-primary sm:text-lg\">\n                        {opportunity.paybackPeriod} mo\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">Payback Period</p>\n                    </div>\n                    <div>\n                      <div className=\"flex items-center justify-center gap-1\">\n                        <Star className=\"h-3.5 w-3.5 fill-status-warning-text text-status-warning-text\" />\n                        <p className=\"text-sm font-bold text-text-primary sm:text-lg\">\n                          {opportunity.businessMetrics.rating}\n                        </p>\n                      </div>\n                      <p className=\"text-xs text-text-secondary\">Rating</p>\n                    </div>\n                  </div>\n\n                  {/* Business Performance */}\n                  <div className=\"mb-4 border-t border-border-subtle pt-3 sm:pt-4\">\n                    <p className=\"mb-2 text-xs font-medium text-text-secondary sm:text-sm\">\n                      Business Performance\n                    </p>\n                    <div className=\"grid grid-cols-1 gap-2 text-xs sm:grid-cols-2 sm:text-sm\">\n                      <div className=\"flex justify-between\">\n                        <span className=\"text-text-secondary\">Monthly Revenue:</span>\n                        <span className=\"font-medium text-text-primary\">\n                          {formatCurrency(opportunity.businessMetrics.monthlyRevenue, {\n                            minimumFractionDigits: 0,\n                          })}\n                        </span>\n                      </div>\n                      <div className=\"flex justify-between\">\n                        <span className=\"text-text-secondary\">Gross Margin:</span>\n                        <span className=\"font-medium text-text-primary\">\n                          {opportunity.financials.grossMargin}%\n                        </span>\n                      </div>\n                      <div className=\"flex justify-between\">\n                        <span className=\"text-text-secondary\">Monthly Orders:</span>\n                        <span className=\"font-medium text-text-primary\">\n                          {formatNumber(opportunity.businessMetrics.monthlyOrders)}\n                        </span>\n                      </div>\n                      <div className=\"flex justify-between\">\n                        <span className=\"text-text-secondary\">Net Margin:</span>\n                        <span className=\"font-medium text-text-primary\">\n                          {opportunity.financials.netMargin}%\n                        </span>\n                      </div>\n                    </div>\n                  </div>\n\n                  {/* Documents */}\n                  <div className=\"mb-4 border-t border-border-subtle pt-3\">\n                    <div className=\"flex items-center gap-1.5 text-xs text-text-secondary\">\n                      <FileText className=\"h-3.5 w-3.5\" />\n                      <span>{opportunity.documents.length} documents available</span>\n                    </div>\n                  </div>\n\n                  {/* Location */}\n                  <div className=\"mb-4 flex items-center gap-1.5 text-xs text-text-secondary\">\n                    <MapPin className=\"h-3.5 w-3.5\" />\n                    <span>{opportunity.location}</span>\n                  </div>\n\n                  {/* Actions */}\n                  <div className=\"flex flex-col gap-2 sm:flex-row sm:gap-3\">\n                    <button\n                      type=\"button\"\n                      onClick={() => openInvestModal(opportunity)}\n                      disabled={opportunity.status === 'funded'}\n                      className={cn(\n                        'flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors',\n                        opportunity.status === 'funded'\n                          ? 'cursor-not-allowed bg-bg-sunken text-text-secondary'\n                          : 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90'\n                      )}\n                    >\n                      {opportunity.status === 'funded' ? 'Fully Funded' : 'Invest Now'}\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={() => navigateTo(`/investor/opportunities/${opportunity.id}`)}\n                      className=\"flex flex-1 items-center justify-center gap-2 rounded-lg border border-border-subtle px-4 py-2.5 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                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n\n      {/* Investment Modal */}\n      {showInvestModal && selectedOpportunity && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\">\n          <div className=\"relative max-h-[90vh] w-full max-w-md overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6\">\n            {/* Close button */}\n            <button\n              type=\"button\"\n              onClick={() => {\n                setShowInvestModal(false);\n                setInvestmentAmount('');\n                setInvestStatus('idle');\n              }}\n              className=\"absolute right-3 top-3 rounded-lg p-1 text-text-secondary hover:bg-accent transition-colors\"\n            >\n              <X className=\"h-5 w-5\" />\n            </button>\n\n            <h3 className=\"mb-4 text-base font-semibold text-text-primary sm:text-lg\">\n              Invest in {selectedOpportunity.cartName}\n            </h3>\n\n            {investStatus === 'success' ? (\n              <div className=\"py-8 text-center\">\n                <CheckCircle2 className=\"mx-auto mb-3 h-12 w-12 text-status-success-text\" />\n                <p className=\"text-sm font-medium text-text-primary\">Investment successful!</p>\n                <p className=\"mt-1 text-xs text-text-secondary\">Redirecting to your portfolio...</p>\n              </div>\n            ) : (\n              <div className=\"space-y-4\">\n                {/* Investment Range */}\n                <div>\n                  <p className=\"mb-1 text-xs text-text-secondary sm:text-sm\">Investment Range</p>\n                  <p className=\"text-sm font-medium text-text-primary sm:text-base\">\n                    {formatCurrency(selectedOpportunity.minimumInvestment, {\n                      minimumFractionDigits: 0,\n                    })}{' '}\n                    -{' '}\n                    {formatCurrency(selectedOpportunity.maximumInvestment, {\n                      minimumFractionDigits: 0,\n                    })}\n                  </p>\n                </div>\n\n                {/* Amount Input */}\n                <div>\n                  <label className=\"mb-1 block text-xs font-medium text-text-primary sm:text-sm\">\n                    Investment Amount\n                  </label>\n                  <div className=\"relative\">\n                    <IndianRupee className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n                    <input\n                      type=\"number\"\n                      value={investmentAmount}\n                      onChange={(e) => {\n                        setInvestmentAmount(e.target.value);\n                        setInvestStatus('idle');\n                      }}\n                      placeholder=\"Enter amount\"\n                      className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n                    />\n                  </div>\n                  {investStatus === 'error' && (\n                    <p className=\"mt-1 text-xs text-status-error-text\">\n                      Amount must be between{' '}\n                      {formatCurrency(selectedOpportunity.minimumInvestment, {\n                        minimumFractionDigits: 0,\n                      })}{' '}\n                      and{' '}\n                      {formatCurrency(selectedOpportunity.maximumInvestment, {\n                        minimumFractionDigits: 0,\n                      })}\n                    </p>\n                  )}\n                </div>\n\n                {/* Returns Calculator */}\n                {investmentAmount &&\n                  !isNaN(parseInt(investmentAmount, 10)) &&\n                  parseInt(investmentAmount, 10) > 0 && (\n                    <div className=\"rounded-lg border border-border-subtle bg-bg-sunken/50 p-3 sm:p-4\">\n                      <p className=\"mb-2 text-xs text-text-secondary sm:text-sm\">\n                        Expected Returns\n                      </p>\n                      <div className=\"space-y-1.5\">\n                        <div className=\"flex justify-between\">\n                          <span className=\"text-xs text-text-primary sm:text-sm\">Investment:</span>\n                          <span className=\"text-xs font-medium text-text-primary sm:text-sm\">\n                            {formatCurrency(parseInt(investmentAmount, 10), {\n                              minimumFractionDigits: 0,\n                            })}\n                          </span>\n                        </div>\n                        <div className=\"flex justify-between\">\n                          <span className=\"text-xs text-text-primary sm:text-sm\">\n                            Expected Return ({selectedOpportunity.expectedReturns}%):\n                          </span>\n                          <span className=\"text-xs font-medium text-status-success-text sm:text-sm\">\n                            +\n                            {formatCurrency(\n                              (parseInt(investmentAmount, 10) *\n                                selectedOpportunity.expectedReturns) /\n                                100,\n                              { minimumFractionDigits: 0 }\n                            )}\n                          </span>\n                        </div>\n                        <div className=\"flex justify-between border-t border-border-subtle pt-2\">\n                          <span className=\"text-xs font-medium text-text-primary sm:text-sm\">\n                            Total Value:\n                          </span>\n                          <span className=\"text-xs font-bold text-text-primary sm:text-sm\">\n                            {formatCurrency(\n                              parseInt(investmentAmount, 10) *\n                                (1 + selectedOpportunity.expectedReturns / 100),\n                              { minimumFractionDigits: 0 }\n                            )}\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                  )}\n\n                {/* Investment Terms */}\n                <div className=\"space-y-1 text-xs text-text-secondary sm:text-sm\">\n                  <p>\n                    &bull; Minimum lock-in period:{' '}\n                    {selectedOpportunity.investmentTerms.lockInPeriod} months\n                  </p>\n                  <p>\n                    &bull; Dividend frequency:{' '}\n                    {selectedOpportunity.investmentTerms.dividendFrequency}\n                  </p>\n                  <p>\n                    &bull; Your equity stake:{' '}\n                    {(\n                      ((parseInt(investmentAmount, 10) || 0) / selectedOpportunity.targetAmount) *\n                      selectedOpportunity.investmentTerms.equityOffered\n                    ).toFixed(2)}\n                    %\n                  </p>\n                  <p>\n                    &bull; Exit options:{' '}\n                    {selectedOpportunity.investmentTerms.exitOptions.join(', ')}\n                  </p>\n                </div>\n\n                {/* Actions */}\n                <div className=\"flex flex-col gap-2 pt-2 sm:flex-row sm:gap-3\">\n                  <button\n                    type=\"button\"\n                    onClick={() => {\n                      setShowInvestModal(false);\n                      setInvestmentAmount('');\n                      setInvestStatus('idle');\n                    }}\n                    className=\"flex-1 rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n                  >\n                    Cancel\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={handleInvest}\n                    disabled={\n                      !investmentAmount ||\n                      isNaN(parseInt(investmentAmount, 10)) ||\n                      parseInt(investmentAmount, 10) < selectedOpportunity.minimumInvestment\n                    }\n                    className={cn(\n                      'flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors',\n                      !investmentAmount ||\n                        isNaN(parseInt(investmentAmount, 10)) ||\n                        parseInt(investmentAmount, 10) < selectedOpportunity.minimumInvestment\n                        ? 'cursor-not-allowed bg-bg-sunken text-text-secondary'\n                        : 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90'\n                    )}\n                  >\n                    Confirm Investment\n                  </button>\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"InvestmentOpportunitiesPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/investor/InvestmentOpportunitiesPage.tsx"],"sourcesContent":["/**\n * Investment Opportunities Page\n * @module kadaikodi/pages/investor\n *\n * Platform stats, 6 filters (search/category/risk/amount/location/sort),\n * invest modal with amount calculator, opportunity cards with images/funding\n * progress/business metrics/documents.\n */\n\nimport { useState, useCallback, useMemo } from 'react';\nimport {\n  Search,\n  SlidersHorizontal,\n  MapPin,\n  Star,\n  Clock,\n  Users,\n  TrendingUp,\n  FileText,\n  IndianRupee,\n  Eye,\n  X,\n  Briefcase,\n  Target,\n  Award,\n  CheckCircle2,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useInvestmentOpportunities, useInvest } from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatNumber } from '../../utils/formatters';\nimport type { InvestmentOpportunity as DomainInvestmentOpportunity } from '../../types';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ninterface InvestmentOpportunity {\n  id: string;\n  cartId: string;\n  cartName: string;\n  cartOwner: string;\n  description: string;\n  targetAmount: number;\n  raisedAmount: number;\n  minimumInvestment: number;\n  maximumInvestment: number;\n  investorCount: number;\n  daysLeft: number;\n  expectedReturns: number;\n  paybackPeriod: number;\n  riskLevel: 'low' | 'medium' | 'high';\n  category: string;\n  location: string;\n  image: string;\n  businessMetrics: {\n    monthlyRevenue: number;\n    monthlyOrders: number;\n    averageOrderValue: number;\n    rating: number;\n    reviewCount: number;\n    operatingSince: string;\n  };\n  financials: {\n    grossMargin: number;\n    netMargin: number;\n    monthlyExpenses: number;\n    breakEvenAchieved: boolean;\n  };\n  investmentTerms: {\n    equityOffered: number;\n    dividendFrequency: 'monthly' | 'quarterly' | 'yearly';\n    lockInPeriod: number;\n    exitOptions: string[];\n  };\n  documents: Array<{ name: string; type: string; uploadedOn: string }>;\n  status: 'active' | 'funded' | 'closed';\n}\n\ninterface OpportunityFilters {\n  searchQuery: string;\n  category: string;\n  riskLevel: string;\n  minimumAmount: string;\n  location: string;\n  sortBy: string;\n}\n\n// ---------------------------------------------------------------------------\n// Mapping (real domain opportunity → this page's richer view-model)\n// ---------------------------------------------------------------------------\n\nfunction mapOpportunity(o: DomainInvestmentOpportunity): InvestmentOpportunity {\n  const daysLeft = o.expiresAt\n    ? Math.max(0, Math.ceil((new Date(o.expiresAt).getTime() - Date.now()) / 86400000))\n    : 0;\n  return {\n    id: o.id,\n    cartId: o.cartId,\n    cartName: o.cartName,\n    cartOwner: o.businessOwner || '',\n    description: o.description,\n    targetAmount: o.targetAmount,\n    raisedAmount: o.raisedAmount,\n    minimumInvestment: o.minimumInvestment,\n    // The backend exposes a single target, not a per-investor cap; use the\n    // remaining amount to target as the sensible maximum (never fabricated).\n    maximumInvestment: Math.max(o.minimumInvestment, o.targetAmount - o.raisedAmount),\n    investorCount: o.investors.length,\n    daysLeft,\n    expectedReturns: o.expectedReturns,\n    paybackPeriod: o.investmentPeriod,\n    riskLevel: o.riskLevel,\n    category: '',\n    location: '',\n    image: '',\n    businessMetrics: {\n      monthlyRevenue: 0,\n      monthlyOrders: 0,\n      averageOrderValue: 0,\n      rating: 0,\n      reviewCount: 0,\n      operatingSince: '',\n    },\n    financials: { grossMargin: 0, netMargin: 0, monthlyExpenses: 0, breakEvenAchieved: false },\n    investmentTerms: {\n      equityOffered: 0,\n      dividendFrequency: 'quarterly',\n      lockInPeriod: o.investmentPeriod,\n      exitOptions: [],\n    },\n    documents: o.documents.map((d) => ({ name: d, type: 'PDF', uploadedOn: '' })),\n    status: o.status,\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction getRiskBadgeColor(risk: string): string {\n  switch (risk) {\n    case 'low':\n      return 'bg-status-success-bg-subtle text-status-success-text';\n    case 'medium':\n      return 'bg-status-warning-bg-subtle text-status-warning-text';\n    case 'high':\n      return 'bg-status-error-bg-subtle text-status-error-text';\n    default:\n      return 'bg-bg-sunken text-text-secondary';\n  }\n}\n\nfunction getRiskLabel(risk: string): string {\n  switch (risk) {\n    case 'low':\n      return 'Low Risk';\n    case 'medium':\n      return 'Medium Risk';\n    case 'high':\n      return 'High Risk';\n    default:\n      return risk;\n  }\n}\n\nfunction getFundingPercentage(raised: number, target: number): number {\n  return target > 0 ? Math.min((raised / target) * 100, 100) : 0;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function InvestmentOpportunitiesPage() {\n  const { navigateTo, currentUser } = useKadaikodi();\n  const { data: rawOpportunities = [], isLoading } = useInvestmentOpportunities();\n  const invest = useInvest();\n  const [selectedOpportunity, setSelectedOpportunity] = useState<InvestmentOpportunity | null>(\n    null\n  );\n  const [showInvestModal, setShowInvestModal] = useState(false);\n  const [investmentAmount, setInvestmentAmount] = useState('');\n  const [investStatus, setInvestStatus] = useState<'idle' | 'success' | 'error'>('idle');\n\n  const [filters, setFilters] = useState<OpportunityFilters>({\n    searchQuery: '',\n    category: '',\n    riskLevel: '',\n    minimumAmount: '',\n    location: '',\n    sortBy: 'featured',\n  });\n\n  const opportunities = useMemo(\n    () => rawOpportunities.map(mapOpportunity),\n    [rawOpportunities]\n  );\n\n  const platformStats = useMemo(() => {\n    const count = opportunities.length;\n    return {\n      totalOpportunities: count,\n      averageReturns: count\n        ? Number((opportunities.reduce((s, o) => s + o.expectedReturns, 0) / count).toFixed(1))\n        : 0,\n      totalFunded: opportunities.reduce((s, o) => s + o.raisedAmount, 0),\n      totalTarget: opportunities.reduce((s, o) => s + o.targetAmount, 0),\n    };\n  }, [opportunities]);\n\n  const handleFilterChange = useCallback((key: keyof OpportunityFilters, value: string) => {\n    setFilters((prev) => ({ ...prev, [key]: value }));\n  }, []);\n\n  const filteredOpportunities = useMemo(() => {\n    let filtered = [...opportunities];\n\n    // Search\n    if (filters.searchQuery.trim()) {\n      const query = filters.searchQuery.toLowerCase();\n      filtered = filtered.filter(\n        (opp) =>\n          opp.cartName.toLowerCase().includes(query) ||\n          opp.description.toLowerCase().includes(query) ||\n          opp.category.toLowerCase().includes(query)\n      );\n    }\n\n    // Category\n    if (filters.category) {\n      filtered = filtered.filter((opp) => opp.category === filters.category);\n    }\n\n    // Risk level\n    if (filters.riskLevel) {\n      filtered = filtered.filter((opp) => opp.riskLevel === filters.riskLevel);\n    }\n\n    // Location\n    if (filters.location) {\n      filtered = filtered.filter((opp) => opp.location.includes(filters.location));\n    }\n\n    // Minimum amount\n    if (filters.minimumAmount) {\n      const minAmount = parseInt(filters.minimumAmount, 10);\n      filtered = filtered.filter((opp) => opp.minimumInvestment <= minAmount);\n    }\n\n    // Sort\n    switch (filters.sortBy) {\n      case 'returns':\n        filtered.sort((a, b) => b.expectedReturns - a.expectedReturns);\n        break;\n      case 'funding':\n        filtered.sort((a, b) => b.raisedAmount / b.targetAmount - a.raisedAmount / a.targetAmount);\n        break;\n      case 'closing':\n        filtered.sort((a, b) => a.daysLeft - b.daysLeft);\n        break;\n      case 'minimum':\n        filtered.sort((a, b) => a.minimumInvestment - b.minimumInvestment);\n        break;\n      default:\n        break;\n    }\n\n    return filtered;\n  }, [filters, opportunities]);\n\n  const handleInvest = useCallback(() => {\n    if (!selectedOpportunity || !investmentAmount) return;\n\n    const amount = parseInt(investmentAmount, 10);\n    if (isNaN(amount)) return;\n\n    if (amount < selectedOpportunity.minimumInvestment) {\n      setInvestStatus('error');\n      return;\n    }\n    if (amount > selectedOpportunity.maximumInvestment) {\n      setInvestStatus('error');\n      return;\n    }\n\n    invest.mutate(\n      {\n        amount,\n        investorId: currentUser?.id ?? '',\n        opportunityId: selectedOpportunity.id,\n      },\n      {\n        onSuccess: () => {\n          setInvestStatus('success');\n          setTimeout(() => {\n            setShowInvestModal(false);\n            setInvestmentAmount('');\n            setInvestStatus('idle');\n            navigateTo('/investor/portfolio');\n          }, 1500);\n        },\n        onError: () => setInvestStatus('error'),\n      }\n    );\n  }, [selectedOpportunity, investmentAmount, navigateTo, invest, currentUser?.id]);\n\n  const openInvestModal = useCallback((opportunity: InvestmentOpportunity) => {\n    setSelectedOpportunity(opportunity);\n    setInvestmentAmount('');\n    setInvestStatus('idle');\n    setShowInvestModal(true);\n  }, []);\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Investment Opportunities\" description=\"Loading opportunities...\">\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 opportunities...</p>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Investment Opportunities\"\n      description=\"Discover and invest in growing local businesses\"\n      actions={\n        <span className=\"text-sm text-text-secondary\">\n          {filteredOpportunities.length} opportunities\n        </span>\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        The deal flow — local carts and businesses looking for funding right now. Use this page to\n        discover opportunities that fit your strategy, compare projected returns and equity on offer,\n        filter by category or funding stage, and back the ones you believe in. The stats up top show\n        how the platform is performing so you can gauge typical returns and success rates before you\n        commit.\n      </PagePurpose>\n\n      {/* Platform Stats — the one emphasis zone for this page */}\n      <EmphasisPanel>\n        <h2 className=\"mb-4 text-base font-semibold text-text-primary\">Platform Performance</h2>\n        <div className=\"grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4\">\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4\">\n          <p className=\"text-xs text-text-secondary\">Active Opportunities</p>\n          <p className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n            {platformStats.totalOpportunities}\n          </p>\n        </div>\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4\">\n          <p className=\"text-xs text-text-secondary\">Average Returns</p>\n          <p className=\"text-lg font-bold text-status-success-text sm:text-2xl\">\n            {platformStats.averageReturns}%\n          </p>\n        </div>\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4\">\n          <p className=\"text-xs text-text-secondary\">Total Funded</p>\n          <p className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n            {formatCurrency(platformStats.totalFunded, {\n              minimumFractionDigits: 0,\n              notation: 'compact',\n            })}\n          </p>\n        </div>\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4\">\n          <p className=\"text-xs text-text-secondary\">Total Target</p>\n          <p className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n            {formatCurrency(platformStats.totalTarget, {\n              minimumFractionDigits: 0,\n              notation: 'compact',\n            })}\n          </p>\n        </div>\n        </div>\n      </EmphasisPanel>\n\n      {/* Filters */}\n      <div className=\"mt-6 rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6\">\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6\">\n          {/* Search */}\n          <div className=\"relative sm:col-span-2 lg:col-span-1\">\n            <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n            <input\n              type=\"text\"\n              placeholder=\"Search opportunities...\"\n              value={filters.searchQuery}\n              onChange={(e) => handleFilterChange('searchQuery', e.target.value)}\n              className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            />\n          </div>\n\n          {/* Category */}\n          <select\n            value={filters.category}\n            onChange={(e) => handleFilterChange('category', e.target.value)}\n            className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            <option value=\"\">All Categories</option>\n            <option value=\"Healthy Food\">Healthy Food</option>\n            <option value=\"Fast Food\">Fast Food</option>\n            <option value=\"Fusion Food\">Fusion Food</option>\n            <option value=\"Beverages\">Beverages</option>\n            <option value=\"Street Food\">Street Food</option>\n          </select>\n\n          {/* Risk Level */}\n          <select\n            value={filters.riskLevel}\n            onChange={(e) => handleFilterChange('riskLevel', e.target.value)}\n            className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            <option value=\"\">All Risk Levels</option>\n            <option value=\"low\">Low Risk</option>\n            <option value=\"medium\">Medium Risk</option>\n            <option value=\"high\">High Risk</option>\n          </select>\n\n          {/* Minimum Amount */}\n          <select\n            value={filters.minimumAmount}\n            onChange={(e) => handleFilterChange('minimumAmount', e.target.value)}\n            className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            <option value=\"\">Any Amount</option>\n            <option value=\"15000\">Under &#x20B9;15,000</option>\n            <option value=\"25000\">Under &#x20B9;25,000</option>\n            <option value=\"50000\">Under &#x20B9;50,000</option>\n            <option value=\"100000\">Under &#x20B9;1,00,000</option>\n          </select>\n\n          {/* Location */}\n          <select\n            value={filters.location}\n            onChange={(e) => handleFilterChange('location', e.target.value)}\n            className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            <option value=\"\">All Locations</option>\n            <option value=\"Whitefield\">Whitefield</option>\n            <option value=\"Koramangala\">Koramangala</option>\n            <option value=\"Indiranagar\">Indiranagar</option>\n            <option value=\"Electronic City\">Electronic City</option>\n          </select>\n\n          {/* Sort By */}\n          <select\n            value={filters.sortBy}\n            onChange={(e) => handleFilterChange('sortBy', e.target.value)}\n            className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            <option value=\"featured\">Featured</option>\n            <option value=\"returns\">Highest Returns</option>\n            <option value=\"funding\">Most Funded</option>\n            <option value=\"closing\">Closing Soon</option>\n            <option value=\"minimum\">Lowest Minimum</option>\n          </select>\n        </div>\n      </div>\n\n      {/* Opportunities Grid */}\n      {filteredOpportunities.length === 0 ? (\n        <div className=\"mt-6\">\n          <EmptyState\n            icon={<Search className=\"h-10 w-10\" />}\n            title=\"No opportunities found\"\n            description=\"Try adjusting your filters to find more opportunities\"\n            action={\n              <button\n                type=\"button\"\n                onClick={() =>\n                  setFilters({\n                    searchQuery: '',\n                    category: '',\n                    riskLevel: '',\n                    minimumAmount: '',\n                    location: '',\n                    sortBy: 'featured',\n                  })\n                }\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                Clear Filters\n              </button>\n            }\n          />\n        </div>\n      ) : (\n        <div className=\"mt-6 grid grid-cols-1 gap-4 lg:grid-cols-2\">\n          {filteredOpportunities.map((opportunity) => {\n            const fundingPct = getFundingPercentage(\n              opportunity.raisedAmount,\n              opportunity.targetAmount\n            );\n\n            return (\n              <div\n                key={opportunity.id}\n                className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm hover:shadow-md transition-shadow\"\n              >\n                {/* Banner (providers have no image asset — show a neutral placeholder) */}\n                <div className=\"relative\">\n                  <div className=\"flex h-40 w-full items-center justify-center overflow-hidden rounded-t-lg bg-bg-sunken sm:h-48\">\n                    <Briefcase className=\"h-10 w-10 text-text-secondary\" />\n                  </div>\n                  {opportunity.status === 'funded' && (\n                    <div className=\"absolute right-2 top-2 rounded-full bg-status-success-text px-2 py-1 text-xs font-medium text-white sm:right-4 sm:top-4 sm:px-3\">\n                      Fully Funded\n                    </div>\n                  )}\n                  {opportunity.daysLeft > 0 && opportunity.daysLeft <= 7 && (\n                    <div className=\"absolute left-2 top-2 rounded-full bg-status-error-text px-2 py-1 text-xs font-medium text-white sm:left-4 sm:top-4 sm:px-3\">\n                      {opportunity.daysLeft} days left\n                    </div>\n                  )}\n                </div>\n\n                <div className=\"p-4 sm:p-6\">\n                  {/* Header */}\n                  <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                    <div className=\"flex-1\">\n                      <h3 className=\"text-base font-semibold text-text-primary sm:text-xl\">\n                        {opportunity.cartName}\n                      </h3>\n                      <p className=\"text-xs text-text-secondary sm:text-sm\">\n                        by {opportunity.cartOwner}\n                      </p>\n                      <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n                        <span className=\"text-xs text-text-secondary sm:text-sm\">\n                          {opportunity.category}\n                        </span>\n                        <span\n                          className={cn(\n                            'rounded-full px-2 py-0.5 text-xs font-medium',\n                            getRiskBadgeColor(opportunity.riskLevel)\n                          )}\n                        >\n                          {getRiskLabel(opportunity.riskLevel)}\n                        </span>\n                      </div>\n                    </div>\n                    <div className=\"text-left sm:text-right\">\n                      <p className=\"text-xl font-bold text-status-success-text sm:text-2xl\">\n                        {opportunity.expectedReturns}%\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">Expected Returns</p>\n                    </div>\n                  </div>\n\n                  {/* Description */}\n                  <p className=\"mb-4 text-sm leading-relaxed text-text-secondary line-clamp-2\">\n                    {opportunity.description}\n                  </p>\n\n                  {/* Funding Progress */}\n                  <div className=\"mb-4\">\n                    <div className=\"mb-1 flex justify-between text-xs sm:text-sm\">\n                      <span className=\"font-medium text-text-primary\">\n                        {formatCurrency(opportunity.raisedAmount, { minimumFractionDigits: 0 })}{' '}\n                        raised\n                      </span>\n                      <span className=\"text-text-secondary\">\n                        of {formatCurrency(opportunity.targetAmount, { minimumFractionDigits: 0 })}\n                      </span>\n                    </div>\n                    <div className=\"h-2 w-full overflow-hidden rounded-full bg-bg-sunken\">\n                      <div\n                        className=\"h-full rounded-full bg-action-primary-bg transition-all duration-300\"\n                        style={{ width: `${fundingPct}%` }}\n                      />\n                    </div>\n                    <div className=\"mt-1 flex justify-between text-xs text-text-secondary\">\n                      <span>{opportunity.investorCount} investors</span>\n                      <span>{fundingPct.toFixed(0)}% funded</span>\n                    </div>\n                  </div>\n\n                  {/* Key Metrics */}\n                  <div className=\"mb-4 grid grid-cols-3 gap-2 text-center sm:gap-4\">\n                    <div>\n                      <p className=\"text-sm font-bold text-text-primary sm:text-lg\">\n                        {formatCurrency(opportunity.minimumInvestment, {\n                          minimumFractionDigits: 0,\n                        })}\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">Min Investment</p>\n                    </div>\n                    <div>\n                      <p className=\"text-sm font-bold text-text-primary sm:text-lg\">\n                        {opportunity.paybackPeriod} mo\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">Payback Period</p>\n                    </div>\n                    <div>\n                      <div className=\"flex items-center justify-center gap-1\">\n                        <Star className=\"h-3.5 w-3.5 fill-status-warning-text text-status-warning-text\" />\n                        <p className=\"text-sm font-bold text-text-primary sm:text-lg\">\n                          {opportunity.businessMetrics.rating}\n                        </p>\n                      </div>\n                      <p className=\"text-xs text-text-secondary\">Rating</p>\n                    </div>\n                  </div>\n\n                  {/* Business Performance */}\n                  <div className=\"mb-4 border-t border-border-subtle pt-3 sm:pt-4\">\n                    <p className=\"mb-2 text-xs font-medium text-text-secondary sm:text-sm\">\n                      Business Performance\n                    </p>\n                    <div className=\"grid grid-cols-1 gap-2 text-xs sm:grid-cols-2 sm:text-sm\">\n                      <div className=\"flex justify-between\">\n                        <span className=\"text-text-secondary\">Monthly Revenue:</span>\n                        <span className=\"font-medium text-text-primary\">\n                          {formatCurrency(opportunity.businessMetrics.monthlyRevenue, {\n                            minimumFractionDigits: 0,\n                          })}\n                        </span>\n                      </div>\n                      <div className=\"flex justify-between\">\n                        <span className=\"text-text-secondary\">Gross Margin:</span>\n                        <span className=\"font-medium text-text-primary\">\n                          {opportunity.financials.grossMargin}%\n                        </span>\n                      </div>\n                      <div className=\"flex justify-between\">\n                        <span className=\"text-text-secondary\">Monthly Orders:</span>\n                        <span className=\"font-medium text-text-primary\">\n                          {formatNumber(opportunity.businessMetrics.monthlyOrders)}\n                        </span>\n                      </div>\n                      <div className=\"flex justify-between\">\n                        <span className=\"text-text-secondary\">Net Margin:</span>\n                        <span className=\"font-medium text-text-primary\">\n                          {opportunity.financials.netMargin}%\n                        </span>\n                      </div>\n                    </div>\n                  </div>\n\n                  {/* Documents */}\n                  <div className=\"mb-4 border-t border-border-subtle pt-3\">\n                    <div className=\"flex items-center gap-1.5 text-xs text-text-secondary\">\n                      <FileText className=\"h-3.5 w-3.5\" />\n                      <span>{opportunity.documents.length} documents available</span>\n                    </div>\n                  </div>\n\n                  {/* Location */}\n                  <div className=\"mb-4 flex items-center gap-1.5 text-xs text-text-secondary\">\n                    <MapPin className=\"h-3.5 w-3.5\" />\n                    <span>{opportunity.location}</span>\n                  </div>\n\n                  {/* Actions */}\n                  <div className=\"flex flex-col gap-2 sm:flex-row sm:gap-3\">\n                    <button\n                      type=\"button\"\n                      onClick={() => openInvestModal(opportunity)}\n                      disabled={opportunity.status === 'funded'}\n                      className={cn(\n                        'flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors',\n                        opportunity.status === 'funded'\n                          ? 'cursor-not-allowed bg-bg-sunken text-text-secondary'\n                          : 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90'\n                      )}\n                    >\n                      {opportunity.status === 'funded' ? 'Fully Funded' : 'Invest Now'}\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={() => navigateTo(`/investor/opportunities/${opportunity.id}`)}\n                      className=\"flex flex-1 items-center justify-center gap-2 rounded-lg border border-border-subtle px-4 py-2.5 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                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n\n      {/* Investment Modal */}\n      {showInvestModal && selectedOpportunity && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\">\n          <div className=\"relative max-h-[90vh] w-full max-w-md overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6\">\n            {/* Close button */}\n            <button\n              type=\"button\"\n              onClick={() => {\n                setShowInvestModal(false);\n                setInvestmentAmount('');\n                setInvestStatus('idle');\n              }}\n              className=\"absolute right-3 top-3 rounded-lg p-1 text-text-secondary hover:bg-accent transition-colors\"\n            >\n              <X className=\"h-5 w-5\" />\n            </button>\n\n            <h3 className=\"mb-4 text-base font-semibold text-text-primary sm:text-lg\">\n              Invest in {selectedOpportunity.cartName}\n            </h3>\n\n            {investStatus === 'success' ? (\n              <div className=\"py-8 text-center\">\n                <CheckCircle2 className=\"mx-auto mb-3 h-12 w-12 text-status-success-text\" />\n                <p className=\"text-sm font-medium text-text-primary\">Investment successful!</p>\n                <p className=\"mt-1 text-xs text-text-secondary\">Redirecting to your portfolio...</p>\n              </div>\n            ) : (\n              <div className=\"space-y-4\">\n                {/* Investment Range */}\n                <div>\n                  <p className=\"mb-1 text-xs text-text-secondary sm:text-sm\">Investment Range</p>\n                  <p className=\"text-sm font-medium text-text-primary sm:text-base\">\n                    {formatCurrency(selectedOpportunity.minimumInvestment, {\n                      minimumFractionDigits: 0,\n                    })}{' '}\n                    -{' '}\n                    {formatCurrency(selectedOpportunity.maximumInvestment, {\n                      minimumFractionDigits: 0,\n                    })}\n                  </p>\n                </div>\n\n                {/* Amount Input */}\n                <div>\n                  <label className=\"mb-1 block text-xs font-medium text-text-primary sm:text-sm\">\n                    Investment Amount\n                  </label>\n                  <div className=\"relative\">\n                    <IndianRupee className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n                    <input\n                      type=\"number\"\n                      value={investmentAmount}\n                      onChange={(e) => {\n                        setInvestmentAmount(e.target.value);\n                        setInvestStatus('idle');\n                      }}\n                      placeholder=\"Enter amount\"\n                      className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n                    />\n                  </div>\n                  {investStatus === 'error' && (\n                    <p className=\"mt-1 text-xs text-status-error-text\">\n                      Amount must be between{' '}\n                      {formatCurrency(selectedOpportunity.minimumInvestment, {\n                        minimumFractionDigits: 0,\n                      })}{' '}\n                      and{' '}\n                      {formatCurrency(selectedOpportunity.maximumInvestment, {\n                        minimumFractionDigits: 0,\n                      })}\n                    </p>\n                  )}\n                </div>\n\n                {/* Returns Calculator */}\n                {investmentAmount &&\n                  !isNaN(parseInt(investmentAmount, 10)) &&\n                  parseInt(investmentAmount, 10) > 0 && (\n                    <div className=\"rounded-lg border border-border-subtle bg-bg-sunken/50 p-3 sm:p-4\">\n                      <p className=\"mb-2 text-xs text-text-secondary sm:text-sm\">\n                        Expected Returns\n                      </p>\n                      <div className=\"space-y-1.5\">\n                        <div className=\"flex justify-between\">\n                          <span className=\"text-xs text-text-primary sm:text-sm\">Investment:</span>\n                          <span className=\"text-xs font-medium text-text-primary sm:text-sm\">\n                            {formatCurrency(parseInt(investmentAmount, 10), {\n                              minimumFractionDigits: 0,\n                            })}\n                          </span>\n                        </div>\n                        <div className=\"flex justify-between\">\n                          <span className=\"text-xs text-text-primary sm:text-sm\">\n                            Expected Return ({selectedOpportunity.expectedReturns}%):\n                          </span>\n                          <span className=\"text-xs font-medium text-status-success-text sm:text-sm\">\n                            +\n                            {formatCurrency(\n                              (parseInt(investmentAmount, 10) *\n                                selectedOpportunity.expectedReturns) /\n                                100,\n                              { minimumFractionDigits: 0 }\n                            )}\n                          </span>\n                        </div>\n                        <div className=\"flex justify-between border-t border-border-subtle pt-2\">\n                          <span className=\"text-xs font-medium text-text-primary sm:text-sm\">\n                            Total Value:\n                          </span>\n                          <span className=\"text-xs font-bold text-text-primary sm:text-sm\">\n                            {formatCurrency(\n                              parseInt(investmentAmount, 10) *\n                                (1 + selectedOpportunity.expectedReturns / 100),\n                              { minimumFractionDigits: 0 }\n                            )}\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                  )}\n\n                {/* Investment Terms */}\n                <div className=\"space-y-1 text-xs text-text-secondary sm:text-sm\">\n                  <p>\n                    &bull; Minimum lock-in period:{' '}\n                    {selectedOpportunity.investmentTerms.lockInPeriod} months\n                  </p>\n                  <p>\n                    &bull; Dividend frequency:{' '}\n                    {selectedOpportunity.investmentTerms.dividendFrequency}\n                  </p>\n                  <p>\n                    &bull; Your equity stake:{' '}\n                    {(\n                      ((parseInt(investmentAmount, 10) || 0) / selectedOpportunity.targetAmount) *\n                      selectedOpportunity.investmentTerms.equityOffered\n                    ).toFixed(2)}\n                    %\n                  </p>\n                  <p>\n                    &bull; Exit options:{' '}\n                    {selectedOpportunity.investmentTerms.exitOptions.join(', ')}\n                  </p>\n                </div>\n\n                {/* Actions */}\n                <div className=\"flex flex-col gap-2 pt-2 sm:flex-row sm:gap-3\">\n                  <button\n                    type=\"button\"\n                    onClick={() => {\n                      setShowInvestModal(false);\n                      setInvestmentAmount('');\n                      setInvestStatus('idle');\n                    }}\n                    className=\"flex-1 rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n                  >\n                    Cancel\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={handleInvest}\n                    disabled={\n                      !investmentAmount ||\n                      isNaN(parseInt(investmentAmount, 10)) ||\n                      parseInt(investmentAmount, 10) < selectedOpportunity.minimumInvestment\n                    }\n                    className={cn(\n                      'flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors',\n                      !investmentAmount ||\n                        isNaN(parseInt(investmentAmount, 10)) ||\n                        parseInt(investmentAmount, 10) < selectedOpportunity.minimumInvestment\n                        ? 'cursor-not-allowed bg-bg-sunken text-text-secondary'\n                        : 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90'\n                    )}\n                  >\n                    Confirm Investment\n                  </button>\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -68,7 +68,7 @@ function A(e) {
 		case "active": return "bg-status-success-bg-subtle text-status-success-text";
 		case "pending": return "bg-status-warning-bg-subtle text-status-warning-text";
 		case "completed": return "bg-[var(--color-accent-soft)] text-text-primary";
-		default: return "bg-secondary text-secondary-foreground";
+		default: return "bg-bg-sunken text-text-secondary";
 	}
 }
 function j() {

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

@@ -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 metrics, tab navigation (portfolio/opportunities),\n * AI insights sidebar, quick actions, market updates, and recent activity.\n */\n\nimport { useState, useEffect, useMemo } from 'react';\nimport {\n  Wallet,\n  TrendingUp,\n  PieChart,\n  Briefcase,\n  ArrowRight,\n  Activity,\n  IndianRupee,\n  Target,\n  Award,\n  Filter,\n  Eye,\n  Plus,\n  MapPin,\n  Lightbulb,\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 { RatingDisplay } from '../../components/RatingDisplay';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useInvestmentOpportunities, useInvestments } from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ninterface DashboardInvestment {\n  id: string;\n  cartName: string;\n  cartOwner: string;\n  investmentAmount: number;\n  equityPercentage: number;\n  investmentDate: string;\n  currentValue: number;\n  monthlyReturns: number;\n  status: 'active' | 'pending' | 'completed';\n  location: string;\n  category: string;\n  rating: number;\n  riskLevel: 'low' | 'medium' | 'high';\n}\n\nconst mockAiInsights = [\n  {\n    id: '1',\n    type: 'opportunity' as const,\n    title: 'High-Potential Business Detected',\n    description:\n      'Glow Beauty Services in Koramangala shows 95% growth potential based on location analytics and market demand.',\n    confidence: 94,\n  },\n  {\n    id: '2',\n    type: 'suggestion' as const,\n    title: 'Portfolio Diversification Recommended',\n    description:\n      'Consider investing in Education & Skills to balance your services-heavy portfolio. Current allocation: 70% services, 30% retail.',\n    confidence: 87,\n  },\n  {\n    id: '3',\n    type: 'trend' as const,\n    title: 'Market Trend Alert',\n    description:\n      'Health & Wellness businesses in tech hubs are experiencing 40% higher returns. Whitefield shows promising opportunities.',\n    confidence: 91,\n  },\n];\n\nconst mockRecentActivity = [\n  {\n    id: 'act-1',\n    type: 'dividend',\n    description: 'Dividend received from Quick Cuts Salon',\n    amount: 4200,\n    date: '2024-01-14T10:00:00Z',\n  },\n  {\n    id: 'act-2',\n    type: 'investment',\n    description: 'Invested in Spotless Cleaning Services',\n    amount: -40000,\n    date: '2024-01-10T09:30:00Z',\n  },\n  {\n    id: 'act-3',\n    type: 'return',\n    description: 'Returns from Fix-It Mobile Repair',\n    amount: 6800,\n    date: '2024-01-05T14:00:00Z',\n  },\n  {\n    id: 'act-4',\n    type: 'investment',\n    description: 'Invested in Fix-It Mobile Repair',\n    amount: -75000,\n    date: '2023-12-20T11:00:00Z',\n  },\n];\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction getRiskBadgeColor(risk: string): string {\n  switch (risk) {\n    case 'low':\n      return 'bg-status-success-bg-subtle text-status-success-text';\n    case 'medium':\n      return 'bg-status-warning-bg-subtle text-status-warning-text';\n    case 'high':\n      return 'bg-status-error-bg-subtle text-status-error-text';\n    default:\n      return 'bg-secondary text-secondary-foreground';\n  }\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 'pending':\n      return 'bg-status-warning-bg-subtle text-status-warning-text';\n    case 'completed':\n      return 'bg-[var(--color-accent-soft)] text-text-primary';\n    default:\n      return 'bg-secondary text-secondary-foreground';\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 monthlyIncome = totalReturns / 12; // Simple mock derivation\n    const roi = totalInvested > 0 ? (totalReturns / totalInvested) * 100 : 0;\n\n    return {\n      totalInvested,\n      currentValue,\n      totalReturns,\n      monthlyIncome,\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\n        investments 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-2 lg:grid-cols-4\">\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=\"up\"\n            trendValue={`+${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            trend=\"up\"\n            trendValue=\"+15.2% this month\"\n          />\n          <MetricsCard\n            icon={<Activity className=\"h-5 w-5\" />}\n            value={formatCurrency(portfolioSummary.monthlyIncome, { minimumFractionDigits: 0 })}\n            label=\"Monthly Income\"\n            trend=\"up\"\n            trendValue=\"+8.5% vs last month\"\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={() => alert('Filter functionality coming soon!')}\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                  Filter\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 className=\"mb-3 flex flex-wrap items-center gap-3 text-xs text-text-secondary\">\n                          <span className=\"flex items-center gap-1\">\n                            <MapPin className=\"h-3.5 w-3.5\" />\n                            {'India'}\n                          </span>\n                          <span>{'Services'}</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=\"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\">Growth</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              <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                {activeOpportunities.slice(0, 2).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/opportunities/${id}`)}\n                  />\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* Recent Activity */}\n          <section className=\"mt-8\">\n            <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Recent Activity</h2>\n            <div className=\"divide-y divide-border rounded-lg border border-border-subtle bg-bg-surface\">\n              {mockRecentActivity.map((activity) => (\n                <div key={activity.id} className=\"flex items-center justify-between px-4 py-3\">\n                  <div className=\"flex items-center gap-3\">\n                    <div\n                      className={cn(\n                        'flex h-8 w-8 items-center justify-center rounded-full',\n                        activity.amount > 0 ? 'bg-status-success-bg-subtle' : 'bg-bg-sunken'\n                      )}\n                    >\n                      <Activity\n                        className={cn(\n                          'h-4 w-4',\n                          activity.amount > 0 ? 'text-status-success-text' : 'text-text-secondary'\n                        )}\n                      />\n                    </div>\n                    <div>\n                      <p className=\"text-sm font-medium text-text-primary\">\n                        {activity.description}\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">\n                        {new Date(activity.date).toLocaleDateString('en-IN', {\n                          day: 'numeric',\n                          month: 'short',\n                          year: 'numeric',\n                        })}\n                      </p>\n                    </div>\n                  </div>\n                  <span\n                    className={cn(\n                      'text-sm font-semibold',\n                      activity.amount > 0 ? 'text-status-success-text' : 'text-text-primary'\n                    )}\n                  >\n                    {activity.amount > 0 ? '+' : ''}\n                    {formatCurrency(Math.abs(activity.amount), { minimumFractionDigits: 0 })}\n                  </span>\n                </div>\n              ))}\n            </div>\n          </section>\n        </div>\n\n        {/* Sidebar */}\n        <div className=\"space-y-6\">\n          {/* AI Insights */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"mb-3 flex items-center gap-2\">\n              <Lightbulb className=\"h-5 w-5 text-status-warning-text\" />\n              <h3 className=\"text-base font-semibold text-text-primary\">AI Insights</h3>\n            </div>\n            <div className=\"space-y-3\">\n              {mockAiInsights.map((insight) => (\n                <div\n                  key={insight.id}\n                  className=\"rounded-lg border border-border-subtle bg-bg-sunken/50 p-3\"\n                >\n                  <div className=\"mb-1 flex items-center justify-between\">\n                    <h4 className=\"text-xs font-semibold text-text-primary\">{insight.title}</h4>\n                    <span className=\"rounded-full bg-action-primary-bg/10 px-2 py-0.5 text-xs font-medium text-primary\">\n                      {insight.confidence}%\n                    </span>\n                  </div>\n                  <p className=\"text-xs leading-relaxed text-text-secondary\">\n                    {insight.description}\n                  </p>\n                </div>\n              ))}\n            </div>\n          </div>\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\n          {/* Market Updates */}\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\">Market Updates</h3>\n            <div className=\"space-y-3\">\n              <div className=\"border-l-4 border-status-success-text pl-3\">\n                <h4 className=\"text-xs font-semibold text-text-primary\">\n                  Mobile Services Market Growing\n                </h4>\n                <p className=\"mt-1 text-xs leading-relaxed text-text-secondary\">\n                  Mobile service industry shows 35% growth in Q4 2024\n                </p>\n              </div>\n              <div className=\"border-l-4 border-border-focus pl-3\">\n                <h4 className=\"text-xs font-semibold text-text-primary\">\n                  New Investment Tax Benefits\n                </h4>\n                <p className=\"mt-1 text-xs leading-relaxed text-text-secondary\">\n                  Government announces SME investment incentives\n                </p>\n              </div>\n              <div className=\"border-l-4 border-status-warning-text pl-3\">\n                <h4 className=\"text-xs font-semibold text-text-primary\">\n                  Home Services Demand Surge\n                </h4>\n                <p className=\"mt-1 text-xs leading-relaxed text-text-secondary\">\n                  Cleaning and maintenance businesses up 25% this quarter\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"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 metrics, tab navigation (portfolio/opportunities),\n * AI insights sidebar, quick actions, market updates, and recent activity.\n */\n\nimport { useState, useEffect, useMemo } from 'react';\nimport {\n  Wallet,\n  TrendingUp,\n  PieChart,\n  Briefcase,\n  ArrowRight,\n  Activity,\n  IndianRupee,\n  Target,\n  Award,\n  Filter,\n  Eye,\n  Plus,\n  MapPin,\n  Lightbulb,\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 { RatingDisplay } from '../../components/RatingDisplay';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useInvestmentOpportunities, useInvestments } from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ninterface DashboardInvestment {\n  id: string;\n  cartName: string;\n  cartOwner: string;\n  investmentAmount: number;\n  equityPercentage: number;\n  investmentDate: string;\n  currentValue: number;\n  monthlyReturns: number;\n  status: 'active' | 'pending' | 'completed';\n  location: string;\n  category: string;\n  rating: number;\n  riskLevel: 'low' | 'medium' | 'high';\n}\n\nconst mockAiInsights = [\n  {\n    id: '1',\n    type: 'opportunity' as const,\n    title: 'High-Potential Business Detected',\n    description:\n      'Glow Beauty Services in Koramangala shows 95% growth potential based on location analytics and market demand.',\n    confidence: 94,\n  },\n  {\n    id: '2',\n    type: 'suggestion' as const,\n    title: 'Portfolio Diversification Recommended',\n    description:\n      'Consider investing in Education & Skills to balance your services-heavy portfolio. Current allocation: 70% services, 30% retail.',\n    confidence: 87,\n  },\n  {\n    id: '3',\n    type: 'trend' as const,\n    title: 'Market Trend Alert',\n    description:\n      'Health & Wellness businesses in tech hubs are experiencing 40% higher returns. Whitefield shows promising opportunities.',\n    confidence: 91,\n  },\n];\n\nconst mockRecentActivity = [\n  {\n    id: 'act-1',\n    type: 'dividend',\n    description: 'Dividend received from Quick Cuts Salon',\n    amount: 4200,\n    date: '2024-01-14T10:00:00Z',\n  },\n  {\n    id: 'act-2',\n    type: 'investment',\n    description: 'Invested in Spotless Cleaning Services',\n    amount: -40000,\n    date: '2024-01-10T09:30:00Z',\n  },\n  {\n    id: 'act-3',\n    type: 'return',\n    description: 'Returns from Fix-It Mobile Repair',\n    amount: 6800,\n    date: '2024-01-05T14:00:00Z',\n  },\n  {\n    id: 'act-4',\n    type: 'investment',\n    description: 'Invested in Fix-It Mobile Repair',\n    amount: -75000,\n    date: '2023-12-20T11:00:00Z',\n  },\n];\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction getRiskBadgeColor(risk: string): string {\n  switch (risk) {\n    case 'low':\n      return 'bg-status-success-bg-subtle text-status-success-text';\n    case 'medium':\n      return 'bg-status-warning-bg-subtle text-status-warning-text';\n    case 'high':\n      return 'bg-status-error-bg-subtle text-status-error-text';\n    default:\n      return 'bg-bg-sunken text-text-secondary';\n  }\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 'pending':\n      return 'bg-status-warning-bg-subtle text-status-warning-text';\n    case 'completed':\n      return 'bg-[var(--color-accent-soft)] text-text-primary';\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 monthlyIncome = totalReturns / 12; // Simple mock derivation\n    const roi = totalInvested > 0 ? (totalReturns / totalInvested) * 100 : 0;\n\n    return {\n      totalInvested,\n      currentValue,\n      totalReturns,\n      monthlyIncome,\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\n        investments 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-2 lg:grid-cols-4\">\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=\"up\"\n            trendValue={`+${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            trend=\"up\"\n            trendValue=\"+15.2% this month\"\n          />\n          <MetricsCard\n            icon={<Activity className=\"h-5 w-5\" />}\n            value={formatCurrency(portfolioSummary.monthlyIncome, { minimumFractionDigits: 0 })}\n            label=\"Monthly Income\"\n            trend=\"up\"\n            trendValue=\"+8.5% vs last month\"\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={() => alert('Filter functionality coming soon!')}\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                  Filter\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 className=\"mb-3 flex flex-wrap items-center gap-3 text-xs text-text-secondary\">\n                          <span className=\"flex items-center gap-1\">\n                            <MapPin className=\"h-3.5 w-3.5\" />\n                            {'India'}\n                          </span>\n                          <span>{'Services'}</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=\"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\">Growth</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              <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                {activeOpportunities.slice(0, 2).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/opportunities/${id}`)}\n                  />\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* Recent Activity */}\n          <section className=\"mt-8\">\n            <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Recent Activity</h2>\n            <div className=\"divide-y divide-border rounded-lg border border-border-subtle bg-bg-surface\">\n              {mockRecentActivity.map((activity) => (\n                <div key={activity.id} className=\"flex items-center justify-between px-4 py-3\">\n                  <div className=\"flex items-center gap-3\">\n                    <div\n                      className={cn(\n                        'flex h-8 w-8 items-center justify-center rounded-full',\n                        activity.amount > 0 ? 'bg-status-success-bg-subtle' : 'bg-bg-sunken'\n                      )}\n                    >\n                      <Activity\n                        className={cn(\n                          'h-4 w-4',\n                          activity.amount > 0 ? 'text-status-success-text' : 'text-text-secondary'\n                        )}\n                      />\n                    </div>\n                    <div>\n                      <p className=\"text-sm font-medium text-text-primary\">\n                        {activity.description}\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">\n                        {new Date(activity.date).toLocaleDateString('en-IN', {\n                          day: 'numeric',\n                          month: 'short',\n                          year: 'numeric',\n                        })}\n                      </p>\n                    </div>\n                  </div>\n                  <span\n                    className={cn(\n                      'text-sm font-semibold',\n                      activity.amount > 0 ? 'text-status-success-text' : 'text-text-primary'\n                    )}\n                  >\n                    {activity.amount > 0 ? '+' : ''}\n                    {formatCurrency(Math.abs(activity.amount), { minimumFractionDigits: 0 })}\n                  </span>\n                </div>\n              ))}\n            </div>\n          </section>\n        </div>\n\n        {/* Sidebar */}\n        <div className=\"space-y-6\">\n          {/* AI Insights */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"mb-3 flex items-center gap-2\">\n              <Lightbulb className=\"h-5 w-5 text-status-warning-text\" />\n              <h3 className=\"text-base font-semibold text-text-primary\">AI Insights</h3>\n            </div>\n            <div className=\"space-y-3\">\n              {mockAiInsights.map((insight) => (\n                <div\n                  key={insight.id}\n                  className=\"rounded-lg border border-border-subtle bg-bg-sunken/50 p-3\"\n                >\n                  <div className=\"mb-1 flex items-center justify-between\">\n                    <h4 className=\"text-xs font-semibold text-text-primary\">{insight.title}</h4>\n                    <span className=\"rounded-full bg-action-primary-bg/10 px-2 py-0.5 text-xs font-medium text-primary\">\n                      {insight.confidence}%\n                    </span>\n                  </div>\n                  <p className=\"text-xs leading-relaxed text-text-secondary\">\n                    {insight.description}\n                  </p>\n                </div>\n              ))}\n            </div>\n          </div>\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\n          {/* Market Updates */}\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\">Market Updates</h3>\n            <div className=\"space-y-3\">\n              <div className=\"border-l-4 border-status-success-text pl-3\">\n                <h4 className=\"text-xs font-semibold text-text-primary\">\n                  Mobile Services Market Growing\n                </h4>\n                <p className=\"mt-1 text-xs leading-relaxed text-text-secondary\">\n                  Mobile service industry shows 35% growth in Q4 2024\n                </p>\n              </div>\n              <div className=\"border-l-4 border-border-focus pl-3\">\n                <h4 className=\"text-xs font-semibold text-text-primary\">\n                  New Investment Tax Benefits\n                </h4>\n                <p className=\"mt-1 text-xs leading-relaxed text-text-secondary\">\n                  Government announces SME investment incentives\n                </p>\n              </div>\n              <div className=\"border-l-4 border-status-warning-text pl-3\">\n                <h4 className=\"text-xs font-semibold text-text-primary\">\n                  Home Services Demand Surge\n                </h4>\n                <p className=\"mt-1 text-xs leading-relaxed text-text-secondary\">\n                  Cleaning and maintenance businesses up 25% this quarter\n                </p>\n              </div>\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

@@ -99,8 +99,8 @@ function T(e) {
 		case "active": return "bg-status-success-bg-subtle text-status-success-text";
 		case "pending": return "bg-status-warning-bg-subtle text-status-warning-text";
 		case "matured": return "bg-[var(--color-accent-soft)] text-text-primary";
-		case "withdrawn": return "bg-secondary text-secondary-foreground";
-		default: return "bg-secondary text-secondary-foreground";
+		case "withdrawn": return "bg-bg-sunken text-text-secondary";
+		default: return "bg-bg-sunken text-text-secondary";
 	}
 }
 function E(e) {