From 31587b23f0c25297caefd9cfa68fba056ce45aef Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sat, 8 Nov 2025 03:13:34 +0000
Subject: [PATCH] completionId: cgen-22af80c3892a4509af818277ab5ef2cc

cgen-22af80c3892a4509af818277ab5ef2cc
---
 client/pages/Admin.tsx | 327 ++++++++++++++++++++++++-----------------
 1 file changed, 195 insertions(+), 132 deletions(-)

diff --git a/client/pages/Admin.tsx b/client/pages/Admin.tsx
index 9186bcc8..fab667fd 100644
--- a/client/pages/Admin.tsx
+++ b/client/pages/Admin.tsx
@@ -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">