@burdenoff/microfe-adaptercloud 2026.614.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"InvestorAnalyticsPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/investor/InvestorAnalyticsPage.tsx"],"sourcesContent":["/**\n * Investor Analytics Page\n * @module adaptercloud/pages/investor\n *\n * Date range selector, export button, metrics grid, performance by cart\n * with rankings, category distribution with progress bars, monthly\n * performance table, risk analysis with scores, diversification score,\n * and recommendations list.\n */\n\nimport { useState, useEffect, useCallback } from 'react';\nimport {\n  TrendingUp,\n  PieChart,\n  BarChart3,\n  Calendar,\n  Download,\n  Target,\n  Activity,\n  Wallet,\n  IndianRupee,\n  Lightbulb,\n  Shield,\n  AlertTriangle,\n  ArrowUp,\n  ArrowDown,\n} from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatNumber } from '../../utils/formatters';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ninterface AnalyticsData {\n  portfolioMetrics: {\n    totalValue: number;\n    totalInvested: number;\n    totalReturns: number;\n    averageRoi: number;\n    portfolioGrowth: number;\n    bestPerforming: string;\n    worstPerforming: string;\n  };\n  performanceByCart: Array<{\n    cartName: string;\n    investedAmount: number;\n    currentValue: number;\n    returns: number;\n    roi: number;\n  }>;\n  performanceByCategory: Array<{\n    category: string;\n    investedAmount: number;\n    returns: number;\n    percentage: number;\n  }>;\n  monthlyPerformance: Array<{\n    month: string;\n    invested: number;\n    value: number;\n    returns: number;\n  }>;\n  riskAnalysis: {\n    riskScore: number;\n    diversificationScore: number;\n    volatilityScore: number;\n    recommendations: string[];\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Mock data\n// ---------------------------------------------------------------------------\n\nconst mockAnalytics: AnalyticsData = {\n  portfolioMetrics: {\n    totalValue: 283700,\n    totalInvested: 255000,\n    totalReturns: 28700,\n    averageRoi: 19.6,\n    portfolioGrowth: 11.3,\n    bestPerforming: 'Biryani House',\n    worstPerforming: 'Healthy Bites',\n  },\n  performanceByCart: [\n    {\n      cartName: 'Biryani House',\n      investedAmount: 60000,\n      currentValue: 72000,\n      returns: 12000,\n      roi: 20.0,\n    },\n    {\n      cartName: 'South Indian Express',\n      investedAmount: 50000,\n      currentValue: 58500,\n      returns: 8500,\n      roi: 17.0,\n    },\n    {\n      cartName: 'Pizza Corner',\n      investedAmount: 75000,\n      currentValue: 82000,\n      returns: 7000,\n      roi: 9.3,\n    },\n    {\n      cartName: 'Healthy Bites',\n      investedAmount: 30000,\n      currentValue: 31200,\n      returns: 1200,\n      roi: 4.0,\n    },\n    {\n      cartName: 'Street Food Junction',\n      investedAmount: 40000,\n      currentValue: 40000,\n      returns: 0,\n      roi: 0,\n    },\n  ],\n  performanceByCategory: [\n    {\n      category: 'South Indian',\n      investedAmount: 110000,\n      returns: 20500,\n      percentage: 43.1,\n    },\n    {\n      category: 'Fast Food',\n      investedAmount: 75000,\n      returns: 7000,\n      percentage: 29.4,\n    },\n    {\n      category: 'Street Food',\n      investedAmount: 40000,\n      returns: 0,\n      percentage: 15.7,\n    },\n    {\n      category: 'Healthy Food',\n      investedAmount: 30000,\n      returns: 1200,\n      percentage: 11.8,\n    },\n  ],\n  monthlyPerformance: [\n    { month: 'Jun 2024', invested: 195000, value: 202000, returns: 7000 },\n    { month: 'Jul 2024', invested: 215000, value: 228000, returns: 13000 },\n    { month: 'Aug 2024', invested: 255000, value: 265000, returns: 10000 },\n    { month: 'Sep 2024', invested: 255000, value: 275000, returns: 20000 },\n    { month: 'Oct 2024', invested: 255000, value: 280000, returns: 25000 },\n    { month: 'Nov 2024', invested: 255000, value: 283700, returns: 28700 },\n  ],\n  riskAnalysis: {\n    riskScore: 3.2,\n    diversificationScore: 7.8,\n    volatilityScore: 2.5,\n    recommendations: [\n      'Consider diversifying into more food categories',\n      'Your portfolio shows good risk distribution',\n      'Consider investing in carts from different locations',\n      'Monitor underperforming investments closely',\n      'Explore premium segment opportunities for higher returns',\n    ],\n  },\n};\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction getRiskLevel(score: number): { label: string; color: string } {\n  if (score <= 2) return { label: 'Low Risk', color: 'text-green-600 dark:text-green-400' };\n  if (score <= 4) return { label: 'Moderate Risk', color: 'text-yellow-600 dark:text-yellow-400' };\n  return { label: 'High Risk', color: 'text-red-600 dark:text-red-400' };\n}\n\nfunction getRiskBgColor(score: number): string {\n  if (score <= 2) return 'bg-green-500';\n  if (score <= 4) return 'bg-yellow-500';\n  return 'bg-red-500';\n}\n\nfunction getDiversificationLevel(score: number): { label: string; color: string } {\n  if (score >= 8) return { label: 'Well Diversified', color: 'text-green-600 dark:text-green-400' };\n  if (score >= 6)\n    return { label: 'Moderately Diversified', color: 'text-yellow-600 dark:text-yellow-400' };\n  return { label: 'Poorly Diversified', color: 'text-red-600 dark:text-red-400' };\n}\n\nfunction getDiversificationBgColor(score: number): string {\n  if (score >= 8) return 'bg-green-500';\n  if (score >= 6) return 'bg-yellow-500';\n  return 'bg-red-500';\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function InvestorAnalyticsPage() {\n  const { navigateTo } = useAdapterCloud();\n  const [isLoading, setIsLoading] = useState(true);\n  const [dateRange, setDateRange] = useState('6m');\n  const [analytics, setAnalytics] = useState<AnalyticsData | null>(null);\n  const [exportStatus, setExportStatus] = useState<'idle' | 'exporting' | 'done'>('idle');\n\n  useEffect(() => {\n    setIsLoading(true);\n    const timer = setTimeout(() => {\n      setAnalytics(mockAnalytics);\n      setIsLoading(false);\n    }, 600);\n    return () => clearTimeout(timer);\n  }, [dateRange]);\n\n  const handleExportReport = useCallback(() => {\n    setExportStatus('exporting');\n    setTimeout(() => {\n      setExportStatus('done');\n      setTimeout(() => setExportStatus('idle'), 2000);\n    }, 1200);\n  }, []);\n\n  if (isLoading || !analytics) {\n    return (\n      <PageLayout title=\"Investment Analytics\" description=\"Loading analytics...\">\n        <div className=\"flex items-center justify-center py-20\">\n          <div className=\"text-center\">\n            <div className=\"mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary\" />\n            <p className=\"text-sm text-muted-foreground\">Loading analytics data...</p>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const riskLevel = getRiskLevel(analytics.riskAnalysis.riskScore);\n  const diversificationLevel = getDiversificationLevel(analytics.riskAnalysis.diversificationScore);\n\n  // Sort carts by ROI for ranking\n  const sortedCarts = [...analytics.performanceByCart].sort((a, b) => b.roi - a.roi);\n\n  return (\n    <PageLayout\n      title=\"Investment Analytics\"\n      description=\"Comprehensive analysis of your portfolio performance\"\n      actions={\n        <div className=\"flex items-center gap-3\">\n          {/* Date Range Selector */}\n          <select\n            value={dateRange}\n            onChange={(e) => setDateRange(e.target.value)}\n            className=\"rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n          >\n            <option value=\"1m\">Last Month</option>\n            <option value=\"3m\">Last 3 Months</option>\n            <option value=\"6m\">Last 6 Months</option>\n            <option value=\"1y\">Last Year</option>\n            <option value=\"all\">All Time</option>\n          </select>\n\n          {/* Export Button */}\n          <button\n            type=\"button\"\n            onClick={handleExportReport}\n            disabled={exportStatus === 'exporting'}\n            className={cn(\n              'flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors',\n              exportStatus === 'exporting'\n                ? 'cursor-not-allowed bg-muted text-muted-foreground'\n                : exportStatus === 'done'\n                  ? 'bg-green-600 text-white'\n                  : 'bg-primary text-primary-foreground hover:bg-primary/90'\n            )}\n          >\n            <Download className=\"h-4 w-4\" />\n            {exportStatus === 'exporting'\n              ? 'Exporting...'\n              : exportStatus === 'done'\n                ? 'Exported!'\n                : 'Export Report'}\n          </button>\n        </div>\n      }\n    >\n      {/* Key Metrics */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <MetricsCard\n          icon={<Wallet className=\"h-5 w-5\" />}\n          value={formatCurrency(analytics.portfolioMetrics.totalValue, {\n            minimumFractionDigits: 0,\n          })}\n          label=\"Portfolio Value\"\n          trend=\"up\"\n          trendValue={`+${analytics.portfolioMetrics.portfolioGrowth}% total growth`}\n        />\n        <MetricsCard\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n          value={formatCurrency(analytics.portfolioMetrics.totalReturns, {\n            minimumFractionDigits: 0,\n          })}\n          label=\"Total Returns\"\n          trend=\"up\"\n          trendValue=\"Profit earned so far\"\n        />\n        <MetricsCard\n          icon={<Target className=\"h-5 w-5\" />}\n          value={`${analytics.portfolioMetrics.averageRoi}%`}\n          label=\"Average ROI\"\n          trend=\"up\"\n          trendValue=\"Across all investments\"\n        />\n        <MetricsCard\n          icon={<Activity className=\"h-5 w-5\" />}\n          value={`${analytics.riskAnalysis.riskScore}/5`}\n          label=\"Risk Score\"\n          trend=\"neutral\"\n          trendValue={riskLevel.label}\n        />\n      </div>\n\n      {/* Best / Worst Performers */}\n      <div className=\"mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2\">\n        <div className=\"flex items-center gap-3 rounded-lg border border-border bg-card p-4\">\n          <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-green-500/10\">\n            <ArrowUp className=\"h-5 w-5 text-green-600 dark:text-green-400\" />\n          </div>\n          <div>\n            <p className=\"text-xs text-muted-foreground\">Best Performing</p>\n            <p className=\"text-sm font-semibold text-green-600 dark:text-green-400\">\n              {analytics.portfolioMetrics.bestPerforming}\n            </p>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-3 rounded-lg border border-border bg-card p-4\">\n          <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-red-500/10\">\n            <ArrowDown className=\"h-5 w-5 text-red-600 dark:text-red-400\" />\n          </div>\n          <div>\n            <p className=\"text-xs text-muted-foreground\">Worst Performing</p>\n            <p className=\"text-sm font-semibold text-foreground\">\n              {analytics.portfolioMetrics.worstPerforming}\n            </p>\n          </div>\n        </div>\n      </div>\n\n      {/* Performance by Cart & Category Distribution */}\n      <div className=\"mt-6 grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        {/* Performance by Cart */}\n        <section>\n          <div className=\"mb-4 flex items-center gap-2\">\n            <BarChart3 className=\"h-5 w-5 text-muted-foreground\" />\n            <h2 className=\"text-lg font-semibold text-foreground\">Performance by Cart</h2>\n          </div>\n\n          <div className=\"space-y-3\">\n            {sortedCarts.map((cart, index) => (\n              <div\n                key={cart.cartName}\n                className=\"flex items-center justify-between rounded-lg border border-border bg-card p-3\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary text-xs font-bold text-primary-foreground\">\n                    {index + 1}\n                  </div>\n                  <div>\n                    <p className=\"text-sm font-medium text-foreground\">{cart.cartName}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {formatCurrency(cart.investedAmount, { minimumFractionDigits: 0 })} invested\n                    </p>\n                  </div>\n                </div>\n                <div className=\"text-right\">\n                  <p\n                    className={cn(\n                      'text-sm font-semibold',\n                      cart.returns >= 0\n                        ? 'text-green-600 dark:text-green-400'\n                        : 'text-red-600 dark:text-red-400'\n                    )}\n                  >\n                    {cart.returns >= 0 ? '+' : ''}\n                    {formatCurrency(cart.returns, { minimumFractionDigits: 0 })}\n                  </p>\n                  <p\n                    className={cn(\n                      'text-xs',\n                      cart.roi >= 0\n                        ? 'text-green-600 dark:text-green-400'\n                        : 'text-red-600 dark:text-red-400'\n                    )}\n                  >\n                    {cart.roi >= 0 ? '+' : ''}\n                    {cart.roi}% ROI\n                  </p>\n                </div>\n              </div>\n            ))}\n          </div>\n        </section>\n\n        {/* Category Distribution */}\n        <section>\n          <div className=\"mb-4 flex items-center gap-2\">\n            <PieChart className=\"h-5 w-5 text-muted-foreground\" />\n            <h2 className=\"text-lg font-semibold text-foreground\">Category Distribution</h2>\n          </div>\n\n          <div className=\"space-y-4\">\n            {analytics.performanceByCategory.map((category) => (\n              <div key={category.category} className=\"rounded-lg border border-border bg-card p-3\">\n                <div className=\"mb-2 flex items-center justify-between\">\n                  <span className=\"text-sm font-medium text-foreground\">{category.category}</span>\n                  <span className=\"text-sm text-muted-foreground\">{category.percentage}%</span>\n                </div>\n                <div className=\"mb-2 h-2 w-full overflow-hidden rounded-full bg-muted\">\n                  <div\n                    className=\"h-full rounded-full bg-primary transition-all duration-300\"\n                    style={{ width: `${category.percentage}%` }}\n                  />\n                </div>\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-xs text-muted-foreground\">\n                    {formatCurrency(category.investedAmount, { minimumFractionDigits: 0 })} invested\n                  </span>\n                  <span\n                    className={cn(\n                      'text-xs font-semibold',\n                      category.returns >= 0\n                        ? 'text-green-600 dark:text-green-400'\n                        : 'text-red-600 dark:text-red-400'\n                    )}\n                  >\n                    {category.returns >= 0 ? '+' : ''}\n                    {formatCurrency(category.returns, { minimumFractionDigits: 0 })}\n                  </span>\n                </div>\n              </div>\n            ))}\n          </div>\n        </section>\n      </div>\n\n      {/* Monthly Performance Table */}\n      <section className=\"mt-8\">\n        <div className=\"mb-4 flex items-center gap-2\">\n          <Calendar className=\"h-5 w-5 text-muted-foreground\" />\n          <h2 className=\"text-lg font-semibold text-foreground\">Portfolio Growth Trend</h2>\n        </div>\n\n        <div className=\"overflow-hidden rounded-lg border border-border bg-card\">\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full\">\n              <thead>\n                <tr className=\"border-b border-border bg-muted/50\">\n                  <th className=\"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground sm:px-6\">\n                    Month\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground sm:px-6\">\n                    Invested\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground sm:px-6\">\n                    Portfolio Value\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground sm:px-6\">\n                    Returns\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground sm:px-6\">\n                    Growth %\n                  </th>\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-border\">\n                {analytics.monthlyPerformance.map((month) => {\n                  const growthPct =\n                    month.invested > 0\n                      ? (((month.value - month.invested) / month.invested) * 100).toFixed(1)\n                      : '0.0';\n\n                  return (\n                    <tr key={month.month} className=\"hover:bg-accent/50 transition-colors\">\n                      <td className=\"whitespace-nowrap px-4 py-4 text-sm font-medium text-foreground sm:px-6\">\n                        {month.month}\n                      </td>\n                      <td className=\"whitespace-nowrap px-4 py-4 text-sm text-foreground sm:px-6\">\n                        {formatCurrency(month.invested, { minimumFractionDigits: 0 })}\n                      </td>\n                      <td className=\"whitespace-nowrap px-4 py-4 text-sm text-foreground sm:px-6\">\n                        {formatCurrency(month.value, { minimumFractionDigits: 0 })}\n                      </td>\n                      <td className=\"whitespace-nowrap px-4 py-4 text-sm sm:px-6\">\n                        <span\n                          className={cn(\n                            'font-semibold',\n                            month.returns >= 0\n                              ? 'text-green-600 dark:text-green-400'\n                              : 'text-red-600 dark:text-red-400'\n                          )}\n                        >\n                          {month.returns >= 0 ? '+' : ''}\n                          {formatCurrency(month.returns, { minimumFractionDigits: 0 })}\n                        </span>\n                      </td>\n                      <td className=\"whitespace-nowrap px-4 py-4 text-sm sm:px-6\">\n                        <span\n                          className={cn(\n                            'font-medium',\n                            parseFloat(growthPct) >= 0\n                              ? 'text-green-600 dark:text-green-400'\n                              : 'text-red-600 dark:text-red-400'\n                          )}\n                        >\n                          {parseFloat(growthPct) >= 0 ? '+' : ''}\n                          {growthPct}%\n                        </span>\n                      </td>\n                    </tr>\n                  );\n                })}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </section>\n\n      {/* Risk Analysis & Diversification */}\n      <div className=\"mt-8 grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        {/* Risk Analysis */}\n        <section>\n          <div className=\"mb-4 flex items-center gap-2\">\n            <Shield className=\"h-5 w-5 text-muted-foreground\" />\n            <h2 className=\"text-lg font-semibold text-foreground\">Risk Analysis</h2>\n          </div>\n\n          <div className=\"rounded-lg border border-border bg-card p-4 sm:p-6\">\n            <div className=\"space-y-5\">\n              {/* Risk Score */}\n              <div>\n                <div className=\"mb-2 flex items-center justify-between\">\n                  <span className=\"text-sm text-foreground\">Risk Score</span>\n                  <span className={cn('text-sm font-semibold', riskLevel.color)}>\n                    {analytics.riskAnalysis.riskScore}/5 ({riskLevel.label})\n                  </span>\n                </div>\n                <div className=\"h-3 w-full overflow-hidden rounded-full bg-muted\">\n                  <div\n                    className={cn(\n                      'h-full rounded-full transition-all duration-300',\n                      getRiskBgColor(analytics.riskAnalysis.riskScore)\n                    )}\n                    style={{ width: `${(analytics.riskAnalysis.riskScore / 5) * 100}%` }}\n                  />\n                </div>\n              </div>\n\n              {/* Diversification Score */}\n              <div>\n                <div className=\"mb-2 flex items-center justify-between\">\n                  <span className=\"text-sm text-foreground\">Diversification</span>\n                  <span className={cn('text-sm font-semibold', diversificationLevel.color)}>\n                    {analytics.riskAnalysis.diversificationScore}/10 ({diversificationLevel.label})\n                  </span>\n                </div>\n                <div className=\"h-3 w-full overflow-hidden rounded-full bg-muted\">\n                  <div\n                    className={cn(\n                      'h-full rounded-full transition-all duration-300',\n                      getDiversificationBgColor(analytics.riskAnalysis.diversificationScore)\n                    )}\n                    style={{\n                      width: `${(analytics.riskAnalysis.diversificationScore / 10) * 100}%`,\n                    }}\n                  />\n                </div>\n              </div>\n\n              {/* Volatility Score */}\n              <div>\n                <div className=\"mb-2 flex items-center justify-between\">\n                  <span className=\"text-sm text-foreground\">Volatility</span>\n                  <span\n                    className={cn(\n                      'text-sm font-semibold',\n                      getRiskLevel(analytics.riskAnalysis.volatilityScore).color\n                    )}\n                  >\n                    {analytics.riskAnalysis.volatilityScore}/5\n                  </span>\n                </div>\n                <div className=\"h-3 w-full overflow-hidden rounded-full bg-muted\">\n                  <div\n                    className={cn(\n                      'h-full rounded-full transition-all duration-300',\n                      getRiskBgColor(analytics.riskAnalysis.volatilityScore)\n                    )}\n                    style={{ width: `${(analytics.riskAnalysis.volatilityScore / 5) * 100}%` }}\n                  />\n                </div>\n              </div>\n\n              {/* Quick Stats */}\n              <div className=\"grid grid-cols-2 gap-3 border-t border-border pt-4\">\n                <div className=\"rounded-lg bg-muted/50 p-3 text-center\">\n                  <p className=\"text-lg font-bold text-foreground\">\n                    {analytics.performanceByCart.length}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">Active Investments</p>\n                </div>\n                <div className=\"rounded-lg bg-muted/50 p-3 text-center\">\n                  <p className=\"text-lg font-bold text-foreground\">\n                    {analytics.performanceByCategory.length}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">Sectors Covered</p>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n\n        {/* Recommendations */}\n        <section>\n          <div className=\"mb-4 flex items-center gap-2\">\n            <Lightbulb className=\"h-5 w-5 text-yellow-500\" />\n            <h2 className=\"text-lg font-semibold text-foreground\">Recommendations</h2>\n          </div>\n\n          <div className=\"rounded-lg border border-border bg-card p-4 sm:p-6\">\n            <div className=\"space-y-3\">\n              {analytics.riskAnalysis.recommendations.map((recommendation, index) => (\n                <div\n                  key={index}\n                  className=\"flex items-start gap-3 rounded-lg border border-border bg-muted/30 p-3\"\n                >\n                  <div className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-primary text-xs font-bold text-primary-foreground\">\n                    {index + 1}\n                  </div>\n                  <p className=\"text-sm leading-relaxed text-foreground\">{recommendation}</p>\n                </div>\n              ))}\n            </div>\n\n            {/* Overall Assessment */}\n            <div className=\"mt-5 rounded-lg border border-border bg-muted/50 p-4\">\n              <h4 className=\"mb-2 text-sm font-semibold text-foreground\">Overall Assessment</h4>\n              <div className=\"space-y-2\">\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-xs text-muted-foreground\">Portfolio Health</span>\n                  <div className=\"flex items-center gap-2\">\n                    <div className=\"flex gap-0.5\">\n                      {[1, 2, 3, 4, 5].map((i) => (\n                        <div\n                          key={i}\n                          className={cn('h-2 w-4 rounded-sm', i <= 4 ? 'bg-green-500' : 'bg-muted')}\n                        />\n                      ))}\n                    </div>\n                    <span className=\"text-xs font-medium text-foreground\">4/5</span>\n                  </div>\n                </div>\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-xs text-muted-foreground\">Growth Potential</span>\n                  <div className=\"flex items-center gap-2\">\n                    <div className=\"flex gap-0.5\">\n                      {[1, 2, 3, 4, 5].map((i) => (\n                        <div\n                          key={i}\n                          className={cn(\n                            'h-2 w-4 rounded-sm',\n                            i <= 3 ? 'bg-yellow-500' : 'bg-muted'\n                          )}\n                        />\n                      ))}\n                    </div>\n                    <span className=\"text-xs font-medium text-foreground\">3/5</span>\n                  </div>\n                </div>\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-xs text-muted-foreground\">Income Stability</span>\n                  <div className=\"flex items-center gap-2\">\n                    <div className=\"flex gap-0.5\">\n                      {[1, 2, 3, 4, 5].map((i) => (\n                        <div\n                          key={i}\n                          className={cn('h-2 w-4 rounded-sm', i <= 4 ? 'bg-green-500' : 'bg-muted')}\n                        />\n                      ))}\n                    </div>\n                    <span className=\"text-xs font-medium text-foreground\">4/5</span>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n      </div>\n\n      {/* Quick Navigation */}\n      <div className=\"mt-8 flex flex-wrap gap-3\">\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/investor/portfolio')}\n          className=\"flex items-center gap-2 rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors\"\n        >\n          <PieChart className=\"h-4 w-4\" />\n          View Portfolio\n        </button>\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/investor/opportunities')}\n          className=\"flex items-center gap-2 rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors\"\n        >\n          <Target className=\"h-4 w-4\" />\n          Browse Opportunities\n        </button>\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/investor/investments')}\n          className=\"flex items-center gap-2 rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors\"\n        >\n          <Wallet className=\"h-4 w-4\" />\n          My Investments\n        </button>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,419 @@
+import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { MetricsCard as r } from "../../components/MetricsCard.js";
+import { useInvestmentOpportunities as i, useInvestments as a } from "../../hooks/useAdapterCloudApi.js";
+import { formatCurrency as o } from "../../utils/formatters.js";
+import { InvestmentCard as s } from "../../components/InvestmentCard.js";
+import { useMemo as c, useState as l } from "react";
+import { Activity as u, Award as d, BarChart3 as f, Briefcase as p, Eye as m, Filter as h, IndianRupee as g, Lightbulb as _, MapPin as v, PieChart as y, Plus as b, Target as x, Wallet as S } from "lucide-react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+//#region src/adaptercloud/pages/investor/InvestorDashboard.tsx
+var T = [
+	{
+		id: "1",
+		type: "opportunity",
+		title: "High-Potential Business Detected",
+		description: "Glow Beauty Services in Koramangala shows 95% growth potential based on location analytics and market demand.",
+		confidence: 94
+	},
+	{
+		id: "2",
+		type: "suggestion",
+		title: "Portfolio Diversification Recommended",
+		description: "Consider investing in Education & Skills to balance your services-heavy portfolio. Current allocation: 70% services, 30% retail.",
+		confidence: 87
+	},
+	{
+		id: "3",
+		type: "trend",
+		title: "Market Trend Alert",
+		description: "Health & Wellness businesses in tech hubs are experiencing 40% higher returns. Whitefield shows promising opportunities.",
+		confidence: 91
+	}
+], E = [
+	{
+		id: "act-1",
+		type: "dividend",
+		description: "Dividend received from Quick Cuts Salon",
+		amount: 4200,
+		date: "2024-01-14T10:00:00Z"
+	},
+	{
+		id: "act-2",
+		type: "investment",
+		description: "Invested in Spotless Cleaning Services",
+		amount: -4e4,
+		date: "2024-01-10T09:30:00Z"
+	},
+	{
+		id: "act-3",
+		type: "return",
+		description: "Returns from Fix-It Mobile Repair",
+		amount: 6800,
+		date: "2024-01-05T14:00:00Z"
+	},
+	{
+		id: "act-4",
+		type: "investment",
+		description: "Invested in Fix-It Mobile Repair",
+		amount: -75e3,
+		date: "2023-12-20T11:00:00Z"
+	}
+];
+function D(e) {
+	switch (e) {
+		case "active": return "bg-green-500/20 text-green-600 dark:text-green-400";
+		case "pending": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
+		case "completed": return "bg-blue-500/20 text-blue-600 dark:text-blue-400";
+		default: return "bg-secondary text-secondary-foreground";
+	}
+}
+function O() {
+	let { navigateTo: O, currentUser: k } = e(), [A, j] = l("portfolio"), { data: M = [], isLoading: N } = i(), { data: P = [], isLoading: F } = a(k?.id || ""), I = k?.firstName ?? k?.name ?? "Investor", L = M.filter((e) => e.status === "active"), R = c(() => {
+		let e = P.reduce((e, t) => e + t.investedAmount, 0), t = P.reduce((e, t) => e + t.currentValue, 0), n = P.reduce((e, t) => e + t.returns, 0);
+		return {
+			totalInvested: e,
+			currentValue: t,
+			totalReturns: n,
+			monthlyIncome: n / 12,
+			roi: e > 0 ? n / e * 100 : 0
+		};
+	}, [P]);
+	return N || F ? /* @__PURE__ */ C(n, {
+		title: "Investment Dashboard",
+		description: "Loading your portfolio...",
+		children: /* @__PURE__ */ C("div", {
+			className: "flex items-center justify-center py-20",
+			children: /* @__PURE__ */ w("div", {
+				className: "text-center",
+				children: [/* @__PURE__ */ C("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ C("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Loading your portfolio..."
+				})]
+			})
+		})
+	}) : /* @__PURE__ */ w(n, {
+		title: `Welcome back, ${I}!`,
+		description: "Here's your investment portfolio overview.",
+		children: [/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
+			className: "mb-4 text-lg font-semibold text-foreground",
+			children: "Portfolio Overview"
+		}), /* @__PURE__ */ w("div", {
+			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+			children: [
+				/* @__PURE__ */ C(r, {
+					icon: /* @__PURE__ */ C(S, { className: "h-5 w-5" }),
+					value: o(R.totalInvested, { minimumFractionDigits: 0 }),
+					label: "Total Invested",
+					trend: "up",
+					trendValue: "Across all businesses"
+				}),
+				/* @__PURE__ */ C(r, {
+					icon: /* @__PURE__ */ C(g, { className: "h-5 w-5" }),
+					value: o(R.currentValue, { minimumFractionDigits: 0 }),
+					label: "Current Value",
+					trend: "up",
+					trendValue: `+${R.roi.toFixed(1)}%`
+				}),
+				/* @__PURE__ */ C(r, {
+					icon: /* @__PURE__ */ C(x, { className: "h-5 w-5" }),
+					value: o(R.totalReturns, { minimumFractionDigits: 0 }),
+					label: "Total Returns",
+					trend: "up",
+					trendValue: "+15.2% this month"
+				}),
+				/* @__PURE__ */ C(r, {
+					icon: /* @__PURE__ */ C(u, { className: "h-5 w-5" }),
+					value: o(R.monthlyIncome, { minimumFractionDigits: 0 }),
+					label: "Monthly Income",
+					trend: "up",
+					trendValue: "+8.5% vs last month"
+				})
+			]
+		})] }), /* @__PURE__ */ w("div", {
+			className: "mt-8 grid grid-cols-1 gap-6 lg:grid-cols-3",
+			children: [/* @__PURE__ */ w("div", {
+				className: "lg:col-span-2",
+				children: [
+					/* @__PURE__ */ w("div", {
+						className: "mb-6 flex rounded-lg bg-muted p-1",
+						children: [/* @__PURE__ */ C("button", {
+							type: "button",
+							onClick: () => j("portfolio"),
+							className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", A === "portfolio" ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"),
+							children: "My Investments"
+						}), /* @__PURE__ */ C("button", {
+							type: "button",
+							onClick: () => j("opportunities"),
+							className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", A === "opportunities" ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"),
+							children: "New Opportunities"
+						})]
+					}),
+					A === "portfolio" && /* @__PURE__ */ w("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ w("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ C("h3", {
+								className: "text-base font-semibold text-foreground",
+								children: "Active Investments"
+							}), /* @__PURE__ */ w("button", {
+								type: "button",
+								onClick: () => alert("Filter functionality coming soon!"),
+								className: "flex items-center gap-2 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+								children: [/* @__PURE__ */ C(h, { className: "h-4 w-4" }), "Filter"]
+							})]
+						}), P.length === 0 ? /* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-dashed border-border p-8 text-center",
+							children: [
+								/* @__PURE__ */ C(p, { className: "mx-auto h-12 w-12 text-muted-foreground opacity-20" }),
+								/* @__PURE__ */ C("p", {
+									className: "mt-2 text-sm text-muted-foreground",
+									children: "No active investments found."
+								}),
+								/* @__PURE__ */ C("button", {
+									type: "button",
+									onClick: () => j("opportunities"),
+									className: "mt-4 text-sm font-medium text-primary hover:underline",
+									children: "Browse opportunities"
+								})
+							]
+						}) : P.map((e) => /* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm hover:shadow-md transition-shadow",
+							children: [/* @__PURE__ */ w("div", {
+								className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+								children: [/* @__PURE__ */ w("div", {
+									className: "flex-1",
+									children: [/* @__PURE__ */ w("div", {
+										className: "mb-2 flex flex-wrap items-center gap-2",
+										children: [/* @__PURE__ */ C("h4", {
+											className: "text-base font-semibold text-foreground",
+											children: e.cartName
+										}), /* @__PURE__ */ C("span", {
+											className: t("rounded-full px-2 py-0.5 text-xs font-medium", D(e.status)),
+											children: e.status
+										})]
+									}), /* @__PURE__ */ w("div", {
+										className: "mb-3 flex flex-wrap items-center gap-3 text-xs text-muted-foreground",
+										children: [/* @__PURE__ */ w("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ C(v, { className: "h-3.5 w-3.5" }), "India"]
+										}), /* @__PURE__ */ C("span", { children: "Services" })]
+									})]
+								}), /* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => O(`/investor/investments/${e.id}`),
+									className: "flex items-center gap-2 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+									children: [/* @__PURE__ */ C(m, { className: "h-4 w-4" }), "View Details"]
+								})]
+							}), /* @__PURE__ */ w("div", {
+								className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
+								children: [
+									/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Invested"
+									}), /* @__PURE__ */ C("p", {
+										className: "text-sm font-semibold text-foreground",
+										children: o(e.investedAmount, { minimumFractionDigits: 0 })
+									})] }),
+									/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Current Value"
+									}), /* @__PURE__ */ C("p", {
+										className: "text-sm font-semibold text-green-600 dark:text-green-400",
+										children: o(e.currentValue, { minimumFractionDigits: 0 })
+									})] }),
+									/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Returns"
+									}), /* @__PURE__ */ C("p", {
+										className: "text-sm font-semibold text-foreground",
+										children: o(e.returns, { minimumFractionDigits: 0 })
+									})] }),
+									/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Growth"
+									}), /* @__PURE__ */ w("p", {
+										className: "text-sm font-semibold text-green-600 dark:text-green-400",
+										children: [e.returnsPercentage, "%"]
+									})] })
+								]
+							})]
+						}, e.id))]
+					}),
+					A === "opportunities" && /* @__PURE__ */ w("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ w("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ C("h3", {
+								className: "text-base font-semibold text-foreground",
+								children: "Investment Opportunities"
+							}), /* @__PURE__ */ w("button", {
+								type: "button",
+								onClick: () => O("/investor/opportunities"),
+								className: "flex items-center gap-2 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+								children: [/* @__PURE__ */ C(b, { className: "h-4 w-4" }), "Browse All"]
+							})]
+						}), /* @__PURE__ */ C("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: L.slice(0, 2).map((e) => /* @__PURE__ */ C(s, {
+								id: e.id,
+								cartName: e.cartName,
+								targetAmount: e.targetAmount,
+								raisedAmount: e.raisedAmount,
+								expectedReturns: `${e.expectedReturns}%`,
+								riskLevel: e.riskLevel,
+								status: e.status,
+								onClick: (e) => O(`/investor/opportunities/${e}`)
+							}, e.id))
+						})]
+					}),
+					/* @__PURE__ */ w("section", {
+						className: "mt-8",
+						children: [/* @__PURE__ */ C("h2", {
+							className: "mb-4 text-lg font-semibold text-foreground",
+							children: "Recent Activity"
+						}), /* @__PURE__ */ C("div", {
+							className: "divide-y divide-border rounded-lg border border-border bg-card",
+							children: E.map((e) => /* @__PURE__ */ w("div", {
+								className: "flex items-center justify-between px-4 py-3",
+								children: [/* @__PURE__ */ w("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ C("div", {
+										className: t("flex h-8 w-8 items-center justify-center rounded-full", e.amount > 0 ? "bg-green-500/10" : "bg-muted"),
+										children: /* @__PURE__ */ C(u, { className: t("h-4 w-4", e.amount > 0 ? "text-green-600 dark:text-green-400" : "text-muted-foreground") })
+									}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										className: "text-sm font-medium text-foreground",
+										children: e.description
+									}), /* @__PURE__ */ C("p", {
+										className: "text-xs text-muted-foreground",
+										children: new Date(e.date).toLocaleDateString("en-IN", {
+											day: "numeric",
+											month: "short",
+											year: "numeric"
+										})
+									})] })]
+								}), /* @__PURE__ */ w("span", {
+									className: t("text-sm font-semibold", e.amount > 0 ? "text-green-600 dark:text-green-400" : "text-foreground"),
+									children: [e.amount > 0 ? "+" : "", o(Math.abs(e.amount), { minimumFractionDigits: 0 })]
+								})]
+							}, e.id))
+						})]
+					})
+				]
+			}), /* @__PURE__ */ w("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4",
+						children: [/* @__PURE__ */ w("div", {
+							className: "mb-3 flex items-center gap-2",
+							children: [/* @__PURE__ */ C(_, { className: "h-5 w-5 text-yellow-500" }), /* @__PURE__ */ C("h3", {
+								className: "text-base font-semibold text-foreground",
+								children: "AI Insights"
+							})]
+						}), /* @__PURE__ */ C("div", {
+							className: "space-y-3",
+							children: T.map((e) => /* @__PURE__ */ w("div", {
+								className: "rounded-lg border border-border bg-muted/50 p-3",
+								children: [/* @__PURE__ */ w("div", {
+									className: "mb-1 flex items-center justify-between",
+									children: [/* @__PURE__ */ C("h4", {
+										className: "text-xs font-semibold text-foreground",
+										children: e.title
+									}), /* @__PURE__ */ w("span", {
+										className: "rounded-full bg-primary/10 px-2 py-0.5 text-xs font-medium text-primary",
+										children: [e.confidence, "%"]
+									})]
+								}), /* @__PURE__ */ C("p", {
+									className: "text-xs leading-relaxed text-muted-foreground",
+									children: e.description
+								})]
+							}, e.id))
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4",
+						children: [/* @__PURE__ */ C("h3", {
+							className: "mb-3 text-base font-semibold text-foreground",
+							children: "Quick Actions"
+						}), /* @__PURE__ */ w("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => O("/investor/portfolio"),
+									className: "flex w-full items-center gap-2 rounded-lg border border-border px-3 py-2.5 text-left text-sm font-medium text-foreground hover:bg-accent transition-colors",
+									children: [/* @__PURE__ */ C(y, { className: "h-4 w-4 text-muted-foreground" }), "View Full Portfolio"]
+								}),
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => O("/investor/opportunities"),
+									className: "flex w-full items-center gap-2 rounded-lg border border-border px-3 py-2.5 text-left text-sm font-medium text-foreground hover:bg-accent transition-colors",
+									children: [/* @__PURE__ */ C(x, { className: "h-4 w-4 text-muted-foreground" }), "Browse Opportunities"]
+								}),
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => O("/investor/analytics"),
+									className: "flex w-full items-center gap-2 rounded-lg border border-border px-3 py-2.5 text-left text-sm font-medium text-foreground hover:bg-accent transition-colors",
+									children: [/* @__PURE__ */ C(f, { className: "h-4 w-4 text-muted-foreground" }), "Investment Analytics"]
+								}),
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => O("/investor/profile"),
+									className: "flex w-full items-center gap-2 rounded-lg border border-border px-3 py-2.5 text-left text-sm font-medium text-foreground hover:bg-accent transition-colors",
+									children: [/* @__PURE__ */ C(d, { className: "h-4 w-4 text-muted-foreground" }), "View Profile"]
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4",
+						children: [/* @__PURE__ */ C("h3", {
+							className: "mb-3 text-base font-semibold text-foreground",
+							children: "Market Updates"
+						}), /* @__PURE__ */ w("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ w("div", {
+									className: "border-l-4 border-green-500 pl-3",
+									children: [/* @__PURE__ */ C("h4", {
+										className: "text-xs font-semibold text-foreground",
+										children: "Mobile Services Market Growing"
+									}), /* @__PURE__ */ C("p", {
+										className: "mt-1 text-xs leading-relaxed text-muted-foreground",
+										children: "Mobile service industry shows 35% growth in Q4 2024"
+									})]
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "border-l-4 border-blue-500 pl-3",
+									children: [/* @__PURE__ */ C("h4", {
+										className: "text-xs font-semibold text-foreground",
+										children: "New Investment Tax Benefits"
+									}), /* @__PURE__ */ C("p", {
+										className: "mt-1 text-xs leading-relaxed text-muted-foreground",
+										children: "Government announces SME investment incentives"
+									})]
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "border-l-4 border-yellow-500 pl-3",
+									children: [/* @__PURE__ */ C("h4", {
+										className: "text-xs font-semibold text-foreground",
+										children: "Home Services Demand Surge"
+									}), /* @__PURE__ */ C("p", {
+										className: "mt-1 text-xs leading-relaxed text-muted-foreground",
+										children: "Cleaning and maintenance businesses up 25% this quarter"
+									})]
+								})
+							]
+						})]
+					})
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+export { O as InvestorDashboard };
+
+//# sourceMappingURL=InvestorDashboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InvestorDashboard.js","names":[],"sources":["../../../../src/adaptercloud/pages/investor/InvestorDashboard.tsx"],"sourcesContent":["/**\n * Investor Dashboard Page\n * @module adaptercloud/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 { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { InvestmentCard } from '../../components/InvestmentCard';\nimport { RatingDisplay } from '../../components/RatingDisplay';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { useInvestmentOpportunities, useInvestments } from '../../hooks/useAdapterCloudApi';\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-green-500/20 text-green-600 dark:text-green-400';\n    case 'medium':\n      return 'bg-yellow-500/20 text-yellow-600 dark:text-yellow-400';\n    case 'high':\n      return 'bg-red-500/20 text-red-600 dark:text-red-400';\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-green-500/20 text-green-600 dark:text-green-400';\n    case 'pending':\n      return 'bg-yellow-500/20 text-yellow-600 dark:text-yellow-400';\n    case 'completed':\n      return 'bg-blue-500/20 text-blue-600 dark:text-blue-400';\n    default:\n      return 'bg-secondary text-secondary-foreground';\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function InvestorDashboard() {\n  const { navigateTo, currentUser } = useAdapterCloud();\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-muted-foreground\">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      {/* Portfolio Summary Metrics */}\n      <section>\n        <h2 className=\"mb-4 text-lg font-semibold text-foreground\">Portfolio Overview</h2>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n          <MetricsCard\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      </section>\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-muted 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-card text-foreground shadow-sm'\n                  : 'text-muted-foreground hover:text-foreground'\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-card text-foreground shadow-sm'\n                  : 'text-muted-foreground hover:text-foreground'\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-foreground\">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 px-3 py-2 text-sm font-medium text-foreground 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                <div className=\"rounded-lg border border-dashed border-border p-8 text-center\">\n                  <Briefcase className=\"mx-auto h-12 w-12 text-muted-foreground opacity-20\" />\n                  <p className=\"mt-2 text-sm text-muted-foreground\">No active investments found.</p>\n                  <button\n                    type=\"button\"\n                    onClick={() => setActiveTab('opportunities')}\n                    className=\"mt-4 text-sm font-medium text-primary hover:underline\"\n                  >\n                    Browse opportunities\n                  </button>\n                </div>\n              ) : (\n                investments.map((investment) => (\n                  <div\n                    key={investment.id}\n                    className=\"rounded-lg border border-border bg-card 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-foreground\">\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-muted-foreground\">\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 px-3 py-2 text-sm font-medium text-foreground 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-muted-foreground\">Invested</p>\n                        <p className=\"text-sm font-semibold text-foreground\">\n                          {formatCurrency(investment.investedAmount, { minimumFractionDigits: 0 })}\n                        </p>\n                      </div>\n                      <div>\n                        <p className=\"text-xs text-muted-foreground\">Current Value</p>\n                        <p className=\"text-sm font-semibold text-green-600 dark:text-green-400\">\n                          {formatCurrency(investment.currentValue, { minimumFractionDigits: 0 })}\n                        </p>\n                      </div>\n                      <div>\n                        <p className=\"text-xs text-muted-foreground\">Returns</p>\n                        <p className=\"text-sm font-semibold text-foreground\">\n                          {formatCurrency(investment.returns, { minimumFractionDigits: 0 })}\n                        </p>\n                      </div>\n                      <div>\n                        <p className=\"text-xs text-muted-foreground\">Growth</p>\n                        <p className=\"text-sm font-semibold text-green-600 dark:text-green-400\">\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-foreground\">\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-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/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-foreground\">Recent Activity</h2>\n            <div className=\"divide-y divide-border rounded-lg border border-border bg-card\">\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-green-500/10' : 'bg-muted'\n                      )}\n                    >\n                      <Activity\n                        className={cn(\n                          'h-4 w-4',\n                          activity.amount > 0\n                            ? 'text-green-600 dark:text-green-400'\n                            : 'text-muted-foreground'\n                        )}\n                      />\n                    </div>\n                    <div>\n                      <p className=\"text-sm font-medium text-foreground\">{activity.description}</p>\n                      <p className=\"text-xs text-muted-foreground\">\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-green-600 dark:text-green-400' : 'text-foreground'\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 bg-card p-4\">\n            <div className=\"mb-3 flex items-center gap-2\">\n              <Lightbulb className=\"h-5 w-5 text-yellow-500\" />\n              <h3 className=\"text-base font-semibold text-foreground\">AI Insights</h3>\n            </div>\n            <div className=\"space-y-3\">\n              {mockAiInsights.map((insight) => (\n                <div key={insight.id} className=\"rounded-lg border border-border bg-muted/50 p-3\">\n                  <div className=\"mb-1 flex items-center justify-between\">\n                    <h4 className=\"text-xs font-semibold text-foreground\">{insight.title}</h4>\n                    <span className=\"rounded-full bg-primary/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-muted-foreground\">\n                    {insight.description}\n                  </p>\n                </div>\n              ))}\n            </div>\n          </div>\n\n          {/* Quick Actions */}\n          <div className=\"rounded-lg border border-border bg-card p-4\">\n            <h3 className=\"mb-3 text-base font-semibold text-foreground\">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 px-3 py-2.5 text-left text-sm font-medium text-foreground hover:bg-accent transition-colors\"\n              >\n                <PieChart className=\"h-4 w-4 text-muted-foreground\" />\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 px-3 py-2.5 text-left text-sm font-medium text-foreground hover:bg-accent transition-colors\"\n              >\n                <Target className=\"h-4 w-4 text-muted-foreground\" />\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 px-3 py-2.5 text-left text-sm font-medium text-foreground hover:bg-accent transition-colors\"\n              >\n                <BarChart3 className=\"h-4 w-4 text-muted-foreground\" />\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 px-3 py-2.5 text-left text-sm font-medium text-foreground hover:bg-accent transition-colors\"\n              >\n                <Award className=\"h-4 w-4 text-muted-foreground\" />\n                View Profile\n              </button>\n            </div>\n          </div>\n\n          {/* Market Updates */}\n          <div className=\"rounded-lg border border-border bg-card p-4\">\n            <h3 className=\"mb-3 text-base font-semibold text-foreground\">Market Updates</h3>\n            <div className=\"space-y-3\">\n              <div className=\"border-l-4 border-green-500 pl-3\">\n                <h4 className=\"text-xs font-semibold text-foreground\">\n                  Mobile Services Market Growing\n                </h4>\n                <p className=\"mt-1 text-xs leading-relaxed text-muted-foreground\">\n                  Mobile service industry shows 35% growth in Q4 2024\n                </p>\n              </div>\n              <div className=\"border-l-4 border-blue-500 pl-3\">\n                <h4 className=\"text-xs font-semibold text-foreground\">\n                  New Investment Tax Benefits\n                </h4>\n                <p className=\"mt-1 text-xs leading-relaxed text-muted-foreground\">\n                  Government announces SME investment incentives\n                </p>\n              </div>\n              <div className=\"border-l-4 border-yellow-500 pl-3\">\n                <h4 className=\"text-xs font-semibold text-foreground\">\n                  Home Services Demand Surge\n                </h4>\n                <p className=\"mt-1 text-xs leading-relaxed text-muted-foreground\">\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":";;;;;;;;;;;AAuDA,IAAM,IAAiB;CACrB;EACE,IAAI;EACJ,MAAM;EACN,OAAO;EACP,aACE;EACF,YAAY;EACb;CACD;EACE,IAAI;EACJ,MAAM;EACN,OAAO;EACP,aACE;EACF,YAAY;EACb;CACD;EACE,IAAI;EACJ,MAAM;EACN,OAAO;EACP,aACE;EACF,YAAY;EACb;CACF,EAEK,IAAqB;CACzB;EACE,IAAI;EACJ,MAAM;EACN,aAAa;EACb,QAAQ;EACR,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,aAAa;EACb,QAAQ;EACR,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,aAAa;EACb,QAAQ;EACR,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,aAAa;EACb,QAAQ;EACR,MAAM;EACP;CACF;AAmBD,SAAS,EAAoB,GAAwB;AACnD,SAAQ,GAAR;EACE,KAAK,SACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,KAAK,YACH,QAAO;EACT,QACE,QAAO;;;AAQb,SAAgB,IAAoB;CAClC,IAAM,EAAE,eAAY,mBAAgB,GAAiB,EAC/C,CAAC,GAAW,KAAgB,EAAwC,YAAY,EAEhF,EAAE,MAAM,IAAgB,EAAE,EAAE,WAAW,MAC3C,GAA4B,EACxB,EAAE,MAAM,IAAc,EAAE,EAAE,WAAW,MAAuB,EAChE,GAAa,MAAM,GACpB,EAEK,IAAY,GAAa,aAAa,GAAa,QAAQ,YAE3D,IAAsB,EAAc,QAAQ,MAAQ,EAAI,WAAW,SAAS,EAE5E,IAAmB,QAAc;EACrC,IAAM,IAAgB,EAAY,QAAQ,GAAK,MAAQ,IAAM,EAAI,gBAAgB,EAAE,EAC7E,IAAe,EAAY,QAAQ,GAAK,MAAQ,IAAM,EAAI,cAAc,EAAE,EAC1E,IAAe,EAAY,QAAQ,GAAK,MAAQ,IAAM,EAAI,SAAS,EAAE;AAI3E,SAAO;GACL;GACA;GACA;GACA,eAPoB,IAAe;GAQnC,KAPU,IAAgB,IAAK,IAAe,IAAiB,MAAM;GAQtE;IACA,CAAC,EAAY,CAAC;AAejB,QAbI,KAAwB,IAExB,kBAAC,GAAD;EAAY,OAAM;EAAuB,aAAY;YACnD,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAK,WAAU,8EAA+E,CAAA,EAC9F,kBAAC,KAAD;KAAG,WAAU;eAAgC;KAA6B,CAAA,CACtE;;GACF,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAO,iBAAiB,EAAU;EAClC,aAAY;YAFd,CAKE,kBAAC,WAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAA6C;GAAuB,CAAA,EAClF,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;KACpC,OAAO,EAAe,EAAiB,eAAe,EAAE,uBAAuB,GAAG,CAAC;KACnF,OAAM;KACN,OAAM;KACN,YAAW;KACX,CAAA;IACF,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;KACzC,OAAO,EAAe,EAAiB,cAAc,EAAE,uBAAuB,GAAG,CAAC;KAClF,OAAM;KACN,OAAM;KACN,YAAY,IAAI,EAAiB,IAAI,QAAQ,EAAE,CAAC;KAChD,CAAA;IACF,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;KACpC,OAAO,EAAe,EAAiB,cAAc,EAAE,uBAAuB,GAAG,CAAC;KAClF,OAAM;KACN,OAAM;KACN,YAAW;KACX,CAAA;IACF,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;KACtC,OAAO,EAAe,EAAiB,eAAe,EAAE,uBAAuB,GAAG,CAAC;KACnF,OAAM;KACN,OAAM;KACN,YAAW;KACX,CAAA;IACE;KACE,EAAA,CAAA,EAGV,kBAAC,OAAD;GAAK,WAAU;aAAf,CAEE,kBAAC,OAAD;IAAK,WAAU;cAAf;KAEE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAa,YAAY;OACxC,WAAW,EACT,qEACA,MAAc,cACV,sCACA,8CACL;iBACF;OAEQ,CAAA,EACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAa,gBAAgB;OAC5C,WAAW,EACT,qEACA,MAAc,kBACV,sCACA,8CACL;iBACF;OAEQ,CAAA,CACL;;KAGL,MAAc,eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAA0C;QAAuB,CAAA,EAC/E,kBAAC,UAAD;QACE,MAAK;QACL,eAAe,MAAM,oCAAoC;QACzD,WAAU;kBAHZ,CAKE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,SAEvB;UACL;UAEL,EAAY,WAAW,IACtB,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAW,WAAU,sDAAuD,CAAA;QAC5E,kBAAC,KAAD;SAAG,WAAU;mBAAqC;SAAgC,CAAA;QAClF,kBAAC,UAAD;SACE,MAAK;SACL,eAAe,EAAa,gBAAgB;SAC5C,WAAU;mBACX;SAEQ,CAAA;QACL;WAEN,EAAY,KAAK,MACf,kBAAC,OAAD;OAEE,WAAU;iBAFZ,CAIE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,MAAD;WAAI,WAAU;qBACX,EAAW;WACT,CAAA,EACL,kBAAC,QAAD;WACE,WAAW,EACT,gDACA,EAAoB,EAAW,OAAO,CACvC;qBAEA,EAAW;WACP,CAAA,CACH;aACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,GAAD,EAAQ,WAAU,eAAgB,CAAA,EACjC,QACI;cACP,kBAAC,QAAD,EAAA,UAAO,YAAkB,CAAA,CACrB;YACF;YACN,kBAAC,UAAD;SACE,MAAK;SACL,eAAe,EAAW,yBAAyB,EAAW,KAAK;SACnE,WAAU;mBAHZ,CAKE,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA,EAAA,eAEpB;WACL;WAEN,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;UAAG,WAAU;oBAAgC;UAAY,CAAA,EACzD,kBAAC,KAAD;UAAG,WAAU;oBACV,EAAe,EAAW,gBAAgB,EAAE,uBAAuB,GAAG,CAAC;UACtE,CAAA,CACA,EAAA,CAAA;SACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;UAAG,WAAU;oBAAgC;UAAiB,CAAA,EAC9D,kBAAC,KAAD;UAAG,WAAU;oBACV,EAAe,EAAW,cAAc,EAAE,uBAAuB,GAAG,CAAC;UACpE,CAAA,CACA,EAAA,CAAA;SACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;UAAG,WAAU;oBAAgC;UAAW,CAAA,EACxD,kBAAC,KAAD;UAAG,WAAU;oBACV,EAAe,EAAW,SAAS,EAAE,uBAAuB,GAAG,CAAC;UAC/D,CAAA,CACA,EAAA,CAAA;SACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;UAAG,WAAU;oBAAgC;UAAU,CAAA,EACvD,kBAAC,KAAD;UAAG,WAAU;oBAAb,CACG,EAAW,mBAAkB,IAC5B;YACA,EAAA,CAAA;SACF;UACF;SA9DC,EAAW,GA8DZ,CACN,CAEA;;KAIP,MAAc,mBACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAA0C;QAEnD,CAAA,EACL,kBAAC,UAAD;QACE,MAAK;QACL,eAAe,EAAW,0BAA0B;QACpD,WAAU;kBAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,aAErB;UACL;UAEN,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAoB,MAAM,GAAG,EAAE,CAAC,KAAK,MACpC,kBAAC,GAAD;QAEE,IAAI,EAAI;QACR,UAAU,EAAI;QACd,cAAc,EAAI;QAClB,cAAc,EAAI;QAClB,iBAAiB,GAAG,EAAI,gBAAgB;QACxC,WAAW,EAAI;QACf,QAAQ,EAAI;QACZ,UAAU,MAAO,EAAW,2BAA2B,IAAK;QAC5D,EATK,EAAI,GAST,CACF;OACE,CAAA,CACF;;KAIR,kBAAC,WAAD;MAAS,WAAU;gBAAnB,CACE,kBAAC,MAAD;OAAI,WAAU;iBAA6C;OAAoB,CAAA,EAC/E,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAmB,KAAK,MACvB,kBAAC,OAAD;QAAuB,WAAU;kBAAjC,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UACE,WAAW,EACT,yDACA,EAAS,SAAS,IAAI,oBAAoB,WAC3C;oBAED,kBAAC,GAAD,EACE,WAAW,EACT,WACA,EAAS,SAAS,IACd,uCACA,wBACL,EACD,CAAA;UACE,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;UAAG,WAAU;oBAAuC,EAAS;UAAgB,CAAA,EAC7E,kBAAC,KAAD;UAAG,WAAU;oBACV,IAAI,KAAK,EAAS,KAAK,CAAC,mBAAmB,SAAS;WACnD,KAAK;WACL,OAAO;WACP,MAAM;WACP,CAAC;UACA,CAAA,CACA,EAAA,CAAA,CACF;YACN,kBAAC,QAAD;SACE,WAAW,EACT,yBACA,EAAS,SAAS,IAAI,uCAAuC,kBAC9D;mBAJH,CAMG,EAAS,SAAS,IAAI,MAAM,IAC5B,EAAe,KAAK,IAAI,EAAS,OAAO,EAAE,EAAE,uBAAuB,GAAG,CAAC,CACnE;WACH;UArCI,EAAS,GAqCb,CACN;OACE,CAAA,CACE;;KACN;OAGN,kBAAC,OAAD;IAAK,WAAU;cAAf;KAEE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAW,WAAU,2BAA4B,CAAA,EACjD,kBAAC,MAAD;QAAI,WAAU;kBAA0C;QAAgB,CAAA,CACpE;UACN,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAe,KAAK,MACnB,kBAAC,OAAD;QAAsB,WAAU;kBAAhC,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,MAAD;UAAI,WAAU;oBAAyC,EAAQ;UAAW,CAAA,EAC1E,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CACG,EAAQ,YAAW,IACf;YACH;YACN,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAQ;SACP,CAAA,CACA;UAVI,EAAQ,GAUZ,CACN;OACE,CAAA,CACF;;KAGN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAA+C;OAAkB,CAAA,EAC/E,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,UAAD;SACE,MAAK;SACL,eAAe,EAAW,sBAAsB;SAChD,WAAU;mBAHZ,CAKE,kBAAC,GAAD,EAAU,WAAU,iCAAkC,CAAA,EAAA,sBAE/C;;QACT,kBAAC,UAAD;SACE,MAAK;SACL,eAAe,EAAW,0BAA0B;SACpD,WAAU;mBAHZ,CAKE,kBAAC,GAAD,EAAQ,WAAU,iCAAkC,CAAA,EAAA,uBAE7C;;QACT,kBAAC,UAAD;SACE,MAAK;SACL,eAAe,EAAW,sBAAsB;SAChD,WAAU;mBAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,iCAAkC,CAAA,EAAA,uBAEhD;;QACT,kBAAC,UAAD;SACE,MAAK;SACL,eAAe,EAAW,oBAAoB;SAC9C,WAAU;mBAHZ,CAKE,kBAAC,GAAD,EAAO,WAAU,iCAAkC,CAAA,EAAA,eAE5C;;QACL;SACF;;KAGN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAA+C;OAAmB,CAAA,EAChF,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,MAAD;UAAI,WAAU;oBAAwC;UAEjD,CAAA,EACL,kBAAC,KAAD;UAAG,WAAU;oBAAqD;UAE9D,CAAA,CACA;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,MAAD;UAAI,WAAU;oBAAwC;UAEjD,CAAA,EACL,kBAAC,KAAD;UAAG,WAAU;oBAAqD;UAE9D,CAAA,CACA;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,MAAD;UAAI,WAAU;oBAAwC;UAEjD,CAAA,EACL,kBAAC,KAAD;UAAG,WAAU;oBAAqD;UAE9D,CAAA,CACA;;QACF;SACF;;KACF;MACF;KACK"}