Spaces:
Running
Running
File size: 9,204 Bytes
9243cff |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 |
"use client"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Separator } from "@/components/ui/separator"
import { Button } from "@/components/ui/button"
import Link from "next/link"
import { ExternalLink } from "lucide-react"
import { Navigation } from "@/components/navigation"
import { PageHeader } from "@/components/page-header"
export default function AboutPage() {
return (
<div className="min-h-screen bg-background">
<Navigation />
<PageHeader
title="About AI Evaluation Dashboard"
description="A comprehensive platform for documenting and sharing AI system evaluations with transparency and rigor."
/>
<div className="container mx-auto px-4 sm:px-6 py-6 max-w-4xl">
<div className="grid gap-6">
<Card>
<CardHeader>
<CardTitle>Project Goals</CardTitle>
<CardDescription>
Our mission is to advance responsible AI development through transparent evaluation
</CardDescription>
</CardHeader>
<CardContent className="space-y-4">
<div className="grid gap-3">
<div className="flex items-start gap-3">
<div className="w-2 h-2 bg-blue-500 rounded-full mt-2 flex-shrink-0"></div>
<div>
<h4 className="font-semibold">Standardize AI Evaluation Reporting</h4>
<p className="text-sm text-muted-foreground">
Provide a consistent framework for documenting AI system capabilities and limitations across different models and platforms.
</p>
</div>
</div>
<div className="flex items-start gap-3">
<div className="w-2 h-2 bg-green-500 rounded-full mt-2 flex-shrink-0"></div>
<div>
<h4 className="font-semibold">Facilitate Transparency</h4>
<p className="text-sm text-muted-foreground">
Enable AI developers and researchers to share detailed evaluation results in an accessible, standardized format.
</p>
</div>
</div>
<div className="flex items-start gap-3">
<div className="w-2 h-2 bg-purple-500 rounded-full mt-2 flex-shrink-0"></div>
<div>
<h4 className="font-semibold">Enable Comparative Analysis</h4>
<p className="text-sm text-muted-foreground">
Support side-by-side comparison of AI systems across multiple dimensions including capabilities and risks.
</p>
</div>
</div>
<div className="flex items-start gap-3">
<div className="w-2 h-2 bg-orange-500 rounded-full mt-2 flex-shrink-0"></div>
<div>
<h4 className="font-semibold">Support Research and Policy</h4>
<p className="text-sm text-muted-foreground">
Consolidate evaluation data to inform AI research directions and policy development.
</p>
</div>
</div>
<div className="flex items-start gap-3">
<div className="w-2 h-2 bg-red-500 rounded-full mt-2 flex-shrink-0"></div>
<div>
<h4 className="font-semibold">Promote Responsible AI Development</h4>
<p className="text-sm text-muted-foreground">
Encourage comprehensive risk assessment and responsible deployment practices through structured evaluation.
</p>
</div>
</div>
</div>
</CardContent>
</Card>
{/* EvalEval link removed from page body per request; footer includes external link instead */}
<Card>
<CardHeader>
<CardTitle>Standards and Frameworks</CardTitle>
<CardDescription>
Built on established international standards for AI evaluation
</CardDescription>
</CardHeader>
<CardContent className="space-y-4">
<div className="grid gap-4 md:grid-cols-2">
<div className="p-4 border rounded-lg">
<div className="flex items-center gap-2 mb-2">
<Badge variant="destructive">Risk Assessment</Badge>
</div>
<h4 className="font-semibold mb-2">NIST AI 600-1</h4>
<p className="text-sm text-muted-foreground mb-3">
Risk categories are derived from the NIST AI Risk Management Framework (AI RMF 1.0), providing a comprehensive approach to identifying and managing AI-related risks.
</p>
<Link href="https://nvlpubs.nist.gov/nistpubs/ai/NIST.AI.600-1.pdf" target="_blank">
<Button variant="outline" size="sm">
<ExternalLink className="mr-2 h-3 w-3" />
Learn More
</Button>
</Link>
</div>
<div className="p-4 border rounded-lg">
<div className="flex items-center gap-2 mb-2">
<Badge variant="default">Capabilities</Badge>
</div>
<h4 className="font-semibold mb-2">OECD AI Classification</h4>
<p className="text-sm text-muted-foreground mb-3">
Capability categories are based on the OECD AI Classification Framework, ensuring alignment with international standards for AI system categorization.
</p>
<Link href="https://www.oecd.org/en/publications/introducing-the-oecd-ai-capability-indicators_be745f04-en/full-report/component-4.html#chapter-d1e230-f85c23a209" target="_blank">
<Button variant="outline" size="sm">
<ExternalLink className="mr-2 h-3 w-3" />
Learn More
</Button>
</Link>
</div>
</div>
</CardContent>
</Card>
<Card>
<CardHeader>
<CardTitle>For Contributors</CardTitle>
<CardDescription>
How to contribute to the evaluation framework
</CardDescription>
</CardHeader>
<CardContent className="space-y-4">
<div className="p-4 bg-muted rounded-lg">
<h4 className="font-semibold mb-2">Schema-Driven Architecture</h4>
<p className="text-sm text-muted-foreground mb-3">
All evaluation categories, form fields, and data structures are centrally managed in the <code className="bg-background px-1 py-0.5 rounded">schema/</code> folder. This is the primary location for making structural changes to the evaluation framework.
</p>
<div className="space-y-2 text-sm">
<div><code className="bg-background px-2 py-1 rounded">schema/evaluation-schema.json</code> - Evaluation categories and types</div>
<div><code className="bg-background px-2 py-1 rounded">schema/output-schema.json</code> - Complete data structure</div>
<div><code className="bg-background px-2 py-1 rounded">schema/system-info-schema.json</code> - Form field options</div>
<div><code className="bg-background px-2 py-1 rounded">schema/category-details.json</code> - Detailed descriptions</div>
</div>
</div>
<div className="p-4 bg-muted rounded-lg">
<h4 className="font-semibold mb-2">Adding Evaluations</h4>
<p className="text-sm text-muted-foreground">
Evaluation data files are stored in <code className="bg-background px-1 py-0.5 rounded">public/evaluations/</code> as JSON files. Each file represents a complete evaluation of an AI system and must conform to the schema.
</p>
</div>
<Link href="https://huggingface.co/spaces/evaleval/general-eval-card/tree/main/schema" target="_blank">
<Button className="w-full flex items-center justify-center gap-2">
<img src="https://huggingface.co/front/assets/huggingface_logo.svg" alt="Hugging Face" className="h-4 w-4" />
View on Hugging Face
</Button>
</Link>
</CardContent>
</Card>
</div>
<Separator className="my-8" />
<div className="text-center text-sm text-muted-foreground">
<p className="mt-2">AI Evaluation Dashboard is an open-source project dedicated to advancing responsible AI development — built with ❤️ by the EvalEval Coalition.</p>
<p className="mt-2 flex items-center justify-center gap-3">
<img src="https://evalevalai.com/assets/img/logo-square.png" alt="EvalEval" className="h-8 w-8 rounded" />
<span>Learn more about EvalEval: <Link href="https://evalevalai.com/" target="_blank">evalevalai.com</Link></span>
</p>
</div>
</div>
</div>
</div>
)
}
|