completionId: cgen-22af80c3892a4509af818277ab5ef2cc
cgen-22af80c3892a4509af818277ab5ef2cc
This commit is contained in:
Builder.io
parent
02179120a6
commit
31587b23f0
1 changed files with 195 additions and 132 deletions
|
|
@ -1137,155 +1137,218 @@ export default function Admin() {
|
|||
<AdminMentorshipManager />
|
||||
</TabsContent>
|
||||
|
||||
<TabsContent value="foundation" className="space-y-6">
|
||||
<div className="grid gap-6">
|
||||
{/* Foundation Impact Metrics */}
|
||||
<Card className="bg-card/60 border-border/40 backdrop-blur">
|
||||
<CardHeader>
|
||||
<div className="flex items-center gap-2">
|
||||
<Heart className="h-5 w-5 text-red-400" />
|
||||
<CardTitle>Foundation Impact Metrics</CardTitle>
|
||||
</div>
|
||||
<CardDescription>
|
||||
Track educational impact and talent pipeline effectiveness
|
||||
</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-6">
|
||||
{/* Student Persistence */}
|
||||
<div className="space-y-3">
|
||||
<h4 className="font-semibold text-sm">Student Persistence & Withdrawal Rates</h4>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Course Completion Rate</p>
|
||||
<p className="text-2xl font-bold text-green-400">87.5%</p>
|
||||
<p className="text-xs text-gray-400 mt-2">↑ +12% from last quarter</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Withdrawal Rate</p>
|
||||
<p className="text-2xl font-bold text-yellow-400">5.2%</p>
|
||||
<p className="text-xs text-gray-400 mt-2">↓ -3.1% from last quarter</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Active Learners</p>
|
||||
<p className="text-2xl font-bold text-blue-400">342</p>
|
||||
<p className="text-xs text-gray-400 mt-2">↑ +28 new enrollments</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<TabsContent value="arm-metrics" className="space-y-6">
|
||||
<Tabs defaultValue="labs" className="space-y-4">
|
||||
<TabsList className="w-full justify-start gap-2 overflow-x-auto border border-border/40 bg-background/40 px-1 py-1 backdrop-blur">
|
||||
<TabsTrigger value="labs">Labs</TabsTrigger>
|
||||
<TabsTrigger value="gameforge">GameForge</TabsTrigger>
|
||||
<TabsTrigger value="corp">Corp</TabsTrigger>
|
||||
<TabsTrigger value="foundation">Foundation</TabsTrigger>
|
||||
<TabsTrigger value="nexus">Nexus</TabsTrigger>
|
||||
</TabsList>
|
||||
|
||||
{/* Achievement Gaps */}
|
||||
<div className="space-y-3">
|
||||
<h4 className="font-semibold text-sm">Achievement Gap Analysis</h4>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40 space-y-3">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div>
|
||||
<p className="text-sm text-gray-400 mb-2">Average Grade by Demographic</p>
|
||||
<div className="space-y-2 text-sm">
|
||||
<div className="flex justify-between items-center">
|
||||
<span>All Students</span>
|
||||
<span className="font-semibold">3.42/4.0</span>
|
||||
</div>
|
||||
<div className="flex justify-between items-center text-green-400">
|
||||
<span>Non-marginalized</span>
|
||||
<span className="font-semibold">3.68/4.0</span>
|
||||
</div>
|
||||
<div className="flex justify-between items-center text-yellow-400">
|
||||
<span>BIPOC Students</span>
|
||||
<span className="font-semibold">3.24/4.0</span>
|
||||
</div>
|
||||
<div className="flex justify-between items-center text-orange-400">
|
||||
<span>Pell Grant Recipients</span>
|
||||
<span className="font-semibold">3.12/4.0</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-sm text-gray-400 mb-2">Gap Closure Progress</p>
|
||||
<div className="space-y-2 text-sm">
|
||||
<div>
|
||||
<p className="mb-1">BIPOC Gap: <span className="text-yellow-400 font-semibold">-0.44</span></p>
|
||||
<div className="w-full bg-gray-800 rounded h-2">
|
||||
<div className="bg-yellow-500 h-2 rounded" style={{width: "65%"}}></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p className="mb-1">Pell Grant Gap: <span className="text-orange-400 font-semibold">-0.56</span></p>
|
||||
<div className="w-full bg-gray-800 rounded h-2">
|
||||
<div className="bg-orange-500 h-2 rounded" style={{width: "45%"}}></div>
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-xs text-gray-500 mt-2">Goal: Close gaps by 2025</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<TabsContent value="labs" className="space-y-4">
|
||||
<Card className="bg-card/60 border-border/40 backdrop-blur">
|
||||
<CardHeader>
|
||||
<div className="flex items-center gap-2">
|
||||
<Lightbulb className="h-5 w-5 text-yellow-400" />
|
||||
<CardTitle>Labs - Research & Innovation</CardTitle>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Open Source Impact */}
|
||||
<div className="space-y-3">
|
||||
<h4 className="font-semibold text-sm">Open Source Project Adoption</h4>
|
||||
<CardDescription>Research initiatives, publications, and innovation pipeline</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-4">
|
||||
<div className="grid grid-cols-1 md:grid-cols-4 gap-3">
|
||||
<div className="bg-background/40 rounded-lg p-3 border border-border/40">
|
||||
<p className="text-xs text-gray-400 mb-1">GitHub Forks</p>
|
||||
<p className="text-xl font-bold text-purple-400">2.3K</p>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Active Research Projects</p>
|
||||
<p className="text-2xl font-bold text-yellow-400">12</p>
|
||||
<p className="text-xs text-gray-400 mt-2">↑ 3 new this quarter</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-3 border border-border/40">
|
||||
<p className="text-xs text-gray-400 mb-1">Pull Requests</p>
|
||||
<p className="text-xl font-bold text-green-400">184</p>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Publications</p>
|
||||
<p className="text-2xl font-bold text-yellow-400">8</p>
|
||||
<p className="text-xs text-gray-400 mt-2">Peer-reviewed papers</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-3 border border-border/40">
|
||||
<p className="text-xs text-gray-400 mb-1">External Usage</p>
|
||||
<p className="text-xl font-bold text-blue-400">452</p>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Research Team Size</p>
|
||||
<p className="text-2xl font-bold text-yellow-400">24</p>
|
||||
<p className="text-xs text-gray-400 mt-2">PhD & researchers</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-3 border border-border/40">
|
||||
<p className="text-xs text-gray-400 mb-1">Contributors</p>
|
||||
<p className="text-xl font-bold text-cyan-400">67</p>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Impact Citations</p>
|
||||
<p className="text-2xl font-bold text-yellow-400">342</p>
|
||||
<p className="text-xs text-gray-400 mt-2">Academic references</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</TabsContent>
|
||||
|
||||
{/* Talent Pipeline */}
|
||||
<div className="space-y-3">
|
||||
<h4 className="font-semibold text-sm">Talent Pipeline Metrics</h4>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||
<TabsContent value="gameforge" className="space-y-4">
|
||||
<Card className="bg-card/60 border-border/40 backdrop-blur">
|
||||
<CardHeader>
|
||||
<div className="flex items-center gap-2">
|
||||
<Zap className="h-5 w-5 text-green-400" />
|
||||
<CardTitle>GameForge - Game Development</CardTitle>
|
||||
</div>
|
||||
<CardDescription>Monthly shipping cycles and game production metrics</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-4">
|
||||
<div className="grid grid-cols-1 md:grid-cols-4 gap-3">
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Dev-Link Pipeline</p>
|
||||
<p className="text-2xl font-bold text-cyan-400">128</p>
|
||||
<p className="text-xs text-gray-400 mt-2">Qualified candidates joined platform</p>
|
||||
<p className="text-sm text-muted-foreground mb-2">Games in Production</p>
|
||||
<p className="text-2xl font-bold text-green-400">18</p>
|
||||
<p className="text-xs text-gray-400 mt-2">Active development</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Placement Rate</p>
|
||||
<p className="text-2xl font-bold text-green-400">42%</p>
|
||||
<p className="text-xs text-gray-400 mt-2">54 graduates hired</p>
|
||||
<p className="text-sm text-muted-foreground mb-2">Games Shipped</p>
|
||||
<p className="text-2xl font-bold text-green-400">45</p>
|
||||
<p className="text-xs text-gray-400 mt-2">This year</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Avg Starting Salary</p>
|
||||
<p className="text-2xl font-bold text-yellow-400">$84K</p>
|
||||
<p className="text-xs text-gray-400 mt-2">↑ $12K vs industry avg</p>
|
||||
<p className="text-sm text-muted-foreground mb-2">Player Base</p>
|
||||
<p className="text-2xl font-bold text-green-400">2.8M</p>
|
||||
<p className="text-xs text-gray-400 mt-2">Monthly active</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Avg Shipping Velocity</p>
|
||||
<p className="text-2xl font-bold text-green-400">3.2x</p>
|
||||
<p className="text-xs text-gray-400 mt-2">vs industry standard</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</TabsContent>
|
||||
|
||||
{/* Action Items */}
|
||||
<Card className="bg-card/60 border-border/40 backdrop-blur">
|
||||
<CardHeader>
|
||||
<CardTitle className="text-sm">Foundation Actions</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent className="flex flex-wrap gap-2">
|
||||
<Button size="sm" onClick={() => navigate("/community")}>
|
||||
Visit Foundation Site
|
||||
</Button>
|
||||
<Button size="sm" variant="outline">
|
||||
Export Metrics Report
|
||||
</Button>
|
||||
<Button size="sm" variant="outline">
|
||||
View Curriculum Dashboard
|
||||
</Button>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
<TabsContent value="corp" className="space-y-4">
|
||||
<Card className="bg-card/60 border-border/40 backdrop-blur">
|
||||
<CardHeader>
|
||||
<div className="flex items-center gap-2">
|
||||
<Briefcase className="h-5 w-5 text-blue-400" />
|
||||
<CardTitle>Corp - Enterprise Services</CardTitle>
|
||||
</div>
|
||||
<CardDescription>Enterprise consulting and business solutions</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-4">
|
||||
<div className="grid grid-cols-1 md:grid-cols-4 gap-3">
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Active Clients</p>
|
||||
<p className="text-2xl font-bold text-blue-400">34</p>
|
||||
<p className="text-xs text-gray-400 mt-2">Enterprise accounts</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">ARR</p>
|
||||
<p className="text-2xl font-bold text-blue-400">$4.2M</p>
|
||||
<p className="text-xs text-gray-400 mt-2">Annual recurring</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Retention Rate</p>
|
||||
<p className="text-2xl font-bold text-blue-400">94%</p>
|
||||
<p className="text-xs text-gray-400 mt-2">12-month</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Consulting Team</p>
|
||||
<p className="text-2xl font-bold text-blue-400">16</p>
|
||||
<p className="text-xs text-gray-400 mt-2">Senior consultants</p>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</TabsContent>
|
||||
|
||||
<TabsContent value="foundation" className="space-y-4">
|
||||
<Card className="bg-card/60 border-border/40 backdrop-blur">
|
||||
<CardHeader>
|
||||
<div className="flex items-center gap-2">
|
||||
<Heart className="h-5 w-5 text-red-400" />
|
||||
<CardTitle>Foundation - Education & Community</CardTitle>
|
||||
</div>
|
||||
<CardDescription>Educational impact and talent pipeline effectiveness</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-4">
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<h4 className="font-semibold text-sm mb-3">Student Metrics</h4>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-3">
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Course Completion</p>
|
||||
<p className="text-2xl font-bold text-green-400">87.5%</p>
|
||||
<p className="text-xs text-gray-400 mt-2">↑ +12% YoY</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Active Learners</p>
|
||||
<p className="text-2xl font-bold text-blue-400">342</p>
|
||||
<p className="text-xs text-gray-400 mt-2">↑ +28 new</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Placement Rate</p>
|
||||
<p className="text-2xl font-bold text-yellow-400">42%</p>
|
||||
<p className="text-xs text-gray-400 mt-2">54 hired</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 className="font-semibold text-sm mb-3">Open Source Impact</h4>
|
||||
<div className="grid grid-cols-1 md:grid-cols-4 gap-3">
|
||||
<div className="bg-background/40 rounded-lg p-3 border border-border/40">
|
||||
<p className="text-xs text-gray-400 mb-1">GitHub Forks</p>
|
||||
<p className="text-xl font-bold text-purple-400">2.3K</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-3 border border-border/40">
|
||||
<p className="text-xs text-gray-400 mb-1">PRs</p>
|
||||
<p className="text-xl font-bold text-green-400">184</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-3 border border-border/40">
|
||||
<p className="text-xs text-gray-400 mb-1">External Usage</p>
|
||||
<p className="text-xl font-bold text-blue-400">452</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-3 border border-border/40">
|
||||
<p className="text-xs text-gray-400 mb-1">Contributors</p>
|
||||
<p className="text-xl font-bold text-cyan-400">67</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</TabsContent>
|
||||
|
||||
<TabsContent value="nexus" className="space-y-4">
|
||||
<Card className="bg-card/60 border-border/40 backdrop-blur">
|
||||
<CardHeader>
|
||||
<div className="flex items-center gap-2">
|
||||
<Users className="h-5 w-5 text-purple-400" />
|
||||
<CardTitle>Nexus - Talent Marketplace</CardTitle>
|
||||
</div>
|
||||
<CardDescription>Creator network and opportunity matching metrics</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-4">
|
||||
<div className="grid grid-cols-1 md:grid-cols-4 gap-3">
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Active Creators</p>
|
||||
<p className="text-2xl font-bold text-purple-400">1,240</p>
|
||||
<p className="text-xs text-gray-400 mt-2">↑ +180 this month</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Open Opportunities</p>
|
||||
<p className="text-2xl font-bold text-purple-400">342</p>
|
||||
<p className="text-xs text-gray-400 mt-2">Across all arms</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Successful Matches</p>
|
||||
<p className="text-2xl font-bold text-purple-400">87</p>
|
||||
<p className="text-xs text-gray-400 mt-2">This quarter</p>
|
||||
</div>
|
||||
<div className="bg-background/40 rounded-lg p-4 border border-border/40">
|
||||
<p className="text-sm text-muted-foreground mb-2">Match Success Rate</p>
|
||||
<p className="text-2xl font-bold text-purple-400">68%</p>
|
||||
<p className="text-xs text-gray-400 mt-2">Application to hire</p>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</TabsContent>
|
||||
</Tabs>
|
||||
</TabsContent>
|
||||
|
||||
<TabsContent value="operations" className="space-y-6">
|
||||
|
|
|
|||
Loading…
Reference in a new issue