@burdenoff/microfe-cosmicintersection 2026.509.101

package/dist/cosmicintersection/pages/SpaceScienceCitizenPage.js

@@ -0,0 +1,287 @@
+import { useCosmicIntersectionStore as e } from "../store/cosmicintersectionStore.js";
+import { tWithFallback as t } from "../utils/i18n.js";
+import { Activity as n, ArrowRight as r, Award as i, Globe as a, Sparkles as o, Star as s, TrendingUp as c, Users as l, Zap as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as m, Button as h, Card as g, CardContent as _, CardDescription as v, CardHeader as y, CardTitle as b, Tabs as x, TabsContent as S, TabsList as C, TabsTrigger as w } from "@burdenoff/fe-libs/ui";
+//#region src/cosmicintersection/pages/SpaceScienceCitizenPage.tsx
+function T() {
+	let { t: T } = p(), E = (e, n, r) => t(T, e, n, r), { citizenScienceTasks: D } = e(), O = D.filter((e) => e.category === "galaxies"), k = D.filter((e) => e.category === "planets"), A = D.filter((e) => e.category === "asteroids" || e.category === "transients"), j = [
+		{
+			name: "StarGazer_47",
+			contributions: 12847,
+			rank: 1,
+			badge: E("cosmicintersection.citizenScience.leaderboard.badges.gold", "Gold")
+		},
+		{
+			name: "CosmicExplorer",
+			contributions: 9234,
+			rank: 2,
+			badge: E("cosmicintersection.citizenScience.leaderboard.badges.silver", "Silver")
+		},
+		{
+			name: "GalacticHunter",
+			contributions: 8156,
+			rank: 3,
+			badge: E("cosmicintersection.citizenScience.leaderboard.badges.bronze", "Bronze")
+		},
+		{
+			name: "NebulaSeeker",
+			contributions: 7834,
+			rank: 4,
+			badge: E("cosmicintersection.citizenScience.leaderboard.badges.diamond", "Diamond")
+		},
+		{
+			name: "AstroNomad",
+			contributions: 6923,
+			rank: 5,
+			badge: E("cosmicintersection.citizenScience.leaderboard.badges.platinum", "Platinum")
+		}
+	], M = (e) => e >= 1e3 ? `${String(Math.round(e / 1e3))}K` : String(e), N = (e) => /* @__PURE__ */ f(g, {
+		className: "transition-shadow hover:shadow-md",
+		children: [/* @__PURE__ */ f(y, { children: [/* @__PURE__ */ f("div", {
+			className: "mb-2 flex items-start justify-between gap-3",
+			children: [/* @__PURE__ */ d(b, {
+				className: "text-lg",
+				children: e.title
+			}), /* @__PURE__ */ d(m, {
+				variant: e.status === "live" ? "default" : "secondary",
+				className: "capitalize",
+				children: e.status === "live" ? E("cosmicintersection.citizenScience.shared.status.live", "live") : E("cosmicintersection.citizenScience.shared.status.recruiting", "recruiting")
+			})]
+		}), /* @__PURE__ */ d(v, { children: e.description })] }), /* @__PURE__ */ f(_, {
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("div", {
+					className: "mb-1 flex items-center justify-between text-xs text-muted-foreground",
+					children: [/* @__PURE__ */ d("span", { children: E("cosmicintersection.citizenScience.taskCard.progress", "Progress") }), /* @__PURE__ */ f("span", {
+						className: "font-medium",
+						children: [e.progress, "%"]
+					})]
+				}), /* @__PURE__ */ d("div", {
+					className: "h-1.5 w-full overflow-hidden rounded-full bg-muted",
+					children: /* @__PURE__ */ d("div", {
+						className: "h-full rounded-full bg-primary",
+						style: { width: `${String(e.progress)}%` }
+					})
+				})] }),
+				/* @__PURE__ */ f("div", {
+					className: "grid grid-cols-2 gap-3",
+					children: [/* @__PURE__ */ f("div", {
+						className: "rounded-md bg-muted p-2 text-center",
+						children: [/* @__PURE__ */ d("div", {
+							className: "text-sm font-semibold",
+							children: M(e.contributors)
+						}), /* @__PURE__ */ d("div", {
+							className: "text-xs text-muted-foreground",
+							children: E("cosmicintersection.citizenScience.taskCard.contributors", "Contributors")
+						})]
+					}), /* @__PURE__ */ f("div", {
+						className: "rounded-md bg-muted p-2 text-center",
+						children: [/* @__PURE__ */ d("div", {
+							className: "text-sm font-semibold text-green-500",
+							children: M(e.classifications)
+						}), /* @__PURE__ */ d("div", {
+							className: "text-xs text-muted-foreground",
+							children: E("cosmicintersection.citizenScience.taskCard.classifications", "Classifications")
+						})]
+					})]
+				}),
+				/* @__PURE__ */ f(h, {
+					variant: "ghost",
+					className: "w-full justify-between",
+					size: "sm",
+					children: [E("cosmicintersection.citizenScience.taskCard.actions.startClassifying", "Start Classifying"), /* @__PURE__ */ d(r, { className: "h-4 w-4" })]
+				})
+			]
+		})]
+	}, e.id), P = [
+		{
+			label: E("cosmicintersection.citizenScience.heroStats.contributors", "Contributors"),
+			value: "2.4M",
+			icon: l,
+			color: "text-green-500"
+		},
+		{
+			label: E("cosmicintersection.citizenScience.heroStats.discoveries", "Discoveries"),
+			value: "156",
+			icon: i,
+			color: "text-yellow-500"
+		},
+		{
+			label: E("cosmicintersection.citizenScience.heroStats.classifications", "Classifications"),
+			value: "47M",
+			icon: c,
+			color: "text-blue-500"
+		},
+		{
+			label: E("cosmicintersection.citizenScience.heroStats.activeProjects", "Active Projects"),
+			value: "89",
+			icon: n,
+			color: "text-purple-500"
+		}
+	];
+	return /* @__PURE__ */ f("div", {
+		className: "space-y-10 p-6",
+		children: [
+			/* @__PURE__ */ f("section", {
+				className: "py-6 text-center",
+				children: [
+					/* @__PURE__ */ f(m, {
+						variant: "secondary",
+						className: "mb-4",
+						children: [/* @__PURE__ */ d(l, { className: "mr-1.5 h-3.5 w-3.5" }), E("cosmicintersection.citizenScience.hero.badge", "Make Real Discoveries")]
+					}),
+					/* @__PURE__ */ d("h1", {
+						className: "text-4xl font-bold tracking-tight",
+						children: E("cosmicintersection.citizenScience.hero.title", "Citizen Science")
+					}),
+					/* @__PURE__ */ d("p", {
+						className: "mx-auto mt-4 max-w-2xl text-lg text-muted-foreground",
+						children: E("cosmicintersection.citizenScience.hero.description", "Make real scientific discoveries by contributing to cutting-edge research. Classify galaxies, hunt asteroids, and advance space science. No PhD required!")
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "mt-6 flex items-center justify-center gap-3",
+						children: [/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ d(l, { className: "mr-2 h-5 w-5" }), E("cosmicintersection.citizenScience.hero.actions.startContributing", "Start Contributing")] }), /* @__PURE__ */ f(h, {
+							variant: "outline",
+							children: [/* @__PURE__ */ d(n, { className: "mr-2 h-5 w-5" }), E("cosmicintersection.citizenScience.hero.actions.viewProjects", "View Projects")]
+						})]
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "mx-auto mt-10 grid max-w-3xl grid-cols-2 gap-4 md:grid-cols-4",
+						children: P.map((e) => /* @__PURE__ */ d(g, { children: /* @__PURE__ */ f(_, {
+							className: "p-3 text-center",
+							children: [
+								/* @__PURE__ */ d(e.icon, { className: `mx-auto mb-1.5 h-5 w-5 ${e.color}` }),
+								/* @__PURE__ */ d("div", {
+									className: "text-xl font-bold",
+									children: e.value
+								}),
+								/* @__PURE__ */ d("div", {
+									className: "text-xs text-muted-foreground",
+									children: e.label
+								})
+							]
+						}) }, e.label))
+					})
+				]
+			}),
+			/* @__PURE__ */ f("section", { children: [/* @__PURE__ */ f("div", {
+				className: "mb-8 text-center",
+				children: [/* @__PURE__ */ d("h2", {
+					className: "text-2xl font-bold",
+					children: E("cosmicintersection.citizenScience.sections.activeProjects", "Active Citizen Science Projects")
+				}), /* @__PURE__ */ d("p", {
+					className: "mt-1 text-muted-foreground",
+					children: E("cosmicintersection.citizenScience.sections.activeProjectsDescription", "Choose a category and start contributing today")
+				})]
+			}), /* @__PURE__ */ f(x, {
+				defaultValue: "galaxies",
+				className: "w-full",
+				children: [
+					/* @__PURE__ */ f(C, {
+						className: "mb-6 grid w-full grid-cols-3",
+						children: [
+							/* @__PURE__ */ f(w, {
+								value: "galaxies",
+								children: [/* @__PURE__ */ d(s, { className: "mr-1.5 h-4 w-4" }), E("cosmicintersection.citizenScience.tabs.galaxies", "Galaxies")]
+							}),
+							/* @__PURE__ */ f(w, {
+								value: "planets",
+								children: [/* @__PURE__ */ d(a, { className: "mr-1.5 h-4 w-4" }), E("cosmicintersection.citizenScience.tabs.planets", "Planets")]
+							}),
+							/* @__PURE__ */ f(w, {
+								value: "asteroids",
+								children: [/* @__PURE__ */ d(u, { className: "mr-1.5 h-4 w-4" }), E("cosmicintersection.citizenScience.tabs.asteroids", "Asteroids & Transients")]
+							})
+						]
+					}),
+					/* @__PURE__ */ d(S, {
+						value: "galaxies",
+						children: /* @__PURE__ */ d("div", {
+							className: "grid gap-4 md:grid-cols-2",
+							children: O.map(N)
+						})
+					}),
+					/* @__PURE__ */ d(S, {
+						value: "planets",
+						children: /* @__PURE__ */ d("div", {
+							className: "grid gap-4 md:grid-cols-2",
+							children: k.map(N)
+						})
+					}),
+					/* @__PURE__ */ d(S, {
+						value: "asteroids",
+						children: /* @__PURE__ */ d("div", {
+							className: "grid gap-4 md:grid-cols-2",
+							children: A.map(N)
+						})
+					})
+				]
+			})] }),
+			/* @__PURE__ */ d("section", { children: /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ d(y, { children: /* @__PURE__ */ f("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ d("div", {
+					className: "flex h-10 w-10 items-center justify-center rounded-lg bg-muted text-yellow-500",
+					children: /* @__PURE__ */ d(s, { className: "h-5 w-5" })
+				}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d(b, { children: E("cosmicintersection.citizenScience.leaderboard.title", "Top Contributors") }), /* @__PURE__ */ d(v, { children: E("cosmicintersection.citizenScience.leaderboard.description", "This month's leaders") })] })]
+			}) }), /* @__PURE__ */ d(_, {
+				className: "space-y-2",
+				children: j.map((e) => /* @__PURE__ */ f("div", {
+					className: "flex items-center justify-between rounded-lg border p-3",
+					children: [/* @__PURE__ */ f("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ d("div", {
+							className: "flex h-9 w-9 items-center justify-center rounded-full bg-primary text-sm font-bold text-primary-foreground",
+							children: e.rank
+						}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ d("span", {
+								className: "text-sm font-semibold",
+								children: e.name
+							}), /* @__PURE__ */ d(m, {
+								variant: "secondary",
+								children: e.badge
+							})]
+						}), /* @__PURE__ */ d("div", {
+							className: "text-xs text-muted-foreground",
+							children: E("cosmicintersection.citizenScience.leaderboard.contributions", "{{count}} contributions", { count: e.contributions.toLocaleString() })
+						})] })]
+					}), /* @__PURE__ */ d(m, { children: E("cosmicintersection.citizenScience.leaderboard.points", "+{{count}} pts", { count: Math.floor(e.contributions * .1) }) })]
+				}, e.rank))
+			})] }) }),
+			/* @__PURE__ */ d("section", { children: /* @__PURE__ */ d(g, {
+				className: "bg-muted/50",
+				children: /* @__PURE__ */ f(_, {
+					className: "py-10 text-center",
+					children: [
+						/* @__PURE__ */ f(m, {
+							variant: "secondary",
+							className: "mb-4",
+							children: [/* @__PURE__ */ d(o, { className: "mr-1.5 h-3.5 w-3.5" }), E("cosmicintersection.citizenScience.cta.badge", "Join 2.4M+ Scientists")]
+						}),
+						/* @__PURE__ */ d("h2", {
+							className: "text-2xl font-bold",
+							children: E("cosmicintersection.citizenScience.cta.title", "Ready to Make Your Mark on Science?")
+						}),
+						/* @__PURE__ */ d("p", {
+							className: "mt-2 text-muted-foreground",
+							children: E("cosmicintersection.citizenScience.cta.description", "Make real discoveries and advance our understanding of the universe.")
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "mt-6 flex items-center justify-center gap-3",
+							children: [/* @__PURE__ */ d(h, { children: E("cosmicintersection.citizenScience.cta.actions.joinCommunity", "Join the Community") }), /* @__PURE__ */ d(h, {
+								variant: "outline",
+								children: E("cosmicintersection.citizenScience.cta.actions.backToHub", "Back to Hub")
+							})]
+						})
+					]
+				})
+			}) })
+		]
+	});
+}
+//#endregion
+export { T as SpaceScienceCitizenPage };
+
+//# sourceMappingURL=SpaceScienceCitizenPage.js.map

package/dist/cosmicintersection/pages/SpaceScienceCitizenPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpaceScienceCitizenPage.js","names":[],"sources":["../../../src/cosmicintersection/pages/SpaceScienceCitizenPage.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Users,\n  Star,\n  Globe,\n  Activity,\n  ArrowRight,\n  Sparkles,\n  Zap,\n  Award,\n  TrendingUp,\n} from 'lucide-react';\nimport { useCosmicIntersectionStore } from '../store/cosmicintersectionStore';\nimport { tWithFallback } from '../utils/i18n';\n\nexport function SpaceScienceCitizenPage() {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string, params?: Record<string, string | number>): string =>\n    tWithFallback(t, key, fallback, params);\n  const { citizenScienceTasks } = useCosmicIntersectionStore();\n\n  const galaxyTasks = citizenScienceTasks.filter((task) => task.category === 'galaxies');\n  const planetTasks = citizenScienceTasks.filter((task) => task.category === 'planets');\n  const asteroidTasks = citizenScienceTasks.filter(\n    (task) => task.category === 'asteroids' || task.category === 'transients'\n  );\n\n  const topContributors = [\n    {\n      name: 'StarGazer_47',\n      contributions: 12847,\n      rank: 1,\n      badge: tr('cosmicintersection.citizenScience.leaderboard.badges.gold', 'Gold'),\n    },\n    {\n      name: 'CosmicExplorer',\n      contributions: 9234,\n      rank: 2,\n      badge: tr('cosmicintersection.citizenScience.leaderboard.badges.silver', 'Silver'),\n    },\n    {\n      name: 'GalacticHunter',\n      contributions: 8156,\n      rank: 3,\n      badge: tr('cosmicintersection.citizenScience.leaderboard.badges.bronze', 'Bronze'),\n    },\n    {\n      name: 'NebulaSeeker',\n      contributions: 7834,\n      rank: 4,\n      badge: tr('cosmicintersection.citizenScience.leaderboard.badges.diamond', 'Diamond'),\n    },\n    {\n      name: 'AstroNomad',\n      contributions: 6923,\n      rank: 5,\n      badge: tr('cosmicintersection.citizenScience.leaderboard.badges.platinum', 'Platinum'),\n    },\n  ];\n\n  const formatNum = (value: number) =>\n    value >= 1000 ? `${String(Math.round(value / 1000))}K` : String(value);\n\n  const renderTaskCard = (task: (typeof citizenScienceTasks)[0]) => (\n    <Card key={task.id} className=\"transition-shadow hover:shadow-md\">\n      <CardHeader>\n        <div className=\"mb-2 flex items-start justify-between gap-3\">\n          <CardTitle className=\"text-lg\">{task.title}</CardTitle>\n          <Badge variant={task.status === 'live' ? 'default' : 'secondary'} className=\"capitalize\">\n            {task.status === 'live'\n              ? tr('cosmicintersection.citizenScience.shared.status.live', 'live')\n              : tr('cosmicintersection.citizenScience.shared.status.recruiting', 'recruiting')}\n          </Badge>\n        </div>\n        <CardDescription>{task.description}</CardDescription>\n      </CardHeader>\n      <CardContent className=\"space-y-3\">\n        <div>\n          <div className=\"mb-1 flex items-center justify-between text-xs text-muted-foreground\">\n            <span>{tr('cosmicintersection.citizenScience.taskCard.progress', 'Progress')}</span>\n            <span className=\"font-medium\">{task.progress}%</span>\n          </div>\n          <div className=\"h-1.5 w-full overflow-hidden rounded-full bg-muted\">\n            <div\n              className=\"h-full rounded-full bg-primary\"\n              style={{ width: `${String(task.progress)}%` }}\n            />\n          </div>\n        </div>\n        <div className=\"grid grid-cols-2 gap-3\">\n          <div className=\"rounded-md bg-muted p-2 text-center\">\n            <div className=\"text-sm font-semibold\">{formatNum(task.contributors)}</div>\n            <div className=\"text-xs text-muted-foreground\">\n              {tr('cosmicintersection.citizenScience.taskCard.contributors', 'Contributors')}\n            </div>\n          </div>\n          <div className=\"rounded-md bg-muted p-2 text-center\">\n            <div className=\"text-sm font-semibold text-green-500\">\n              {formatNum(task.classifications)}\n            </div>\n            <div className=\"text-xs text-muted-foreground\">\n              {tr('cosmicintersection.citizenScience.taskCard.classifications', 'Classifications')}\n            </div>\n          </div>\n        </div>\n        <Button variant=\"ghost\" className=\"w-full justify-between\" size=\"sm\">\n          {tr(\n            'cosmicintersection.citizenScience.taskCard.actions.startClassifying',\n            'Start Classifying'\n          )}\n          <ArrowRight className=\"h-4 w-4\" />\n        </Button>\n      </CardContent>\n    </Card>\n  );\n\n  const heroStats = [\n    {\n      label: tr('cosmicintersection.citizenScience.heroStats.contributors', 'Contributors'),\n      value: '2.4M',\n      icon: Users,\n      color: 'text-green-500',\n    },\n    {\n      label: tr('cosmicintersection.citizenScience.heroStats.discoveries', 'Discoveries'),\n      value: '156',\n      icon: Award,\n      color: 'text-yellow-500',\n    },\n    {\n      label: tr('cosmicintersection.citizenScience.heroStats.classifications', 'Classifications'),\n      value: '47M',\n      icon: TrendingUp,\n      color: 'text-blue-500',\n    },\n    {\n      label: tr('cosmicintersection.citizenScience.heroStats.activeProjects', 'Active Projects'),\n      value: '89',\n      icon: Activity,\n      color: 'text-purple-500',\n    },\n  ];\n\n  return (\n    <div className=\"space-y-10 p-6\">\n      <section className=\"py-6 text-center\">\n        <Badge variant=\"secondary\" className=\"mb-4\">\n          <Users className=\"mr-1.5 h-3.5 w-3.5\" />\n          {tr('cosmicintersection.citizenScience.hero.badge', 'Make Real Discoveries')}\n        </Badge>\n        <h1 className=\"text-4xl font-bold tracking-tight\">\n          {tr('cosmicintersection.citizenScience.hero.title', 'Citizen Science')}\n        </h1>\n        <p className=\"mx-auto mt-4 max-w-2xl text-lg text-muted-foreground\">\n          {tr(\n            'cosmicintersection.citizenScience.hero.description',\n            'Make real scientific discoveries by contributing to cutting-edge research. Classify galaxies, hunt asteroids, and advance space science. No PhD required!'\n          )}\n        </p>\n        <div className=\"mt-6 flex items-center justify-center gap-3\">\n          <Button>\n            <Users className=\"mr-2 h-5 w-5\" />\n            {tr(\n              'cosmicintersection.citizenScience.hero.actions.startContributing',\n              'Start Contributing'\n            )}\n          </Button>\n          <Button variant=\"outline\">\n            <Activity className=\"mr-2 h-5 w-5\" />\n            {tr('cosmicintersection.citizenScience.hero.actions.viewProjects', 'View Projects')}\n          </Button>\n        </div>\n\n        <div className=\"mx-auto mt-10 grid max-w-3xl grid-cols-2 gap-4 md:grid-cols-4\">\n          {heroStats.map((stat) => (\n            <Card key={stat.label}>\n              <CardContent className=\"p-3 text-center\">\n                <stat.icon className={`mx-auto mb-1.5 h-5 w-5 ${stat.color}`} />\n                <div className=\"text-xl font-bold\">{stat.value}</div>\n                <div className=\"text-xs text-muted-foreground\">{stat.label}</div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      </section>\n\n      <section>\n        <div className=\"mb-8 text-center\">\n          <h2 className=\"text-2xl font-bold\">\n            {tr(\n              'cosmicintersection.citizenScience.sections.activeProjects',\n              'Active Citizen Science Projects'\n            )}\n          </h2>\n          <p className=\"mt-1 text-muted-foreground\">\n            {tr(\n              'cosmicintersection.citizenScience.sections.activeProjectsDescription',\n              'Choose a category and start contributing today'\n            )}\n          </p>\n        </div>\n\n        <Tabs defaultValue=\"galaxies\" className=\"w-full\">\n          <TabsList className=\"mb-6 grid w-full grid-cols-3\">\n            <TabsTrigger value=\"galaxies\">\n              <Star className=\"mr-1.5 h-4 w-4\" />\n              {tr('cosmicintersection.citizenScience.tabs.galaxies', 'Galaxies')}\n            </TabsTrigger>\n            <TabsTrigger value=\"planets\">\n              <Globe className=\"mr-1.5 h-4 w-4\" />\n              {tr('cosmicintersection.citizenScience.tabs.planets', 'Planets')}\n            </TabsTrigger>\n            <TabsTrigger value=\"asteroids\">\n              <Zap className=\"mr-1.5 h-4 w-4\" />\n              {tr('cosmicintersection.citizenScience.tabs.asteroids', 'Asteroids & Transients')}\n            </TabsTrigger>\n          </TabsList>\n\n          <TabsContent value=\"galaxies\">\n            <div className=\"grid gap-4 md:grid-cols-2\">{galaxyTasks.map(renderTaskCard)}</div>\n          </TabsContent>\n          <TabsContent value=\"planets\">\n            <div className=\"grid gap-4 md:grid-cols-2\">{planetTasks.map(renderTaskCard)}</div>\n          </TabsContent>\n          <TabsContent value=\"asteroids\">\n            <div className=\"grid gap-4 md:grid-cols-2\">{asteroidTasks.map(renderTaskCard)}</div>\n          </TabsContent>\n        </Tabs>\n      </section>\n\n      <section>\n        <Card>\n          <CardHeader>\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-muted text-yellow-500\">\n                <Star className=\"h-5 w-5\" />\n              </div>\n              <div>\n                <CardTitle>\n                  {tr('cosmicintersection.citizenScience.leaderboard.title', 'Top Contributors')}\n                </CardTitle>\n                <CardDescription>\n                  {tr(\n                    'cosmicintersection.citizenScience.leaderboard.description',\n                    \"This month's leaders\"\n                  )}\n                </CardDescription>\n              </div>\n            </div>\n          </CardHeader>\n          <CardContent className=\"space-y-2\">\n            {topContributors.map((user) => (\n              <div\n                key={user.rank}\n                className=\"flex items-center justify-between rounded-lg border p-3\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"flex h-9 w-9 items-center justify-center rounded-full bg-primary text-sm font-bold text-primary-foreground\">\n                    {user.rank}\n                  </div>\n                  <div>\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"text-sm font-semibold\">{user.name}</span>\n                      <Badge variant=\"secondary\">{user.badge}</Badge>\n                    </div>\n                    <div className=\"text-xs text-muted-foreground\">\n                      {tr(\n                        'cosmicintersection.citizenScience.leaderboard.contributions',\n                        '{{count}} contributions',\n                        { count: user.contributions.toLocaleString() }\n                      )}\n                    </div>\n                  </div>\n                </div>\n                <Badge>\n                  {tr('cosmicintersection.citizenScience.leaderboard.points', '+{{count}} pts', {\n                    count: Math.floor(user.contributions * 0.1),\n                  })}\n                </Badge>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </section>\n\n      <section>\n        <Card className=\"bg-muted/50\">\n          <CardContent className=\"py-10 text-center\">\n            <Badge variant=\"secondary\" className=\"mb-4\">\n              <Sparkles className=\"mr-1.5 h-3.5 w-3.5\" />\n              {tr('cosmicintersection.citizenScience.cta.badge', 'Join 2.4M+ Scientists')}\n            </Badge>\n            <h2 className=\"text-2xl font-bold\">\n              {tr(\n                'cosmicintersection.citizenScience.cta.title',\n                'Ready to Make Your Mark on Science?'\n              )}\n            </h2>\n            <p className=\"mt-2 text-muted-foreground\">\n              {tr(\n                'cosmicintersection.citizenScience.cta.description',\n                'Make real discoveries and advance our understanding of the universe.'\n              )}\n            </p>\n            <div className=\"mt-6 flex items-center justify-center gap-3\">\n              <Button>\n                {tr(\n                  'cosmicintersection.citizenScience.cta.actions.joinCommunity',\n                  'Join the Community'\n                )}\n              </Button>\n              <Button variant=\"outline\">\n                {tr('cosmicintersection.citizenScience.cta.actions.backToHub', 'Back to Hub')}\n              </Button>\n            </div>\n          </CardContent>\n        </Card>\n      </section>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AA4BA,SAAgB,IAA0B;CACxC,IAAM,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,GAAkB,MACzC,EAAc,GAAG,GAAK,GAAU,EAAO,EACnC,EAAE,2BAAwB,GAA4B,EAEtD,IAAc,EAAoB,QAAQ,MAAS,EAAK,aAAa,WAAW,EAChF,IAAc,EAAoB,QAAQ,MAAS,EAAK,aAAa,UAAU,EAC/E,IAAgB,EAAoB,QACvC,MAAS,EAAK,aAAa,eAAe,EAAK,aAAa,aAC9D,EAEK,IAAkB;EACtB;GACE,MAAM;GACN,eAAe;GACf,MAAM;GACN,OAAO,EAAG,6DAA6D,OAAO;GAC/E;EACD;GACE,MAAM;GACN,eAAe;GACf,MAAM;GACN,OAAO,EAAG,+DAA+D,SAAS;GACnF;EACD;GACE,MAAM;GACN,eAAe;GACf,MAAM;GACN,OAAO,EAAG,+DAA+D,SAAS;GACnF;EACD;GACE,MAAM;GACN,eAAe;GACf,MAAM;GACN,OAAO,EAAG,gEAAgE,UAAU;GACrF;EACD;GACE,MAAM;GACN,eAAe;GACf,MAAM;GACN,OAAO,EAAG,iEAAiE,WAAW;GACvF;EACF,EAEK,KAAa,MACjB,KAAS,MAAO,GAAG,OAAO,KAAK,MAAM,IAAQ,IAAK,CAAC,CAAC,KAAK,OAAO,EAAM,EAElE,KAAkB,MACtB,kBAAC,GAAD;EAAoB,WAAU;YAA9B,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAW,WAAU;cAAW,EAAK;IAAkB,CAAA,EACvD,kBAAC,GAAD;IAAO,SAAS,EAAK,WAAW,SAAS,YAAY;IAAa,WAAU;cACzE,EAAK,WAAW,SACb,EAAG,wDAAwD,OAAO,GAClE,EAAG,8DAA8D,aAAa;IAC5E,CAAA,CACJ;MACN,kBAAC,GAAD,EAAA,UAAkB,EAAK,aAA8B,CAAA,CAC1C,EAAA,CAAA,EACb,kBAAC,GAAD;GAAa,WAAU;aAAvB;IACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD,EAAA,UAAO,EAAG,uDAAuD,WAAW,EAAQ,CAAA,EACpF,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CAA+B,EAAK,UAAS,IAAQ;QACjD;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MACE,WAAU;MACV,OAAO,EAAE,OAAO,GAAG,OAAO,EAAK,SAAS,CAAC,IAAI;MAC7C,CAAA;KACE,CAAA,CACF,EAAA,CAAA;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAyB,EAAU,EAAK,aAAa;OAAO,CAAA,EAC3E,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAG,2DAA2D,eAAe;OAC1E,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAU,EAAK,gBAAgB;OAC5B,CAAA,EACN,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAG,8DAA8D,kBAAkB;OAChF,CAAA,CACF;QACF;;IACN,kBAAC,GAAD;KAAQ,SAAQ;KAAQ,WAAU;KAAyB,MAAK;eAAhE,CACG,EACC,uEACA,oBACD,EACD,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA,CAC3B;;IACG;KACT;IAjDI,EAAK,GAiDT,EAGH,IAAY;EAChB;GACE,OAAO,EAAG,4DAA4D,eAAe;GACrF,OAAO;GACP,MAAM;GACN,OAAO;GACR;EACD;GACE,OAAO,EAAG,2DAA2D,cAAc;GACnF,OAAO;GACP,MAAM;GACN,OAAO;GACR;EACD;GACE,OAAO,EAAG,+DAA+D,kBAAkB;GAC3F,OAAO;GACP,MAAM;GACN,OAAO;GACR;EACD;GACE,OAAO,EAAG,8DAA8D,kBAAkB;GAC1F,OAAO;GACP,MAAM;GACN,OAAO;GACR;EACF;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,WAAD;IAAS,WAAU;cAAnB;KACE,kBAAC,GAAD;MAAO,SAAQ;MAAY,WAAU;gBAArC,CACE,kBAAC,GAAD,EAAO,WAAU,sBAAuB,CAAA,EACvC,EAAG,gDAAgD,wBAAwB,CACtE;;KACR,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAG,gDAAgD,kBAAkB;MACnE,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBACV,EACC,sDACA,4JACD;MACC,CAAA;KACJ,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAO,WAAU,gBAAiB,CAAA,EACjC,EACC,oEACA,qBACD,CACM,EAAA,CAAA,EACT,kBAAC,GAAD;OAAQ,SAAQ;iBAAhB,CACE,kBAAC,GAAD,EAAU,WAAU,gBAAiB,CAAA,EACpC,EAAG,+DAA+D,gBAAgB,CAC5E;SACL;;KAEN,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAU,KAAK,MACd,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OAAa,WAAU;iBAAvB;QACE,kBAAC,EAAK,MAAN,EAAW,WAAW,0BAA0B,EAAK,SAAW,CAAA;QAChE,kBAAC,OAAD;SAAK,WAAU;mBAAqB,EAAK;SAAY,CAAA;QACrD,kBAAC,OAAD;SAAK,WAAU;mBAAiC,EAAK;SAAY,CAAA;QACrD;UACT,EANI,EAAK,MAMT,CACP;MACE,CAAA;KACE;;GAEV,kBAAC,WAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EACC,6DACA,kCACD;KACE,CAAA,EACL,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,wEACA,iDACD;KACC,CAAA,CACA;OAEN,kBAAC,GAAD;IAAM,cAAa;IAAW,WAAU;cAAxC;KACE,kBAAC,GAAD;MAAU,WAAU;gBAApB;OACE,kBAAC,GAAD;QAAa,OAAM;kBAAnB,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EAClC,EAAG,mDAAmD,WAAW,CACtD;;OACd,kBAAC,GAAD;QAAa,OAAM;kBAAnB,CACE,kBAAC,GAAD,EAAO,WAAU,kBAAmB,CAAA,EACnC,EAAG,kDAAkD,UAAU,CACpD;;OACd,kBAAC,GAAD;QAAa,OAAM;kBAAnB,CACE,kBAAC,GAAD,EAAK,WAAU,kBAAmB,CAAA,EACjC,EAAG,oDAAoD,yBAAyB,CACrE;;OACL;;KAEX,kBAAC,GAAD;MAAa,OAAM;gBACjB,kBAAC,OAAD;OAAK,WAAU;iBAA6B,EAAY,IAAI,EAAe;OAAO,CAAA;MACtE,CAAA;KACd,kBAAC,GAAD;MAAa,OAAM;gBACjB,kBAAC,OAAD;OAAK,WAAU;iBAA6B,EAAY,IAAI,EAAe;OAAO,CAAA;MACtE,CAAA;KACd,kBAAC,GAAD;MAAa,OAAM;gBACjB,kBAAC,OAAD;OAAK,WAAU;iBAA6B,EAAc,IAAI,EAAe;OAAO,CAAA;MACxE,CAAA;KACT;MACC,EAAA,CAAA;GAEV,kBAAC,WAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;KACxB,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACG,EAAG,uDAAuD,mBAAmB,EACpE,CAAA,EACZ,kBAAC,GAAD,EAAA,UACG,EACC,6DACA,uBACD,EACe,CAAA,CACd,EAAA,CAAA,CACF;OACK,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAgB,KAAK,MACpB,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAK;OACF,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAyB,EAAK;QAAY,CAAA,EAC1D,kBAAC,GAAD;QAAO,SAAQ;kBAAa,EAAK;QAAc,CAAA,CAC3C;UACN,kBAAC,OAAD;OAAK,WAAU;iBACZ,EACC,+DACA,2BACA,EAAE,OAAO,EAAK,cAAc,gBAAgB,EAAE,CAC/C;OACG,CAAA,CACF,EAAA,CAAA,CACF;SACN,kBAAC,GAAD,EAAA,UACG,EAAG,wDAAwD,kBAAkB,EAC5E,OAAO,KAAK,MAAM,EAAK,gBAAgB,GAAI,EAC5C,CAAC,EACI,CAAA,CACJ;OA1BC,EAAK,KA0BN,CACN;IACU,CAAA,CACT,EAAA,CAAA,EACC,CAAA;GAEV,kBAAC,WAAD,EAAA,UACE,kBAAC,GAAD;IAAM,WAAU;cACd,kBAAC,GAAD;KAAa,WAAU;eAAvB;MACE,kBAAC,GAAD;OAAO,SAAQ;OAAY,WAAU;iBAArC,CACE,kBAAC,GAAD,EAAU,WAAU,sBAAuB,CAAA,EAC1C,EAAG,+CAA+C,wBAAwB,CACrE;;MACR,kBAAC,MAAD;OAAI,WAAU;iBACX,EACC,+CACA,sCACD;OACE,CAAA;MACL,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,qDACA,uEACD;OACC,CAAA;MACJ,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UACG,EACC,+DACA,qBACD,EACM,CAAA,EACT,kBAAC,GAAD;QAAQ,SAAQ;kBACb,EAAG,2DAA2D,cAAc;QACtE,CAAA,CACL;;MACM;;IACT,CAAA,EACC,CAAA;GACN"}

package/dist/cosmicintersection/pages/SpaceScienceDataPage.d.ts

@@ -0,0 +1,2 @@
+export declare function SpaceScienceDataPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SpaceScienceDataPage.d.ts.map

package/dist/cosmicintersection/pages/SpaceScienceDataPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpaceScienceDataPage.d.ts","sourceRoot":"","sources":["../../../src/cosmicintersection/pages/SpaceScienceDataPage.tsx"],"names":[],"mappings":"AAMA,wBAAgB,oBAAoB,4CAsXnC"}