@burdenoff/microfe-ecoimpacthub 2026.525.1 → 2026.704.2

package/dist/ecoimpacthub/pages/DashboardPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/ecoimpacthub/pages/DashboardPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Badge, Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Leaf,\n  TrendingUp,\n  Users,\n  Trophy,\n  Star,\n  CheckSquare,\n  Target,\n  Calendar,\n  Activity,\n  BarChart3,\n} from 'lucide-react';\nimport { useEcoImpactHub } from '../providers/EcoImpactHubProvider';\nimport { useEcoImpactHubStore } from '../store/ecoimpacthubStore';\nimport { tWithFallback } from '../utils/i18n';\n\nexport function DashboardPage() {\n  const { t } = useI18n();\n  const { currentUser } = useEcoImpactHub();\n  const { metrics, carbonBreakdown, challenges, workItems } = useEcoImpactHubStore();\n  const [timeRange, setTimeRange] = useState<'week' | 'month' | 'year'>('month');\n  const translate = (key: string, fallback: string, params?: Record<string, string | number>) =>\n    tWithFallback(t, key, fallback, params);\n\n  const dashboardStats = [\n    {\n      title: translate('ecoimpacthub.dashboard.stats.carbonFootprint.title', 'Carbon Footprint'),\n      value: '2.1 tons',\n      change: translate('ecoimpacthub.dashboard.stats.carbonFootprint.change', '-15% this month'),\n      icon: Leaf,\n      color: 'text-green-600',\n    },\n    {\n      title: translate('ecoimpacthub.dashboard.stats.actionsCompleted.title', 'Actions Completed'),\n      value: '28',\n      change: translate('ecoimpacthub.dashboard.stats.actionsCompleted.change', '+12 this week'),\n      icon: CheckSquare,\n      color: 'text-blue-600',\n    },\n    {\n      title: translate('ecoimpacthub.dashboard.stats.communityRank.title', 'Community Rank'),\n      value: '#147',\n      change: translate('ecoimpacthub.dashboard.stats.communityRank.change', '+23 positions'),\n      icon: Trophy,\n      color: 'text-amber-600',\n    },\n    {\n      title: translate('ecoimpacthub.dashboard.stats.impactScore.title', 'Impact Score'),\n      value: '87',\n      change: translate('ecoimpacthub.dashboard.stats.impactScore.change', '+5 points'),\n      icon: Star,\n      color: 'text-purple-600',\n    },\n  ];\n\n  const recentActivities = [\n    {\n      id: '1',\n      type: translate('ecoimpacthub.dashboard.activity.achievement.badge', 'achievement'),\n      title: translate('ecoimpacthub.dashboard.activity.achievement.title', 'Carbon Champion'),\n      description: translate(\n        'ecoimpacthub.dashboard.activity.achievement.description',\n        'Saved 500kg CO2 through your actions'\n      ),\n      timestamp: translate('ecoimpacthub.dashboard.activity.achievement.timestamp', '2 hours ago'),\n      icon: '🏆',\n    },\n    {\n      id: '2',\n      type: translate('ecoimpacthub.dashboard.activity.action.badge', 'action'),\n      title: translate(\n        'ecoimpacthub.dashboard.activity.action.title',\n        'Switched to Renewable Energy'\n      ),\n      description: translate(\n        'ecoimpacthub.dashboard.activity.action.description',\n        'Completed energy transition action'\n      ),\n      timestamp: translate('ecoimpacthub.dashboard.activity.action.timestamp', '1 day ago'),\n      icon: '⚡',\n    },\n    {\n      id: '3',\n      type: translate('ecoimpacthub.dashboard.activity.challenge.badge', 'challenge'),\n      title: translate('ecoimpacthub.dashboard.activity.challenge.title', 'Plastic-Free Week'),\n      description: translate(\n        'ecoimpacthub.dashboard.activity.challenge.description',\n        'Reached 85% completion'\n      ),\n      timestamp: translate('ecoimpacthub.dashboard.activity.challenge.timestamp', '2 days ago'),\n      icon: '♻️',\n    },\n    {\n      id: '4',\n      type: translate('ecoimpacthub.dashboard.activity.community.badge', 'community'),\n      title: translate('ecoimpacthub.dashboard.activity.community.title', 'Joined Urban Gardeners'),\n      description: translate(\n        'ecoimpacthub.dashboard.activity.community.description',\n        'Connected with 8.9K eco-warriors'\n      ),\n      timestamp: translate('ecoimpacthub.dashboard.activity.community.timestamp', '3 days ago'),\n      icon: '🌱',\n    },\n  ];\n\n  const weeklyGoals = [\n    {\n      label: translate(\n        'ecoimpacthub.dashboard.weeklyGoals.reduceEnergyUsage',\n        'Reduce Energy Usage'\n      ),\n      progress: 75,\n      color: 'bg-green-500',\n    },\n    {\n      label: translate('ecoimpacthub.dashboard.weeklyGoals.completeActions', 'Complete 3 Actions'),\n      progress: 67,\n      display: '2/3',\n      color: 'bg-blue-500',\n    },\n    {\n      label: translate(\n        'ecoimpacthub.dashboard.weeklyGoals.communityEngagement',\n        'Community Engagement'\n      ),\n      progress: 40,\n      color: 'bg-purple-500',\n    },\n  ];\n\n  const activeChallenges = challenges.filter((c) => c.status === 'active').slice(0, 2);\n\n  const userName =\n    currentUser?.firstName ??\n    currentUser?.name ??\n    currentUser?.email?.split('@')[0] ??\n    translate('ecoimpacthub.dashboard.userFallback', 'User');\n\n  const timeRangeLabel =\n    timeRange === 'week'\n      ? translate('ecoimpacthub.dashboard.timeRange.thisWeek', 'this week')\n      : timeRange === 'month'\n        ? translate('ecoimpacthub.dashboard.timeRange.thisMonth', 'this month')\n        : translate('ecoimpacthub.dashboard.timeRange.thisYear', 'this year');\n\n  const getRangeLabel = (range: 'week' | 'month' | 'year') => {\n    switch (range) {\n      case 'week':\n        return translate('ecoimpacthub.dashboard.filters.week', 'Week');\n      case 'month':\n        return translate('ecoimpacthub.dashboard.filters.month', 'Month');\n      case 'year':\n        return translate('ecoimpacthub.dashboard.filters.year', 'Year');\n      default:\n        return range;\n    }\n  };\n\n  return (\n    <div className=\"min-h-screen p-4\">\n      <div className=\"mx-auto max-w-7xl space-y-8\">\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div>\n            <h1 className=\"text-3xl font-bold\">\n              {translate('ecoimpacthub.dashboard.title', 'Welcome back, {{name}}', {\n                name: userName,\n              })}\n            </h1>\n            <p className=\"mt-1 text-muted-foreground\">\n              {translate(\n                'ecoimpacthub.dashboard.subtitle',\n                \"Here's your environmental impact dashboard for {{timeRange}}\",\n                { timeRange: timeRangeLabel }\n              )}\n            </p>\n          </div>\n          <div className=\"flex gap-2\">\n            {(['week', 'month', 'year'] as const).map((range) => (\n              <Button\n                key={range}\n                variant={timeRange === range ? 'default' : 'outline'}\n                size=\"sm\"\n                onClick={() => setTimeRange(range)}\n              >\n                {getRangeLabel(range)}\n              </Button>\n            ))}\n          </div>\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4\">\n          {dashboardStats.map((stat) => {\n            const Icon = stat.icon;\n            return (\n              <Card key={stat.title}>\n                <CardContent className=\"space-y-3 p-6\">\n                  <div className=\"flex items-center justify-between\">\n                    <div className={`rounded-lg bg-muted/50 p-2 ${stat.color}`}>\n                      <Icon className=\"h-5 w-5\" />\n                    </div>\n                    <TrendingUp className=\"h-4 w-4 text-green-600\" />\n                  </div>\n                  <div>\n                    <h3 className=\"text-2xl font-bold\">{stat.value}</h3>\n                    <p className=\"text-sm font-medium text-muted-foreground\">{stat.title}</p>\n                    <p className=\"mt-1 text-xs text-muted-foreground\">{stat.change}</p>\n                  </div>\n                </CardContent>\n              </Card>\n            );\n          })}\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-8 lg:grid-cols-3\">\n          <div className=\"space-y-8 lg:col-span-2\">\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle>\n                    {translate(\n                      'ecoimpacthub.dashboard.sections.impactByCategory',\n                      'Impact by Category'\n                    )}\n                  </CardTitle>\n                  <Button variant=\"outline\" size=\"sm\">\n                    <BarChart3 className=\"mr-2 h-4 w-4\" />\n                    {translate('ecoimpacthub.dashboard.actions.viewDetails', 'View Details')}\n                  </Button>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                {carbonBreakdown.map((item) => (\n                  <div key={item.id} className=\"space-y-2\">\n                    <div className=\"flex items-center justify-between\">\n                      <span className=\"text-sm font-medium\">{item.label}</span>\n                      <span className=\"text-sm text-muted-foreground\">{item.value}%</span>\n                    </div>\n                    <div className=\"h-2 w-full rounded-full bg-muted\">\n                      <div\n                        className={`h-2 rounded-full transition-all ${item.color}`}\n                        style={{ width: `${item.value}%` }}\n                      />\n                    </div>\n                  </div>\n                ))}\n              </CardContent>\n            </Card>\n\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle>\n                    {translate(\n                      'ecoimpacthub.dashboard.sections.activeChallenges',\n                      'Active Challenges'\n                    )}\n                  </CardTitle>\n                  <Button variant=\"outline\" size=\"sm\">\n                    {translate('ecoimpacthub.dashboard.actions.viewAll', 'View All')}\n                  </Button>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                {activeChallenges.map((challenge) => (\n                  <div key={challenge.id} className=\"space-y-3 rounded-lg border p-4\">\n                    <div className=\"flex items-start justify-between\">\n                      <div>\n                        <h3 className=\"font-semibold\">{challenge.title}</h3>\n                        <p className=\"line-clamp-2 text-sm text-muted-foreground\">\n                          {challenge.description}\n                        </p>\n                      </div>\n                      <Badge variant=\"outline\">\n                        {translate('ecoimpacthub.dashboard.challenge.points', '{{points}} pts', {\n                          points: challenge.points,\n                        })}\n                      </Badge>\n                    </div>\n                    {challenge.progress !== undefined && (\n                      <div className=\"space-y-2\">\n                        <div className=\"flex justify-between text-sm\">\n                          <span>\n                            {translate('ecoimpacthub.dashboard.challenge.progress', 'Progress')}\n                          </span>\n                          <span>{challenge.progress}%</span>\n                        </div>\n                        <div className=\"h-2 w-full rounded-full bg-muted\">\n                          <div\n                            className=\"h-2 rounded-full bg-primary transition-all\"\n                            style={{ width: `${challenge.progress}%` }}\n                          />\n                        </div>\n                      </div>\n                    )}\n                    <div className=\"flex items-center justify-between text-sm text-muted-foreground\">\n                      <div className=\"flex items-center gap-1\">\n                        <Users className=\"h-3 w-3\" />\n                        <span>\n                          {translate(\n                            'ecoimpacthub.dashboard.challenge.participants',\n                            '{{count}} participants',\n                            { count: challenge.participants }\n                          )}\n                        </span>\n                      </div>\n                      <div className=\"flex items-center gap-1\">\n                        <Calendar className=\"h-3 w-3\" />\n                        <span>\n                          {translate('ecoimpacthub.dashboard.challenge.ends', 'Ends {{date}}', {\n                            date: new Date(challenge.endDate).toLocaleDateString(),\n                          })}\n                        </span>\n                      </div>\n                    </div>\n                  </div>\n                ))}\n              </CardContent>\n            </Card>\n          </div>\n\n          <div className=\"space-y-6\">\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"text-lg\">\n                  {translate('ecoimpacthub.dashboard.sections.quickActions', 'Quick Actions')}\n                </CardTitle>\n              </CardHeader>\n              <CardContent>\n                <div className=\"grid grid-cols-2 gap-3\">\n                  <Button variant=\"outline\" size=\"sm\" className=\"h-16 flex-col gap-1\">\n                    <CheckSquare className=\"h-5 w-5\" />\n                    <span className=\"text-xs\">\n                      {translate('ecoimpacthub.dashboard.quickActions.logAction', 'Log Action')}\n                    </span>\n                  </Button>\n                  <Button variant=\"outline\" size=\"sm\" className=\"h-16 flex-col gap-1\">\n                    <Trophy className=\"h-5 w-5\" />\n                    <span className=\"text-xs\">\n                      {translate(\n                        'ecoimpacthub.dashboard.quickActions.joinChallenge',\n                        'Join Challenge'\n                      )}\n                    </span>\n                  </Button>\n                  <Button variant=\"outline\" size=\"sm\" className=\"h-16 flex-col gap-1\">\n                    <Users className=\"h-5 w-5\" />\n                    <span className=\"text-xs\">\n                      {translate(\n                        'ecoimpacthub.dashboard.quickActions.findCommunity',\n                        'Find Community'\n                      )}\n                    </span>\n                  </Button>\n                  <Button variant=\"outline\" size=\"sm\" className=\"h-16 flex-col gap-1\">\n                    <Target className=\"h-5 w-5\" />\n                    <span className=\"text-xs\">\n                      {translate('ecoimpacthub.dashboard.quickActions.setGoal', 'Set Goal')}\n                    </span>\n                  </Button>\n                </div>\n              </CardContent>\n            </Card>\n\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"text-lg\">\n                  {translate('ecoimpacthub.dashboard.sections.recentActivity', 'Recent Activity')}\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {recentActivities.map((act) => (\n                  <div key={act.id} className=\"flex items-start gap-3\">\n                    <div className=\"flex-shrink-0 text-lg\">{act.icon}</div>\n                    <div className=\"min-w-0 flex-1\">\n                      <div className=\"mb-1 flex items-center gap-2\">\n                        <p className=\"truncate text-sm font-medium\">{act.title}</p>\n                        <Badge variant=\"secondary\" className=\"text-xs\">\n                          {act.type}\n                        </Badge>\n                      </div>\n                      <p className=\"line-clamp-2 text-xs text-muted-foreground\">\n                        {act.description}\n                      </p>\n                      <p className=\"mt-1 text-xs text-muted-foreground\">{act.timestamp}</p>\n                    </div>\n                  </div>\n                ))}\n                <Button variant=\"outline\" size=\"sm\" className=\"mt-4 w-full\">\n                  {translate('ecoimpacthub.dashboard.actions.viewAllActivity', 'View All Activity')}\n                </Button>\n              </CardContent>\n            </Card>\n\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"text-lg\">\n                  {translate('ecoimpacthub.dashboard.sections.weeklyGoals', \"This Week's Goals\")}\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                {weeklyGoals.map((goal) => (\n                  <div key={goal.label} className=\"space-y-2\">\n                    <div className=\"flex justify-between text-sm\">\n                      <span>{goal.label}</span>\n                      <span>{goal.display ?? `${goal.progress}%`}</span>\n                    </div>\n                    <div className=\"h-2 w-full rounded-full bg-muted\">\n                      <div\n                        className={`h-2 rounded-full ${goal.color}`}\n                        style={{ width: `${goal.progress}%` }}\n                      />\n                    </div>\n                  </div>\n                ))}\n              </CardContent>\n            </Card>\n\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"text-lg\">\n                  {translate('ecoimpacthub.dashboard.sections.liveMetrics', 'Live Metrics')}\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-3 text-sm text-muted-foreground\">\n                {metrics.slice(0, 3).map((metric) => (\n                  <div key={metric.label} className=\"flex items-center justify-between\">\n                    <span>{metric.label}</span>\n                    <span className=\"font-medium text-foreground\">{metric.value}</span>\n                  </div>\n                ))}\n                <div className=\"flex items-center justify-between\">\n                  <span>{translate('ecoimpacthub.dashboard.metrics.workItems', 'Work Items')}</span>\n                  <span className=\"font-medium text-foreground\">{workItems.length}</span>\n                </div>\n                <div className=\"flex items-center gap-2 pt-2 text-xs\">\n                  <Activity className=\"h-4 w-4\" />\n                  <span>\n                    {translate(\n                      'ecoimpacthub.dashboard.metrics.synced',\n                      'Synced with your latest activity'\n                    )}\n                  </span>\n                </div>\n              </CardContent>\n            </Card>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAmBA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,mBAAgB,GAAiB,EACnC,EAAE,YAAS,oBAAiB,eAAY,iBAAc,GAAsB,EAC5E,CAAC,GAAW,KAAgB,EAAoC,QAAQ,EACxE,KAAa,GAAa,GAAkB,MAChD,EAAc,GAAG,GAAK,GAAU,EAAO,EAEnC,IAAiB;EACrB;GACE,OAAO,EAAU,sDAAsD,mBAAmB;GAC1F,OAAO;GACP,QAAQ,EAAU,uDAAuD,kBAAkB;GAC3F,MAAM;GACN,OAAO;GACR;EACD;GACE,OAAO,EAAU,uDAAuD,oBAAoB;GAC5F,OAAO;GACP,QAAQ,EAAU,wDAAwD,gBAAgB;GAC1F,MAAM;GACN,OAAO;GACR;EACD;GACE,OAAO,EAAU,oDAAoD,iBAAiB;GACtF,OAAO;GACP,QAAQ,EAAU,qDAAqD,gBAAgB;GACvF,MAAM;GACN,OAAO;GACR;EACD;GACE,OAAO,EAAU,kDAAkD,eAAe;GAClF,OAAO;GACP,QAAQ,EAAU,mDAAmD,YAAY;GACjF,MAAM;GACN,OAAO;GACR;EACF,EAEK,IAAmB;EACvB;GACE,IAAI;GACJ,MAAM,EAAU,qDAAqD,cAAc;GACnF,OAAO,EAAU,qDAAqD,kBAAkB;GACxF,aAAa,EACX,2DACA,uCACD;GACD,WAAW,EAAU,yDAAyD,cAAc;GAC5F,MAAM;GACP;EACD;GACE,IAAI;GACJ,MAAM,EAAU,gDAAgD,SAAS;GACzE,OAAO,EACL,gDACA,+BACD;GACD,aAAa,EACX,sDACA,qCACD;GACD,WAAW,EAAU,oDAAoD,YAAY;GACrF,MAAM;GACP;EACD;GACE,IAAI;GACJ,MAAM,EAAU,mDAAmD,YAAY;GAC/E,OAAO,EAAU,mDAAmD,oBAAoB;GACxF,aAAa,EACX,yDACA,yBACD;GACD,WAAW,EAAU,uDAAuD,aAAa;GACzF,MAAM;GACP;EACD;GACE,IAAI;GACJ,MAAM,EAAU,mDAAmD,YAAY;GAC/E,OAAO,EAAU,mDAAmD,yBAAyB;GAC7F,aAAa,EACX,yDACA,mCACD;GACD,WAAW,EAAU,uDAAuD,aAAa;GACzF,MAAM;GACP;EACF,EAEK,IAAc;EAClB;GACE,OAAO,EACL,wDACA,sBACD;GACD,UAAU;GACV,OAAO;GACR;EACD;GACE,OAAO,EAAU,sDAAsD,qBAAqB;GAC5F,UAAU;GACV,SAAS;GACT,OAAO;GACR;EACD;GACE,OAAO,EACL,0DACA,uBACD;GACD,UAAU;GACV,OAAO;GACR;EACF,EAEK,IAAmB,EAAW,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC,MAAM,GAAG,EAAE,EAE9E,IACJ,GAAa,aACb,GAAa,QACb,GAAa,OAAO,MAAM,IAAI,CAAC,MAC/B,EAAU,uCAAuC,OAAO,EAEpD,IACJ,MAAc,SACV,EAAU,6CAA6C,YAAY,GACnE,MAAc,UACZ,EAAU,8CAA8C,aAAa,GACrE,EAAU,6CAA6C,YAAY,EAErE,KAAiB,MAAqC;AAC1D,UAAQ,GAAR;GACE,KAAK,OACH,QAAO,EAAU,uCAAuC,OAAO;GACjE,KAAK,QACH,QAAO,EAAU,wCAAwC,QAAQ;GACnE,KAAK,OACH,QAAO,EAAU,uCAAuC,OAAO;GACjE,QACE,QAAO;;;AAIb,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAU,gCAAgC,0BAA0B,EACnE,MAAM,GACP,CAAC;MACC,CAAA,EACL,kBAAC,KAAD;MAAG,WAAU;gBACV,EACC,mCACA,gEACA,EAAE,WAAW,GAAgB,CAC9B;MACC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBACX;OAAC;OAAQ;OAAS;OAAO,CAAW,KAAK,MACzC,kBAAC,GAAD;OAEE,SAAS,MAAc,IAAQ,YAAY;OAC3C,MAAK;OACL,eAAe,EAAa,EAAM;iBAEjC,EAAc,EAAM;OACd,EANF,EAME,CACT;MACE,CAAA,CACF;;IAEN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAe,KAAK,MAAS;MAC5B,IAAM,IAAO,EAAK;AAClB,aACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OAAa,WAAU;iBAAvB,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAW,8BAA8B,EAAK;mBACjD,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;SACxB,CAAA,EACN,kBAAC,GAAD,EAAY,WAAU,0BAA2B,CAAA,CAC7C;WACN,kBAAC,OAAD,EAAA,UAAA;QACE,kBAAC,MAAD;SAAI,WAAU;mBAAsB,EAAK;SAAW,CAAA;QACpD,kBAAC,KAAD;SAAG,WAAU;mBAA6C,EAAK;SAAU,CAAA;QACzE,kBAAC,KAAD;SAAG,WAAU;mBAAsC,EAAK;SAAW,CAAA;QAC/D,EAAA,CAAA,CACM;UACT,EAdI,EAAK,MAcT;OAET;KACE,CAAA;IAEN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UACG,EACC,oDACA,qBACD,EACS,CAAA,EACZ,kBAAC,GAAD;QAAQ,SAAQ;QAAU,MAAK;kBAA/B,CACE,kBAAC,GAAD,EAAW,WAAU,gBAAiB,CAAA,EACrC,EAAU,8CAA8C,eAAe,CACjE;UACL;UACK,CAAA,EACb,kBAAC,GAAD;OAAa,WAAU;iBACpB,EAAgB,KAAK,MACpB,kBAAC,OAAD;QAAmB,WAAU;kBAA7B,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAuB,EAAK;UAAa,CAAA,EACzD,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CAAiD,EAAK,OAAM,IAAQ;YAChE;YACN,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,OAAD;UACE,WAAW,mCAAmC,EAAK;UACnD,OAAO,EAAE,OAAO,GAAG,EAAK,MAAM,IAAI;UAClC,CAAA;SACE,CAAA,CACF;UAXI,EAAK,GAWT,CACN;OACU,CAAA,CACT,EAAA,CAAA,EAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UACG,EACC,oDACA,oBACD,EACS,CAAA,EACZ,kBAAC,GAAD;QAAQ,SAAQ;QAAU,MAAK;kBAC5B,EAAU,0CAA0C,WAAW;QACzD,CAAA,CACL;UACK,CAAA,EACb,kBAAC,GAAD;OAAa,WAAU;iBACpB,EAAiB,KAAK,MACrB,kBAAC,OAAD;QAAwB,WAAU;kBAAlC;SACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;WAAI,WAAU;qBAAiB,EAAU;WAAW,CAAA,EACpD,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAU;WACT,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,GAAD;WAAO,SAAQ;qBACZ,EAAU,2CAA2C,kBAAkB,EACtE,QAAQ,EAAU,QACnB,CAAC;WACI,CAAA,CACJ;;SACL,EAAU,aAAa,KAAA,KACtB,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,QAAD,EAAA,UACG,EAAU,6CAA6C,WAAW,EAC9D,CAAA,EACP,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAU,UAAS,IAAQ,EAAA,CAAA,CAC9B;cACN,kBAAC,OAAD;WAAK,WAAU;qBACb,kBAAC,OAAD;YACE,WAAU;YACV,OAAO,EAAE,OAAO,GAAG,EAAU,SAAS,IAAI;YAC1C,CAAA;WACE,CAAA,CACF;;SAER,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC7B,kBAAC,QAAD,EAAA,UACG,EACC,iDACA,0BACA,EAAE,OAAO,EAAU,cAAc,CAClC,EACI,CAAA,CACH;cACN,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAChC,kBAAC,QAAD,EAAA,UACG,EAAU,yCAAyC,iBAAiB,EACnE,MAAM,IAAI,KAAK,EAAU,QAAQ,CAAC,oBAAoB,EACvD,CAAC,EACG,CAAA,CACH;aACF;;SACF;UAlDI,EAAU,GAkDd,CACN;OACU,CAAA,CACT,EAAA,CAAA,CACH;SAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;QAAW,WAAU;kBAClB,EAAU,gDAAgD,gBAAgB;QACjE,CAAA,EACD,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,GAAD;UAAQ,SAAQ;UAAU,MAAK;UAAK,WAAU;oBAA9C,CACE,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA,EACnC,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAU,iDAAiD,aAAa;WACpE,CAAA,CACA;;SACT,kBAAC,GAAD;UAAQ,SAAQ;UAAU,MAAK;UAAK,WAAU;oBAA9C,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC9B,kBAAC,QAAD;WAAM,WAAU;qBACb,EACC,qDACA,iBACD;WACI,CAAA,CACA;;SACT,kBAAC,GAAD;UAAQ,SAAQ;UAAU,MAAK;UAAK,WAAU;oBAA9C,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC7B,kBAAC,QAAD;WAAM,WAAU;qBACb,EACC,qDACA,iBACD;WACI,CAAA,CACA;;SACT,kBAAC,GAAD;UAAQ,SAAQ;UAAU,MAAK;UAAK,WAAU;oBAA9C,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC9B,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAU,+CAA+C,WAAW;WAChE,CAAA,CACA;;SACL;WACM,CAAA,CACT,EAAA,CAAA;OAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;QAAW,WAAU;kBAClB,EAAU,kDAAkD,kBAAkB;QACrE,CAAA,EACD,CAAA,EACb,kBAAC,GAAD;QAAa,WAAU;kBAAvB,CACG,EAAiB,KAAK,MACrB,kBAAC,OAAD;SAAkB,WAAU;mBAA5B,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAyB,EAAI;UAAW,CAAA,EACvD,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,OAAD;YAAK,WAAU;sBAAf,CACE,kBAAC,KAAD;aAAG,WAAU;uBAAgC,EAAI;aAAU,CAAA,EAC3D,kBAAC,GAAD;aAAO,SAAQ;aAAY,WAAU;uBAClC,EAAI;aACC,CAAA,CACJ;;WACN,kBAAC,KAAD;YAAG,WAAU;sBACV,EAAI;YACH,CAAA;WACJ,kBAAC,KAAD;YAAG,WAAU;sBAAsC,EAAI;YAAc,CAAA;WACjE;YACF;WAdI,EAAI,GAcR,CACN,EACF,kBAAC,GAAD;SAAQ,SAAQ;SAAU,MAAK;SAAK,WAAU;mBAC3C,EAAU,kDAAkD,oBAAoB;SAC1E,CAAA,CACG;UACT,EAAA,CAAA;OAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;QAAW,WAAU;kBAClB,EAAU,+CAA+C,oBAAoB;QACpE,CAAA,EACD,CAAA,EACb,kBAAC,GAAD;QAAa,WAAU;kBACpB,EAAY,KAAK,MAChB,kBAAC,OAAD;SAAsB,WAAU;mBAAhC,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD,EAAA,UAAO,EAAK,OAAa,CAAA,EACzB,kBAAC,QAAD,EAAA,UAAO,EAAK,WAAW,GAAG,EAAK,SAAS,IAAU,CAAA,CAC9C;aACN,kBAAC,OAAD;UAAK,WAAU;oBACb,kBAAC,OAAD;WACE,WAAW,oBAAoB,EAAK;WACpC,OAAO,EAAE,OAAO,GAAG,EAAK,SAAS,IAAI;WACrC,CAAA;UACE,CAAA,CACF;WAXI,EAAK,MAWT,CACN;QACU,CAAA,CACT,EAAA,CAAA;OAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;QAAW,WAAU;kBAClB,EAAU,+CAA+C,eAAe;QAC/D,CAAA,EACD,CAAA,EACb,kBAAC,GAAD;QAAa,WAAU;kBAAvB;SACG,EAAQ,MAAM,GAAG,EAAE,CAAC,KAAK,MACxB,kBAAC,OAAD;UAAwB,WAAU;oBAAlC,CACE,kBAAC,QAAD,EAAA,UAAO,EAAO,OAAa,CAAA,EAC3B,kBAAC,QAAD;WAAM,WAAU;qBAA+B,EAAO;WAAa,CAAA,CAC/D;YAHI,EAAO,MAGX,CACN;SACF,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD,EAAA,UAAO,EAAU,4CAA4C,aAAa,EAAQ,CAAA,EAClF,kBAAC,QAAD;WAAM,WAAU;qBAA+B,EAAU;WAAc,CAAA,CACnE;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAChC,kBAAC,QAAD,EAAA,UACG,EACC,yCACA,mCACD,EACI,CAAA,CACH;;SACM;UACT,EAAA,CAAA;OACH;QACF;;IACF;;EACF,CAAA"}
+{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/ecoimpacthub/pages/DashboardPage.tsx"],"sourcesContent":["/**\n * Dashboard — EcoImpactHub environment, conservation & sustainability overview.\n * @module ecoimpacthub/pages\n *\n * KPIs are aggregated client-side from the real `eco*` list endpoints plus the\n * `ecoCarbonTotalKg` aggregate (by scope). Widgets show recent field\n * observations and open threshold breaches. No mock data.\n */\n\nimport { useMemo } from 'react';\nimport {\n  MapPin,\n  PawPrint,\n  Trees,\n  Factory,\n  TriangleAlert,\n  Binoculars,\n  ShieldCheck,\n  ArrowRight,\n  Radio,\n} from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n  BarChart,\n  Bar,\n  XAxis,\n  YAxis,\n  ResponsiveContainer,\n  Tooltip,\n  Cell,\n  LabelList,\n} from 'recharts';\nimport { PageLayout } from '../components/PageLayout';\nimport { MetricsCard } from '../components/MetricsCard';\nimport { StatusBadge } from '../components/StatusBadge';\nimport { MiniBar } from '../components/MiniBar';\nimport { LoadingView, Section } from '../components/StateViews';\nimport { EmptyState } from '../components/EmptyState';\nimport { useEcoImpactHub } from '../context';\nimport {\n  useEcoSites,\n  useEcoSpecies,\n  useEcoHabitatProjects,\n  useEcoCarbonTotals,\n  useEcoMeasurements,\n  useEcoObservations,\n  useEcoSensors,\n} from '../hooks';\nimport { formatNumber, formatRelativeTime, formatCo2e, formatEnumLabel } from '../utils/formatters';\n\nconst ACTIVE_PROJECT_STATUSES = new Set(['PLANNED', 'IN_PROGRESS', 'MONITORING']);\n\nconst SCOPE_FILL: Record<string, string> = {\n  SCOPE_1: 'var(--color-status-error-text)',\n  SCOPE_2: 'var(--color-status-warning-text)',\n  SCOPE_3: 'var(--color-accent)',\n};\n\nexport function DashboardPage() {\n  const { navigateTo, currentUser } = useEcoImpactHub();\n\n  const sites = useEcoSites({ pagination: { limit: 100, offset: 0 } });\n  const species = useEcoSpecies({ pagination: { limit: 100, offset: 0 } });\n  const projects = useEcoHabitatProjects();\n  const carbon = useEcoCarbonTotals();\n  const breaches = useEcoMeasurements({ breachesOnly: true, pagination: { limit: 6, offset: 0 } });\n  const observations = useEcoObservations({ pagination: { limit: 6, offset: 0 } });\n  const sensors = useEcoSensors();\n\n  const siteRows = sites.data?.items ?? [];\n  const speciesRows = species.data?.items ?? [];\n  const projectRows = projects.data ?? [];\n  const sensorRows = sensors.data ?? [];\n\n  const activeSites = siteRows.filter((s) => s.status === 'ACTIVE').length;\n  const priorityCount = speciesRows.filter((s) => s.isPriority).length;\n  const threatened = speciesRows.filter((s) =>\n    ['VULNERABLE', 'ENDANGERED', 'CRITICALLY_ENDANGERED'].includes(s.conservationStatus)\n  ).length;\n  const activeProjects = projectRows.filter((p) => ACTIVE_PROJECT_STATUSES.has(p.status)).length;\n  const onlineSensors = sensorRows.filter((s) => s.status === 'ONLINE').length;\n  const offlineSensors = sensorRows.filter((s) =>\n    ['OFFLINE', 'DEGRADED', 'MAINTENANCE'].includes(s.status)\n  ).length;\n\n  const carbonData = useMemo(() => {\n    const c = carbon.data;\n    if (!c) return [];\n    return [\n      { scope: 'SCOPE_1', label: 'Scope 1', kg: c.scope1 },\n      { scope: 'SCOPE_2', label: 'Scope 2', kg: c.scope2 },\n      { scope: 'SCOPE_3', label: 'Scope 3', kg: c.scope3 },\n    ];\n  }, [carbon.data]);\n\n  const isInitialLoading =\n    sites.isLoading && species.isLoading && projects.isLoading && carbon.isLoading;\n\n  if (isInitialLoading) {\n    return (\n      <PageLayout title=\"EcoImpactHub\" titleGradient aurora>\n        <LoadingView label=\"Loading your impact overview…\" />\n      </PageLayout>\n    );\n  }\n\n  const greetingName = currentUser?.firstName || currentUser?.name || 'there';\n  const breachRows = breaches.data?.items ?? [];\n  const observationRows = observations.data?.items ?? [];\n\n  return (\n    <PageLayout\n      title=\"EcoImpactHub\"\n      titleGradient\n      aurora\n      description={`Welcome back, ${greetingName} — your environment, conservation & sustainability control room.`}\n    >\n      {/* KPI grid */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6\">\n        <MetricsCard\n          icon={<MapPin className=\"h-5 w-5\" />}\n          value={\n            sites.data?.pageInfo?.hasMore ? `${siteRows.length}+` : formatNumber(siteRows.length)\n          }\n          label=\"Monitored sites\"\n          footer={<p className=\"text-xs text-text-tertiary\">{activeSites} active</p>}\n        />\n        <MetricsCard\n          icon={<PawPrint className=\"h-5 w-5\" />}\n          value={\n            species.data?.pageInfo?.hasMore\n              ? `${speciesRows.length}+`\n              : formatNumber(speciesRows.length)\n          }\n          label=\"Species tracked\"\n          accent={threatened > 0 ? 'warning' : undefined}\n          footer={\n            <p className=\"text-xs text-text-tertiary\">\n              {priorityCount} priority · {threatened} threatened\n            </p>\n          }\n        />\n        <MetricsCard\n          icon={<Trees className=\"h-5 w-5\" />}\n          value={formatNumber(activeProjects)}\n          label=\"Active habitat projects\"\n          footer={\n            <p className=\"text-xs text-text-tertiary\">{formatNumber(projectRows.length)} total</p>\n          }\n        />\n        <MetricsCard\n          icon={<Factory className=\"h-5 w-5\" />}\n          value={carbon.data ? formatCo2e(carbon.data.total) : '—'}\n          label=\"Total footprint\"\n          featured\n        />\n        <MetricsCard\n          icon={<Radio className=\"h-5 w-5\" />}\n          value={formatNumber(onlineSensors)}\n          label=\"Sensors online\"\n          accent={offlineSensors > 0 ? 'warning' : 'success'}\n          footer={<p className=\"text-xs text-text-tertiary\">{offlineSensors} need attention</p>}\n        />\n        <MetricsCard\n          icon={<TriangleAlert className=\"h-5 w-5\" />}\n          value={\n            breaches.data?.pageInfo?.hasMore\n              ? `${breachRows.length}+`\n              : formatNumber(breachRows.length)\n          }\n          label=\"Open breaches\"\n          accent={breachRows.length > 0 ? 'error' : 'success'}\n        />\n      </div>\n\n      <div className=\"mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        {/* Carbon by scope */}\n        <GlassCard treatment=\"glass\" className=\"p-6 lg:col-span-2\">\n          <div className=\"mb-4 flex items-center justify-between\">\n            <div>\n              <h2 className=\"text-base font-semibold text-text-primary\">\n                Carbon footprint by scope\n              </h2>\n              <p className=\"mt-0.5 text-sm text-text-secondary\">\n                GHG Protocol Scope 1 / 2 / 3 emissions (CO₂e).\n              </p>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('carbon')}\n              className=\"inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline\"\n            >\n              Ledger <ArrowRight className=\"h-4 w-4\" />\n            </button>\n          </div>\n          {carbonData.every((d) => d.kg === 0) ? (\n            <EmptyState\n              illustration=\"empty-data\"\n              icon={<Factory className=\"h-10 w-10\" />}\n              title=\"No carbon entries yet\"\n              description=\"Record activity in the carbon ledger to see your Scope 1–3 footprint here.\"\n            />\n          ) : (\n            <div className=\"h-56\">\n              <ResponsiveContainer width=\"100%\" height=\"100%\">\n                <BarChart data={carbonData} margin={{ top: 16, right: 8, left: 8, bottom: 0 }}>\n                  <XAxis\n                    dataKey=\"label\"\n                    tick={{ fill: 'var(--color-text-secondary)', fontSize: 12 }}\n                    axisLine={{ stroke: 'var(--color-border-seam)' }}\n                    tickLine={false}\n                  />\n                  <YAxis\n                    tick={{ fill: 'var(--color-text-tertiary)', fontSize: 11 }}\n                    axisLine={false}\n                    tickLine={false}\n                    width={48}\n                    tickFormatter={(v: number) => (v >= 1000 ? `${Math.round(v / 1000)}t` : `${v}`)}\n                  />\n                  <Tooltip\n                    cursor={{ fill: 'var(--color-bg-sunken)', opacity: 0.4 }}\n                    contentStyle={{\n                      background: 'var(--color-bg-surface)',\n                      border: '1px solid var(--color-border-seam)',\n                      borderRadius: 12,\n                      color: 'var(--color-text-primary)',\n                    }}\n                    formatter={(value: number) => [formatCo2e(value), 'Emissions']}\n                  />\n                  <Bar dataKey=\"kg\" radius={[6, 6, 0, 0]} maxBarSize={80}>\n                    {carbonData.map((d) => (\n                      <Cell key={d.scope} fill={SCOPE_FILL[d.scope]} />\n                    ))}\n                    <LabelList\n                      dataKey=\"kg\"\n                      position=\"top\"\n                      formatter={(v: number) => (v > 0 ? formatCo2e(v) : '')}\n                      style={{ fill: 'var(--color-text-secondary)', fontSize: 11 }}\n                    />\n                  </Bar>\n                </BarChart>\n              </ResponsiveContainer>\n            </div>\n          )}\n        </GlassCard>\n\n        {/* Recent breaches */}\n        <GlassCard treatment=\"glass\" className=\"p-6\">\n          <div className=\"mb-4 flex items-center justify-between\">\n            <h2 className=\"text-base font-semibold text-text-primary\">Recent breaches</h2>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('monitoring')}\n              className=\"inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline\"\n            >\n              Monitoring <ArrowRight className=\"h-4 w-4\" />\n            </button>\n          </div>\n          {breachRows.length === 0 ? (\n            <div className=\"flex flex-col items-center justify-center py-8 text-center\">\n              <ShieldCheck className=\"h-10 w-10 text-status-success-text opacity-70\" />\n              <p className=\"mt-3 text-sm text-text-secondary\">\n                No threshold breaches — all parameters within range.\n              </p>\n            </div>\n          ) : (\n            <ul className=\"space-y-3\">\n              {breachRows.map((m) => (\n                <li key={m.id} className=\"flex items-start justify-between gap-3\">\n                  <div className=\"min-w-0\">\n                    <p className=\"truncate text-sm font-medium text-text-primary\">{m.parameter}</p>\n                    <p className=\"text-xs text-text-tertiary\">\n                      {formatNumber(m.value)} {m.unit} · {formatRelativeTime(m.recordedAt)}\n                    </p>\n                  </div>\n                  <StatusBadge status=\"BREACH\" />\n                </li>\n              ))}\n            </ul>\n          )}\n        </GlassCard>\n      </div>\n\n      {/* Recent observations */}\n      <Section\n        title=\"Recent field observations\"\n        description=\"Latest wildlife & biodiversity sightings recorded across your sites.\"\n        action={\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('observations')}\n            className=\"inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline\"\n          >\n            All observations <ArrowRight className=\"h-4 w-4\" />\n          </button>\n        }\n      >\n        {observationRows.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Binoculars className=\"h-10 w-10\" />}\n            title=\"No observations yet\"\n            description=\"Record your first field observation to build your biodiversity dataset.\"\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {observationRows.map((o) => (\n              <GlassCard key={o.id} treatment=\"plain\" className=\"p-4\">\n                <div className=\"flex items-start justify-between gap-2\">\n                  <div className=\"min-w-0\">\n                    <p className=\"truncate text-sm font-semibold text-text-primary\">\n                      {o.species?.commonName ?? 'Unknown species'}\n                    </p>\n                    {o.species?.scientificName && (\n                      <p className=\"truncate text-xs italic text-text-tertiary\">\n                        {o.species.scientificName}\n                      </p>\n                    )}\n                  </div>\n                  <span className=\"shrink-0 rounded-full bg-bg-sunken px-2 py-0.5 text-xs tabular-nums text-text-secondary\">\n                    ×{formatNumber(o.count)}\n                  </span>\n                </div>\n                <div className=\"mt-3 flex items-center justify-between\">\n                  <span className=\"text-xs text-text-tertiary\">{formatEnumLabel(o.method)}</span>\n                  <span className=\"text-xs text-text-tertiary\">\n                    {formatRelativeTime(o.observedAt)}\n                  </span>\n                </div>\n              </GlassCard>\n            ))}\n          </div>\n        )}\n      </Section>\n\n      {/* Conservation status snapshot */}\n      {speciesRows.length > 0 && (\n        <Section\n          title=\"Conservation status\"\n          description=\"Distribution of tracked species by IUCN-style status.\"\n        >\n          <GlassCard treatment=\"plain\" className=\"p-6\">\n            <div className=\"space-y-3\">\n              {(() => {\n                const counts = new Map<string, number>();\n                for (const s of speciesRows) {\n                  counts.set(s.conservationStatus, (counts.get(s.conservationStatus) ?? 0) + 1);\n                }\n                const total = speciesRows.length;\n                return [...counts.entries()]\n                  .sort((a, b) => b[1] - a[1])\n                  .map(([status, count]) => (\n                    <div key={status} className=\"flex items-center gap-4\">\n                      <div className=\"w-48 shrink-0\">\n                        <StatusBadge status={status} />\n                      </div>\n                      <MiniBar value={(count / total) * 100} className=\"flex-1\" />\n                      <span className=\"w-10 shrink-0 text-right text-sm tabular-nums text-text-secondary\">\n                        {count}\n                      </span>\n                    </div>\n                  ));\n              })()}\n            </div>\n          </GlassCard>\n        </Section>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}