Apply full refactor updates plus pipeline/email UX confirmations

src/app/(admin)/admin/awards/[id]/edit/page.tsx

@@ -1,291 +1,291 @@
-'use client'
-
-import { use, useState, useEffect } from 'react'
-import Link from 'next/link'
-import { useRouter } from 'next/navigation'
-import { trpc } from '@/lib/trpc/client'
-import { Button } from '@/components/ui/button'
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card'
-import { Input } from '@/components/ui/input'
-import { Label } from '@/components/ui/label'
-import { Textarea } from '@/components/ui/textarea'
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/components/ui/select'
-import { Switch } from '@/components/ui/switch'
-import { Skeleton } from '@/components/ui/skeleton'
-import { toast } from 'sonner'
-import { ArrowLeft, Save, Loader2 } from 'lucide-react'
-
-export default function EditAwardPage({
-  params,
-}: {
-  params: Promise<{ id: string }>
-}) {
-  const { id: awardId } = use(params)
-  const router = useRouter()
-
-  const utils = trpc.useUtils()
-  const { data: award, isLoading } = trpc.specialAward.get.useQuery({ id: awardId })
-  const updateAward = trpc.specialAward.update.useMutation({
-    onSuccess: () => {
-      utils.specialAward.get.invalidate({ id: awardId })
-      utils.specialAward.list.invalidate()
-    },
-  })
-
-  const [name, setName] = useState('')
-  const [description, setDescription] = useState('')
-  const [criteriaText, setCriteriaText] = useState('')
-  const [scoringMode, setScoringMode] = useState<'PICK_WINNER' | 'RANKED' | 'SCORED'>('PICK_WINNER')
-  const [useAiEligibility, setUseAiEligibility] = useState(true)
-  const [maxRankedPicks, setMaxRankedPicks] = useState('3')
-  const [votingStartAt, setVotingStartAt] = useState('')
-  const [votingEndAt, setVotingEndAt] = useState('')
-
-  // Helper to format date for datetime-local input
-  const formatDateForInput = (date: Date | string | null | undefined): string => {
-    if (!date) return ''
-    const d = new Date(date)
-    // Format: YYYY-MM-DDTHH:mm
-    return d.toISOString().slice(0, 16)
-  }
-
-  // Load existing values when award data arrives
-  useEffect(() => {
-    if (award) {
-      setName(award.name)
-      setDescription(award.description || '')
-      setCriteriaText(award.criteriaText || '')
-      setScoringMode(award.scoringMode as 'PICK_WINNER' | 'RANKED' | 'SCORED')
-      setUseAiEligibility(award.useAiEligibility)
-      setMaxRankedPicks(String(award.maxRankedPicks || 3))
-      setVotingStartAt(formatDateForInput(award.votingStartAt))
-      setVotingEndAt(formatDateForInput(award.votingEndAt))
-    }
-  }, [award])
-
-  const handleSubmit = async () => {
-    if (!name.trim()) return
-    try {
-      await updateAward.mutateAsync({
-        id: awardId,
-        name: name.trim(),
-        description: description.trim() || undefined,
-        criteriaText: criteriaText.trim() || undefined,
-        useAiEligibility,
-        scoringMode,
-        maxRankedPicks: scoringMode === 'RANKED' ? parseInt(maxRankedPicks) : undefined,
-        votingStartAt: votingStartAt ? new Date(votingStartAt) : undefined,
-        votingEndAt: votingEndAt ? new Date(votingEndAt) : undefined,
-      })
-      toast.success('Award updated')
-      router.push(`/admin/awards/${awardId}`)
-    } catch (error) {
-      toast.error(
-        error instanceof Error ? error.message : 'Failed to update award'
-      )
-    }
-  }
-
-  if (isLoading) {
-    return (
-      <div className="space-y-6">
-        <Skeleton className="h-9 w-48" />
-        <Skeleton className="h-[400px] w-full" />
-      </div>
-    )
-  }
-
-  if (!award) return null
-
-  return (
-    <div className="space-y-6">
-      <div className="flex items-center gap-4">
-        <Button variant="ghost" asChild className="-ml-4">
-          <Link href={`/admin/awards/${awardId}`}>
-            <ArrowLeft className="mr-2 h-4 w-4" />
-            Back to Award
-          </Link>
-        </Button>
-      </div>
-
-      <div>
-        <h1 className="text-2xl font-semibold tracking-tight">
-          Edit Award
-        </h1>
-        <p className="text-muted-foreground">
-          Update award settings and eligibility criteria
-        </p>
-      </div>
-
-      <Card>
-        <CardHeader>
-          <CardTitle>Award Details</CardTitle>
-          <CardDescription>
-            Configure the award name, criteria, and scoring mode
-          </CardDescription>
-        </CardHeader>
-        <CardContent className="space-y-4">
-          <div className="space-y-2">
-            <Label htmlFor="name">Award Name</Label>
-            <Input
-              id="name"
-              value={name}
-              onChange={(e) => setName(e.target.value)}
-              placeholder="e.g., Mediterranean Entrepreneurship Award"
-            />
-          </div>
-
-          <div className="space-y-2">
-            <Label htmlFor="description">Description</Label>
-            <Textarea
-              id="description"
-              value={description}
-              onChange={(e) => setDescription(e.target.value)}
-              placeholder="Brief description of this award"
-              rows={3}
-            />
-          </div>
-
-          <div className="space-y-2">
-            <Label htmlFor="criteria">Eligibility Criteria</Label>
-            <Textarea
-              id="criteria"
-              value={criteriaText}
-              onChange={(e) => setCriteriaText(e.target.value)}
-              placeholder="Describe the criteria in plain language. AI will interpret this to evaluate project eligibility."
-              rows={4}
-            />
-            <p className="text-xs text-muted-foreground">
-              This text will be used by AI to determine which projects are
-              eligible for this award.
-            </p>
-          </div>
-
-          <div className="flex items-center justify-between rounded-lg border p-4">
-            <div className="space-y-0.5">
-              <Label htmlFor="ai-toggle">AI Eligibility</Label>
-              <p className="text-xs text-muted-foreground">
-                Use AI to automatically evaluate project eligibility based on the criteria above.
-                Turn off for awards decided by feeling or manual selection.
-              </p>
-            </div>
-            <Switch
-              id="ai-toggle"
-              checked={useAiEligibility}
-              onCheckedChange={setUseAiEligibility}
-            />
-          </div>
-
-          <div className="grid gap-4 sm:grid-cols-2">
-            <div className="space-y-2">
-              <Label htmlFor="scoring">Scoring Mode</Label>
-              <Select
-                value={scoringMode}
-                onValueChange={(v) =>
-                  setScoringMode(v as 'PICK_WINNER' | 'RANKED' | 'SCORED')
-                }
-              >
-                <SelectTrigger id="scoring">
-                  <SelectValue />
-                </SelectTrigger>
-                <SelectContent>
-                  <SelectItem value="PICK_WINNER">
-                    Pick Winner — Each juror picks 1
-                  </SelectItem>
-                  <SelectItem value="RANKED">
-                    Ranked — Each juror ranks top N
-                  </SelectItem>
-                  <SelectItem value="SCORED">
-                    Scored — Use evaluation form
-                  </SelectItem>
-                </SelectContent>
-              </Select>
-            </div>
-
-            {scoringMode === 'RANKED' && (
-              <div className="space-y-2">
-                <Label htmlFor="maxPicks">Max Ranked Picks</Label>
-                <Input
-                  id="maxPicks"
-                  type="number"
-                  min="1"
-                  max="20"
-                  value={maxRankedPicks}
-                  onChange={(e) => setMaxRankedPicks(e.target.value)}
-                />
-              </div>
-            )}
-          </div>
-        </CardContent>
-      </Card>
-
-      {/* Voting Window Card */}
-      <Card>
-        <CardHeader>
-          <CardTitle>Voting Window</CardTitle>
-          <CardDescription>
-            Set the time period during which jurors can submit their votes
-          </CardDescription>
-        </CardHeader>
-        <CardContent className="space-y-4">
-          <div className="grid gap-4 sm:grid-cols-2">
-            <div className="space-y-2">
-              <Label htmlFor="votingStart">Voting Opens</Label>
-              <Input
-                id="votingStart"
-                type="datetime-local"
-                value={votingStartAt}
-                onChange={(e) => setVotingStartAt(e.target.value)}
-              />
-              <p className="text-xs text-muted-foreground">
-                When jurors can start voting (leave empty to set when opening voting)
-              </p>
-            </div>
-
-            <div className="space-y-2">
-              <Label htmlFor="votingEnd">Voting Closes</Label>
-              <Input
-                id="votingEnd"
-                type="datetime-local"
-                value={votingEndAt}
-                onChange={(e) => setVotingEndAt(e.target.value)}
-              />
-              <p className="text-xs text-muted-foreground">
-                Deadline for juror votes
-              </p>
-            </div>
-          </div>
-        </CardContent>
-      </Card>
-
-      <div className="flex justify-end gap-4">
-        <Button variant="outline" asChild>
-          <Link href={`/admin/awards/${awardId}`}>Cancel</Link>
-        </Button>
-        <Button
-          onClick={handleSubmit}
-          disabled={updateAward.isPending || !name.trim()}
-        >
-          {updateAward.isPending ? (
-            <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-          ) : (
-            <Save className="mr-2 h-4 w-4" />
-          )}
-          Save Changes
-        </Button>
-      </div>
-    </div>
-  )
-}
+'use client'
+
+import { use, useState, useEffect } from 'react'
+import Link from 'next/link'
+import { useRouter } from 'next/navigation'
+import { trpc } from '@/lib/trpc/client'
+import { Button } from '@/components/ui/button'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Textarea } from '@/components/ui/textarea'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Switch } from '@/components/ui/switch'
+import { Skeleton } from '@/components/ui/skeleton'
+import { toast } from 'sonner'
+import { ArrowLeft, Save, Loader2 } from 'lucide-react'
+
+export default function EditAwardPage({
+  params,
+}: {
+  params: Promise<{ id: string }>
+}) {
+  const { id: awardId } = use(params)
+  const router = useRouter()
+
+  const utils = trpc.useUtils()
+  const { data: award, isLoading } = trpc.specialAward.get.useQuery({ id: awardId })
+  const updateAward = trpc.specialAward.update.useMutation({
+    onSuccess: () => {
+      utils.specialAward.get.invalidate({ id: awardId })
+      utils.specialAward.list.invalidate()
+    },
+  })
+
+  const [name, setName] = useState('')
+  const [description, setDescription] = useState('')
+  const [criteriaText, setCriteriaText] = useState('')
+  const [scoringMode, setScoringMode] = useState<'PICK_WINNER' | 'RANKED' | 'SCORED'>('PICK_WINNER')
+  const [useAiEligibility, setUseAiEligibility] = useState(true)
+  const [maxRankedPicks, setMaxRankedPicks] = useState('3')
+  const [votingStartAt, setVotingStartAt] = useState('')
+  const [votingEndAt, setVotingEndAt] = useState('')
+
+  // Helper to format date for datetime-local input
+  const formatDateForInput = (date: Date | string | null | undefined): string => {
+    if (!date) return ''
+    const d = new Date(date)
+    // Format: YYYY-MM-DDTHH:mm
+    return d.toISOString().slice(0, 16)
+  }
+
+  // Load existing values when award data arrives
+  useEffect(() => {
+    if (award) {
+      setName(award.name)
+      setDescription(award.description || '')
+      setCriteriaText(award.criteriaText || '')
+      setScoringMode(award.scoringMode as 'PICK_WINNER' | 'RANKED' | 'SCORED')
+      setUseAiEligibility(award.useAiEligibility)
+      setMaxRankedPicks(String(award.maxRankedPicks || 3))
+      setVotingStartAt(formatDateForInput(award.votingStartAt))
+      setVotingEndAt(formatDateForInput(award.votingEndAt))
+    }
+  }, [award])
+
+  const handleSubmit = async () => {
+    if (!name.trim()) return
+    try {
+      await updateAward.mutateAsync({
+        id: awardId,
+        name: name.trim(),
+        description: description.trim() || undefined,
+        criteriaText: criteriaText.trim() || undefined,
+        useAiEligibility,
+        scoringMode,
+        maxRankedPicks: scoringMode === 'RANKED' ? parseInt(maxRankedPicks) : undefined,
+        votingStartAt: votingStartAt ? new Date(votingStartAt) : undefined,
+        votingEndAt: votingEndAt ? new Date(votingEndAt) : undefined,
+      })
+      toast.success('Award updated')
+      router.push(`/admin/awards/${awardId}`)
+    } catch (error) {
+      toast.error(
+        error instanceof Error ? error.message : 'Failed to update award'
+      )
+    }
+  }
+
+  if (isLoading) {
+    return (
+      <div className="space-y-6">
+        <Skeleton className="h-9 w-48" />
+        <Skeleton className="h-[400px] w-full" />
+      </div>
+    )
+  }
+
+  if (!award) return null
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center gap-4">
+        <Button variant="ghost" asChild className="-ml-4">
+          <Link href={`/admin/awards/${awardId}`}>
+            <ArrowLeft className="mr-2 h-4 w-4" />
+            Back to Award
+          </Link>
+        </Button>
+      </div>
+
+      <div>
+        <h1 className="text-2xl font-semibold tracking-tight">
+          Edit Award
+        </h1>
+        <p className="text-muted-foreground">
+          Update award settings and eligibility criteria
+        </p>
+      </div>
+
+      <Card>
+        <CardHeader>
+          <CardTitle>Award Details</CardTitle>
+          <CardDescription>
+            Configure the award name, criteria, and scoring mode
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="space-y-4">
+          <div className="space-y-2">
+            <Label htmlFor="name">Award Name</Label>
+            <Input
+              id="name"
+              value={name}
+              onChange={(e) => setName(e.target.value)}
+              placeholder="e.g., Mediterranean Entrepreneurship Award"
+            />
+          </div>
+
+          <div className="space-y-2">
+            <Label htmlFor="description">Description</Label>
+            <Textarea
+              id="description"
+              value={description}
+              onChange={(e) => setDescription(e.target.value)}
+              placeholder="Brief description of this award"
+              rows={3}
+            />
+          </div>
+
+          <div className="space-y-2">
+            <Label htmlFor="criteria">Eligibility Criteria</Label>
+            <Textarea
+              id="criteria"
+              value={criteriaText}
+              onChange={(e) => setCriteriaText(e.target.value)}
+              placeholder="Describe the criteria in plain language. AI will interpret this to evaluate project eligibility."
+              rows={4}
+            />
+            <p className="text-xs text-muted-foreground">
+              This text will be used by AI to determine which projects are
+              eligible for this award.
+            </p>
+          </div>
+
+          <div className="flex items-center justify-between rounded-lg border p-4">
+            <div className="space-y-0.5">
+              <Label htmlFor="ai-toggle">AI Eligibility</Label>
+              <p className="text-xs text-muted-foreground">
+                Use AI to automatically evaluate project eligibility based on the criteria above.
+                Turn off for awards decided by feeling or manual selection.
+              </p>
+            </div>
+            <Switch
+              id="ai-toggle"
+              checked={useAiEligibility}
+              onCheckedChange={setUseAiEligibility}
+            />
+          </div>
+
+          <div className="grid gap-4 sm:grid-cols-2">
+            <div className="space-y-2">
+              <Label htmlFor="scoring">Scoring Mode</Label>
+              <Select
+                value={scoringMode}
+                onValueChange={(v) =>
+                  setScoringMode(v as 'PICK_WINNER' | 'RANKED' | 'SCORED')
+                }
+              >
+                <SelectTrigger id="scoring">
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="PICK_WINNER">
+                    Pick Winner — Each juror picks 1
+                  </SelectItem>
+                  <SelectItem value="RANKED">
+                    Ranked — Each juror ranks top N
+                  </SelectItem>
+                  <SelectItem value="SCORED">
+                    Scored — Use evaluation form
+                  </SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+
+            {scoringMode === 'RANKED' && (
+              <div className="space-y-2">
+                <Label htmlFor="maxPicks">Max Ranked Picks</Label>
+                <Input
+                  id="maxPicks"
+                  type="number"
+                  min="1"
+                  max="20"
+                  value={maxRankedPicks}
+                  onChange={(e) => setMaxRankedPicks(e.target.value)}
+                />
+              </div>
+            )}
+          </div>
+        </CardContent>
+      </Card>
+
+      {/* Voting Window Card */}
+      <Card>
+        <CardHeader>
+          <CardTitle>Voting Window</CardTitle>
+          <CardDescription>
+            Set the time period during which jurors can submit their votes
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="space-y-4">
+          <div className="grid gap-4 sm:grid-cols-2">
+            <div className="space-y-2">
+              <Label htmlFor="votingStart">Voting Opens</Label>
+              <Input
+                id="votingStart"
+                type="datetime-local"
+                value={votingStartAt}
+                onChange={(e) => setVotingStartAt(e.target.value)}
+              />
+              <p className="text-xs text-muted-foreground">
+                When jurors can start voting (leave empty to set when opening voting)
+              </p>
+            </div>
+
+            <div className="space-y-2">
+              <Label htmlFor="votingEnd">Voting Closes</Label>
+              <Input
+                id="votingEnd"
+                type="datetime-local"
+                value={votingEndAt}
+                onChange={(e) => setVotingEndAt(e.target.value)}
+              />
+              <p className="text-xs text-muted-foreground">
+                Deadline for juror votes
+              </p>
+            </div>
+          </div>
+        </CardContent>
+      </Card>
+
+      <div className="flex justify-end gap-4">
+        <Button variant="outline" asChild>
+          <Link href={`/admin/awards/${awardId}`}>Cancel</Link>
+        </Button>
+        <Button
+          onClick={handleSubmit}
+          disabled={updateAward.isPending || !name.trim()}
+        >
+          {updateAward.isPending ? (
+            <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+          ) : (
+            <Save className="mr-2 h-4 w-4" />
+          )}
+          Save Changes
+        </Button>
+      </div>
+    </div>
+  )
+}

src/app/(admin)/admin/awards/new/page.tsx

@@ -1,227 +1,227 @@
-'use client'
-
-import { useState } from 'react'
-import Link from 'next/link'
-import { useRouter } from 'next/navigation'
-import { trpc } from '@/lib/trpc/client'
-import { Button } from '@/components/ui/button'
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card'
-import { Input } from '@/components/ui/input'
-import { Label } from '@/components/ui/label'
-import { Textarea } from '@/components/ui/textarea'
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/components/ui/select'
-import { Switch } from '@/components/ui/switch'
-import { toast } from 'sonner'
-import { ArrowLeft, Save, Loader2 } from 'lucide-react'
-
-export default function CreateAwardPage() {
-  const router = useRouter()
-  const [name, setName] = useState('')
-  const [description, setDescription] = useState('')
-  const [criteriaText, setCriteriaText] = useState('')
-  const [scoringMode, setScoringMode] = useState<
-    'PICK_WINNER' | 'RANKED' | 'SCORED'
-  >('PICK_WINNER')
-  const [useAiEligibility, setUseAiEligibility] = useState(true)
-  const [maxRankedPicks, setMaxRankedPicks] = useState('3')
-  const [programId, setProgramId] = useState('')
-
-  const utils = trpc.useUtils()
-  const { data: programs } = trpc.program.list.useQuery()
-  const createAward = trpc.specialAward.create.useMutation({
-    onSuccess: () => utils.specialAward.list.invalidate(),
-  })
-
-  const handleSubmit = async () => {
-    if (!name.trim() || !programId) return
-    try {
-      const award = await createAward.mutateAsync({
-        programId,
-        name: name.trim(),
-        description: description.trim() || undefined,
-        criteriaText: criteriaText.trim() || undefined,
-        useAiEligibility,
-        scoringMode,
-        maxRankedPicks:
-          scoringMode === 'RANKED' ? parseInt(maxRankedPicks) : undefined,
-      })
-      toast.success('Award created')
-      router.push(`/admin/awards/${award.id}`)
-    } catch (error) {
-      toast.error(
-        error instanceof Error ? error.message : 'Failed to create award'
-      )
-    }
-  }
-
-  return (
-    <div className="space-y-6">
-      <div className="flex items-center gap-4">
-        <Button variant="ghost" asChild className="-ml-4">
-          <Link href="/admin/awards">
-            <ArrowLeft className="mr-2 h-4 w-4" />
-            Back to Awards
-          </Link>
-        </Button>
-      </div>
-
-      <div>
-        <h1 className="text-2xl font-semibold tracking-tight">
-          Create Special Award
-        </h1>
-        <p className="text-muted-foreground">
-          Define a new award with eligibility criteria and voting rules
-        </p>
-      </div>
-
-      <Card>
-        <CardHeader>
-          <CardTitle>Award Details</CardTitle>
-          <CardDescription>
-            Configure the award name, criteria, and scoring mode
-          </CardDescription>
-        </CardHeader>
-        <CardContent className="space-y-4">
-          <div className="space-y-2">
-            <Label htmlFor="program">Edition</Label>
-            <Select value={programId} onValueChange={setProgramId}>
-              <SelectTrigger id="program">
-                <SelectValue placeholder="Select an edition" />
-              </SelectTrigger>
-              <SelectContent>
-                {programs?.map((p) => (
-                  <SelectItem key={p.id} value={p.id}>
-                    {p.year} Edition
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
-          </div>
-
-          <div className="space-y-2">
-            <Label htmlFor="name">Award Name</Label>
-            <Input
-              id="name"
-              value={name}
-              onChange={(e) => setName(e.target.value)}
-              placeholder="e.g., Mediterranean Entrepreneurship Award"
-            />
-          </div>
-
-          <div className="space-y-2">
-            <Label htmlFor="description">Description</Label>
-            <Textarea
-              id="description"
-              value={description}
-              onChange={(e) => setDescription(e.target.value)}
-              placeholder="Brief description of this award"
-              rows={3}
-            />
-          </div>
-
-          <div className="space-y-2">
-            <Label htmlFor="criteria">Eligibility Criteria</Label>
-            <Textarea
-              id="criteria"
-              value={criteriaText}
-              onChange={(e) => setCriteriaText(e.target.value)}
-              placeholder="Describe the criteria in plain language. AI will interpret this to evaluate project eligibility."
-              rows={4}
-            />
-            <p className="text-xs text-muted-foreground">
-              This text will be used by AI to determine which projects are
-              eligible for this award.
-            </p>
-          </div>
-
-          <div className="flex items-center justify-between rounded-lg border p-4">
-            <div className="space-y-0.5">
-              <Label htmlFor="ai-toggle">AI Eligibility</Label>
-              <p className="text-xs text-muted-foreground">
-                Use AI to automatically evaluate project eligibility based on the criteria above.
-                Turn off for awards decided by feeling or manual selection.
-              </p>
-            </div>
-            <Switch
-              id="ai-toggle"
-              checked={useAiEligibility}
-              onCheckedChange={setUseAiEligibility}
-            />
-          </div>
-
-          <div className="grid gap-4 sm:grid-cols-2">
-            <div className="space-y-2">
-              <Label htmlFor="scoring">Scoring Mode</Label>
-              <Select
-                value={scoringMode}
-                onValueChange={(v) =>
-                  setScoringMode(
-                    v as 'PICK_WINNER' | 'RANKED' | 'SCORED'
-                  )
-                }
-              >
-                <SelectTrigger id="scoring">
-                  <SelectValue />
-                </SelectTrigger>
-                <SelectContent>
-                  <SelectItem value="PICK_WINNER">
-                    Pick Winner — Each juror picks 1
-                  </SelectItem>
-                  <SelectItem value="RANKED">
-                    Ranked — Each juror ranks top N
-                  </SelectItem>
-                  <SelectItem value="SCORED">
-                    Scored — Use evaluation form
-                  </SelectItem>
-                </SelectContent>
-              </Select>
-            </div>
-
-            {scoringMode === 'RANKED' && (
-              <div className="space-y-2">
-                <Label htmlFor="maxPicks">Max Ranked Picks</Label>
-                <Input
-                  id="maxPicks"
-                  type="number"
-                  min="1"
-                  max="20"
-                  value={maxRankedPicks}
-                  onChange={(e) => setMaxRankedPicks(e.target.value)}
-                />
-              </div>
-            )}
-          </div>
-        </CardContent>
-      </Card>
-
-      <div className="flex justify-end gap-4">
-        <Button variant="outline" asChild>
-          <Link href="/admin/awards">Cancel</Link>
-        </Button>
-        <Button
-          onClick={handleSubmit}
-          disabled={createAward.isPending || !name.trim() || !programId}
-        >
-          {createAward.isPending ? (
-            <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-          ) : (
-            <Save className="mr-2 h-4 w-4" />
-          )}
-          Create Award
-        </Button>
-      </div>
-    </div>
-  )
-}
+'use client'
+
+import { useState } from 'react'
+import Link from 'next/link'
+import { useRouter } from 'next/navigation'
+import { trpc } from '@/lib/trpc/client'
+import { Button } from '@/components/ui/button'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Textarea } from '@/components/ui/textarea'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Switch } from '@/components/ui/switch'
+import { toast } from 'sonner'
+import { ArrowLeft, Save, Loader2 } from 'lucide-react'
+
+export default function CreateAwardPage() {
+  const router = useRouter()
+  const [name, setName] = useState('')
+  const [description, setDescription] = useState('')
+  const [criteriaText, setCriteriaText] = useState('')
+  const [scoringMode, setScoringMode] = useState<
+    'PICK_WINNER' | 'RANKED' | 'SCORED'
+  >('PICK_WINNER')
+  const [useAiEligibility, setUseAiEligibility] = useState(true)
+  const [maxRankedPicks, setMaxRankedPicks] = useState('3')
+  const [programId, setProgramId] = useState('')
+
+  const utils = trpc.useUtils()
+  const { data: programs } = trpc.program.list.useQuery()
+  const createAward = trpc.specialAward.create.useMutation({
+    onSuccess: () => utils.specialAward.list.invalidate(),
+  })
+
+  const handleSubmit = async () => {
+    if (!name.trim() || !programId) return
+    try {
+      const award = await createAward.mutateAsync({
+        programId,
+        name: name.trim(),
+        description: description.trim() || undefined,
+        criteriaText: criteriaText.trim() || undefined,
+        useAiEligibility,
+        scoringMode,
+        maxRankedPicks:
+          scoringMode === 'RANKED' ? parseInt(maxRankedPicks) : undefined,
+      })
+      toast.success('Award created')
+      router.push(`/admin/awards/${award.id}`)
+    } catch (error) {
+      toast.error(
+        error instanceof Error ? error.message : 'Failed to create award'
+      )
+    }
+  }
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center gap-4">
+        <Button variant="ghost" asChild className="-ml-4">
+          <Link href="/admin/awards">
+            <ArrowLeft className="mr-2 h-4 w-4" />
+            Back to Awards
+          </Link>
+        </Button>
+      </div>
+
+      <div>
+        <h1 className="text-2xl font-semibold tracking-tight">
+          Create Special Award
+        </h1>
+        <p className="text-muted-foreground">
+          Define a new award with eligibility criteria and voting rules
+        </p>
+      </div>
+
+      <Card>
+        <CardHeader>
+          <CardTitle>Award Details</CardTitle>
+          <CardDescription>
+            Configure the award name, criteria, and scoring mode
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="space-y-4">
+          <div className="space-y-2">
+            <Label htmlFor="program">Edition</Label>
+            <Select value={programId} onValueChange={setProgramId}>
+              <SelectTrigger id="program">
+                <SelectValue placeholder="Select an edition" />
+              </SelectTrigger>
+              <SelectContent>
+                {programs?.map((p) => (
+                  <SelectItem key={p.id} value={p.id}>
+                    {p.year} Edition
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+
+          <div className="space-y-2">
+            <Label htmlFor="name">Award Name</Label>
+            <Input
+              id="name"
+              value={name}
+              onChange={(e) => setName(e.target.value)}
+              placeholder="e.g., Mediterranean Entrepreneurship Award"
+            />
+          </div>
+
+          <div className="space-y-2">
+            <Label htmlFor="description">Description</Label>
+            <Textarea
+              id="description"
+              value={description}
+              onChange={(e) => setDescription(e.target.value)}
+              placeholder="Brief description of this award"
+              rows={3}
+            />
+          </div>
+
+          <div className="space-y-2">
+            <Label htmlFor="criteria">Eligibility Criteria</Label>
+            <Textarea
+              id="criteria"
+              value={criteriaText}
+              onChange={(e) => setCriteriaText(e.target.value)}
+              placeholder="Describe the criteria in plain language. AI will interpret this to evaluate project eligibility."
+              rows={4}
+            />
+            <p className="text-xs text-muted-foreground">
+              This text will be used by AI to determine which projects are
+              eligible for this award.
+            </p>
+          </div>
+
+          <div className="flex items-center justify-between rounded-lg border p-4">
+            <div className="space-y-0.5">
+              <Label htmlFor="ai-toggle">AI Eligibility</Label>
+              <p className="text-xs text-muted-foreground">
+                Use AI to automatically evaluate project eligibility based on the criteria above.
+                Turn off for awards decided by feeling or manual selection.
+              </p>
+            </div>
+            <Switch
+              id="ai-toggle"
+              checked={useAiEligibility}
+              onCheckedChange={setUseAiEligibility}
+            />
+          </div>
+
+          <div className="grid gap-4 sm:grid-cols-2">
+            <div className="space-y-2">
+              <Label htmlFor="scoring">Scoring Mode</Label>
+              <Select
+                value={scoringMode}
+                onValueChange={(v) =>
+                  setScoringMode(
+                    v as 'PICK_WINNER' | 'RANKED' | 'SCORED'
+                  )
+                }
+              >
+                <SelectTrigger id="scoring">
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="PICK_WINNER">
+                    Pick Winner — Each juror picks 1
+                  </SelectItem>
+                  <SelectItem value="RANKED">
+                    Ranked — Each juror ranks top N
+                  </SelectItem>
+                  <SelectItem value="SCORED">
+                    Scored — Use evaluation form
+                  </SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+
+            {scoringMode === 'RANKED' && (
+              <div className="space-y-2">
+                <Label htmlFor="maxPicks">Max Ranked Picks</Label>
+                <Input
+                  id="maxPicks"
+                  type="number"
+                  min="1"
+                  max="20"
+                  value={maxRankedPicks}
+                  onChange={(e) => setMaxRankedPicks(e.target.value)}
+                />
+              </div>
+            )}
+          </div>
+        </CardContent>
+      </Card>
+
+      <div className="flex justify-end gap-4">
+        <Button variant="outline" asChild>
+          <Link href="/admin/awards">Cancel</Link>
+        </Button>
+        <Button
+          onClick={handleSubmit}
+          disabled={createAward.isPending || !name.trim() || !programId}
+        >
+          {createAward.isPending ? (
+            <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+          ) : (
+            <Save className="mr-2 h-4 w-4" />
+          )}
+          Create Award
+        </Button>
+      </div>
+    </div>
+  )
+}

src/app/(admin)/admin/awards/page.tsx

@@ -1,238 +1,238 @@
-'use client'
-
-import { useState, useMemo } from 'react'
-import { useDebounce } from '@/hooks/use-debounce'
-import Link from 'next/link'
-import { trpc } from '@/lib/trpc/client'
-import { Button } from '@/components/ui/button'
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card'
-import { Badge } from '@/components/ui/badge'
-import { Skeleton } from '@/components/ui/skeleton'
-import { Input } from '@/components/ui/input'
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/components/ui/select'
-import { Plus, Trophy, Users, CheckCircle2, Search } from 'lucide-react'
-import { AnimatedCard } from '@/components/shared/animated-container'
-
-const STATUS_COLORS: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {
-  DRAFT: 'secondary',
-  NOMINATIONS_OPEN: 'default',
-  VOTING_OPEN: 'default',
-  CLOSED: 'outline',
-  ARCHIVED: 'secondary',
-}
-
-const SCORING_LABELS: Record<string, string> = {
-  PICK_WINNER: 'Pick Winner',
-  RANKED: 'Ranked',
-  SCORED: 'Scored',
-}
-
-export default function AwardsListPage() {
-  const { data: awards, isLoading } = trpc.specialAward.list.useQuery({})
-
-  const [search, setSearch] = useState('')
-  const debouncedSearch = useDebounce(search, 300)
-  const [statusFilter, setStatusFilter] = useState('all')
-  const [scoringFilter, setScoringFilter] = useState('all')
-
-  const filteredAwards = useMemo(() => {
-    if (!awards) return []
-    return awards.filter((award) => {
-      const matchesSearch =
-        !debouncedSearch ||
-        award.name.toLowerCase().includes(debouncedSearch.toLowerCase()) ||
-        award.description?.toLowerCase().includes(debouncedSearch.toLowerCase())
-      const matchesStatus = statusFilter === 'all' || award.status === statusFilter
-      const matchesScoring = scoringFilter === 'all' || award.scoringMode === scoringFilter
-      return matchesSearch && matchesStatus && matchesScoring
-    })
-  }, [awards, debouncedSearch, statusFilter, scoringFilter])
-
-  if (isLoading) {
-    return (
-      <div className="space-y-6">
-        <div className="flex items-center justify-between">
-          <div>
-            <Skeleton className="h-8 w-48" />
-            <Skeleton className="mt-2 h-4 w-72" />
-          </div>
-          <Skeleton className="h-9 w-32" />
-        </div>
-        {/* Toolbar skeleton */}
-        <div className="flex flex-col gap-3 sm:flex-row sm:items-center">
-          <Skeleton className="h-10 flex-1" />
-          <div className="flex items-center gap-2">
-            <Skeleton className="h-10 w-[180px]" />
-            <Skeleton className="h-10 w-[160px]" />
-          </div>
-        </div>
-        {/* Cards skeleton */}
-        <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-          {[...Array(6)].map((_, i) => (
-            <Skeleton key={i} className="h-48 rounded-lg" />
-          ))}
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <div className="space-y-6">
-      {/* Header */}
-      <div className="flex items-center justify-between">
-        <div>
-          <h1 className="text-2xl font-semibold tracking-tight">
-            Special Awards
-          </h1>
-          <p className="text-muted-foreground">
-            Manage named awards with eligibility criteria and jury voting
-          </p>
-        </div>
-        <Button asChild>
-          <Link href="/admin/awards/new">
-            <Plus className="mr-2 h-4 w-4" />
-            Create Award
-          </Link>
-        </Button>
-      </div>
-
-      {/* Toolbar */}
-      <div className="flex flex-col gap-3 sm:flex-row sm:items-center">
-        <div className="relative flex-1">
-          <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
-          <Input
-            placeholder="Search awards..."
-            value={search}
-            onChange={(e) => setSearch(e.target.value)}
-            className="pl-9"
-          />
-        </div>
-        <div className="flex items-center gap-2">
-          <Select value={statusFilter} onValueChange={setStatusFilter}>
-            <SelectTrigger className="w-[180px]">
-              <SelectValue placeholder="All statuses" />
-            </SelectTrigger>
-            <SelectContent>
-              <SelectItem value="all">All statuses</SelectItem>
-              <SelectItem value="DRAFT">Draft</SelectItem>
-              <SelectItem value="NOMINATIONS_OPEN">Nominations Open</SelectItem>
-              <SelectItem value="VOTING_OPEN">Voting Open</SelectItem>
-              <SelectItem value="CLOSED">Closed</SelectItem>
-              <SelectItem value="ARCHIVED">Archived</SelectItem>
-            </SelectContent>
-          </Select>
-          <Select value={scoringFilter} onValueChange={setScoringFilter}>
-            <SelectTrigger className="w-[160px]">
-              <SelectValue placeholder="All scoring" />
-            </SelectTrigger>
-            <SelectContent>
-              <SelectItem value="all">All scoring</SelectItem>
-              <SelectItem value="PICK_WINNER">Pick Winner</SelectItem>
-              <SelectItem value="RANKED">Ranked</SelectItem>
-              <SelectItem value="SCORED">Scored</SelectItem>
-            </SelectContent>
-          </Select>
-        </div>
-      </div>
-
-      {/* Results count */}
-      {awards && (
-        <p className="text-sm text-muted-foreground">
-          {filteredAwards.length} of {awards.length} awards
-        </p>
-      )}
-
-      {/* Awards Grid */}
-      {filteredAwards.length > 0 ? (
-        <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-          {filteredAwards.map((award, index) => (
-            <AnimatedCard key={award.id} index={index}>
-            <Link href={`/admin/awards/${award.id}`}>
-              <Card className="transition-all duration-200 hover:bg-muted/50 hover:-translate-y-0.5 hover:shadow-md cursor-pointer h-full">
-                <CardHeader className="pb-3">
-                  <div className="flex items-start justify-between">
-                    <CardTitle className="text-lg flex items-center gap-2">
-                      <Trophy className="h-5 w-5 text-amber-500" />
-                      {award.name}
-                    </CardTitle>
-                    <Badge variant={STATUS_COLORS[award.status] || 'secondary'}>
-                      {award.status.replace('_', ' ')}
-                    </Badge>
-                  </div>
-                  {award.description && (
-                    <CardDescription className="line-clamp-2">
-                      {award.description}
-                    </CardDescription>
-                  )}
-                </CardHeader>
-                <CardContent>
-                  <div className="flex items-center gap-4 text-sm text-muted-foreground">
-                    <div className="flex items-center gap-1">
-                      <CheckCircle2 className="h-4 w-4" />
-                      {award._count.eligibilities} eligible
-                    </div>
-                    <div className="flex items-center gap-1">
-                      <Users className="h-4 w-4" />
-                      {award._count.jurors} jurors
-                    </div>
-                    <Badge variant="outline" className="text-xs">
-                      {SCORING_LABELS[award.scoringMode] || award.scoringMode}
-                    </Badge>
-                  </div>
-                  {award.winnerProject && (
-                    <div className="mt-3 pt-3 border-t">
-                      <p className="text-sm">
-                        <span className="text-muted-foreground">Winner:</span>{' '}
-                        <span className="font-medium">
-                          {award.winnerProject.title}
-                        </span>
-                      </p>
-                    </div>
-                  )}
-                </CardContent>
-              </Card>
-            </Link>
-            </AnimatedCard>
-          ))}
-        </div>
-      ) : awards && awards.length > 0 ? (
-        <Card>
-          <CardContent className="flex flex-col items-center justify-center py-8 text-center">
-            <Search className="h-8 w-8 text-muted-foreground/40" />
-            <p className="mt-2 text-sm text-muted-foreground">
-              No awards match your filters
-            </p>
-          </CardContent>
-        </Card>
-      ) : (
-        <Card>
-          <CardContent className="flex flex-col items-center justify-center py-12 text-center">
-            <Trophy className="h-12 w-12 text-muted-foreground/40" />
-            <h3 className="mt-3 text-lg font-medium">No awards yet</h3>
-            <p className="mt-1 text-sm text-muted-foreground max-w-sm">
-              Create special awards with eligibility criteria and jury voting for outstanding projects.
-            </p>
-            <Button className="mt-4" asChild>
-              <Link href="/admin/awards/new">
-                <Plus className="mr-2 h-4 w-4" />
-                Create Award
-              </Link>
-            </Button>
-          </CardContent>
-        </Card>
-      )}
-    </div>
-  )
-}
+'use client'
+
+import { useState, useMemo } from 'react'
+import { useDebounce } from '@/hooks/use-debounce'
+import Link from 'next/link'
+import { trpc } from '@/lib/trpc/client'
+import { Button } from '@/components/ui/button'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
+import { Badge } from '@/components/ui/badge'
+import { Skeleton } from '@/components/ui/skeleton'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Plus, Trophy, Users, CheckCircle2, Search } from 'lucide-react'
+import { AnimatedCard } from '@/components/shared/animated-container'
+
+const STATUS_COLORS: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {
+  DRAFT: 'secondary',
+  NOMINATIONS_OPEN: 'default',
+  VOTING_OPEN: 'default',
+  CLOSED: 'outline',
+  ARCHIVED: 'secondary',
+}
+
+const SCORING_LABELS: Record<string, string> = {
+  PICK_WINNER: 'Pick Winner',
+  RANKED: 'Ranked',
+  SCORED: 'Scored',
+}
+
+export default function AwardsListPage() {
+  const { data: awards, isLoading } = trpc.specialAward.list.useQuery({})
+
+  const [search, setSearch] = useState('')
+  const debouncedSearch = useDebounce(search, 300)
+  const [statusFilter, setStatusFilter] = useState('all')
+  const [scoringFilter, setScoringFilter] = useState('all')
+
+  const filteredAwards = useMemo(() => {
+    if (!awards) return []
+    return awards.filter((award) => {
+      const matchesSearch =
+        !debouncedSearch ||
+        award.name.toLowerCase().includes(debouncedSearch.toLowerCase()) ||
+        award.description?.toLowerCase().includes(debouncedSearch.toLowerCase())
+      const matchesStatus = statusFilter === 'all' || award.status === statusFilter
+      const matchesScoring = scoringFilter === 'all' || award.scoringMode === scoringFilter
+      return matchesSearch && matchesStatus && matchesScoring
+    })
+  }, [awards, debouncedSearch, statusFilter, scoringFilter])
+
+  if (isLoading) {
+    return (
+      <div className="space-y-6">
+        <div className="flex items-center justify-between">
+          <div>
+            <Skeleton className="h-8 w-48" />
+            <Skeleton className="mt-2 h-4 w-72" />
+          </div>
+          <Skeleton className="h-9 w-32" />
+        </div>
+        {/* Toolbar skeleton */}
+        <div className="flex flex-col gap-3 sm:flex-row sm:items-center">
+          <Skeleton className="h-10 flex-1" />
+          <div className="flex items-center gap-2">
+            <Skeleton className="h-10 w-[180px]" />
+            <Skeleton className="h-10 w-[160px]" />
+          </div>
+        </div>
+        {/* Cards skeleton */}
+        <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+          {[...Array(6)].map((_, i) => (
+            <Skeleton key={i} className="h-48 rounded-lg" />
+          ))}
+        </div>
+      </div>
+    )
+  }
+
+  return (
+    <div className="space-y-6">
+      {/* Header */}
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-semibold tracking-tight">
+            Special Awards
+          </h1>
+          <p className="text-muted-foreground">
+            Manage named awards with eligibility criteria and jury voting
+          </p>
+        </div>
+        <Button asChild>
+          <Link href="/admin/awards/new">
+            <Plus className="mr-2 h-4 w-4" />
+            Create Award
+          </Link>
+        </Button>
+      </div>
+
+      {/* Toolbar */}
+      <div className="flex flex-col gap-3 sm:flex-row sm:items-center">
+        <div className="relative flex-1">
+          <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
+          <Input
+            placeholder="Search awards..."
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+            className="pl-9"
+          />
+        </div>
+        <div className="flex items-center gap-2">
+          <Select value={statusFilter} onValueChange={setStatusFilter}>
+            <SelectTrigger className="w-[180px]">
+              <SelectValue placeholder="All statuses" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="all">All statuses</SelectItem>
+              <SelectItem value="DRAFT">Draft</SelectItem>
+              <SelectItem value="NOMINATIONS_OPEN">Nominations Open</SelectItem>
+              <SelectItem value="VOTING_OPEN">Voting Open</SelectItem>
+              <SelectItem value="CLOSED">Closed</SelectItem>
+              <SelectItem value="ARCHIVED">Archived</SelectItem>
+            </SelectContent>
+          </Select>
+          <Select value={scoringFilter} onValueChange={setScoringFilter}>
+            <SelectTrigger className="w-[160px]">
+              <SelectValue placeholder="All scoring" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="all">All scoring</SelectItem>
+              <SelectItem value="PICK_WINNER">Pick Winner</SelectItem>
+              <SelectItem value="RANKED">Ranked</SelectItem>
+              <SelectItem value="SCORED">Scored</SelectItem>
+            </SelectContent>
+          </Select>
+        </div>
+      </div>
+
+      {/* Results count */}
+      {awards && (
+        <p className="text-sm text-muted-foreground">
+          {filteredAwards.length} of {awards.length} awards
+        </p>
+      )}
+
+      {/* Awards Grid */}
+      {filteredAwards.length > 0 ? (
+        <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+          {filteredAwards.map((award, index) => (
+            <AnimatedCard key={award.id} index={index}>
+            <Link href={`/admin/awards/${award.id}`}>
+              <Card className="transition-all duration-200 hover:bg-muted/50 hover:-translate-y-0.5 hover:shadow-md cursor-pointer h-full">
+                <CardHeader className="pb-3">
+                  <div className="flex items-start justify-between">
+                    <CardTitle className="text-lg flex items-center gap-2">
+                      <Trophy className="h-5 w-5 text-amber-500" />
+                      {award.name}
+                    </CardTitle>
+                    <Badge variant={STATUS_COLORS[award.status] || 'secondary'}>
+                      {award.status.replace('_', ' ')}
+                    </Badge>
+                  </div>
+                  {award.description && (
+                    <CardDescription className="line-clamp-2">
+                      {award.description}
+                    </CardDescription>
+                  )}
+                </CardHeader>
+                <CardContent>
+                  <div className="flex items-center gap-4 text-sm text-muted-foreground">
+                    <div className="flex items-center gap-1">
+                      <CheckCircle2 className="h-4 w-4" />
+                      {award._count.eligibilities} eligible
+                    </div>
+                    <div className="flex items-center gap-1">
+                      <Users className="h-4 w-4" />
+                      {award._count.jurors} jurors
+                    </div>
+                    <Badge variant="outline" className="text-xs">
+                      {SCORING_LABELS[award.scoringMode] || award.scoringMode}
+                    </Badge>
+                  </div>
+                  {award.winnerProject && (
+                    <div className="mt-3 pt-3 border-t">
+                      <p className="text-sm">
+                        <span className="text-muted-foreground">Winner:</span>{' '}
+                        <span className="font-medium">
+                          {award.winnerProject.title}
+                        </span>
+                      </p>
+                    </div>
+                  )}
+                </CardContent>
+              </Card>
+            </Link>
+            </AnimatedCard>
+          ))}
+        </div>
+      ) : awards && awards.length > 0 ? (
+        <Card>
+          <CardContent className="flex flex-col items-center justify-center py-8 text-center">
+            <Search className="h-8 w-8 text-muted-foreground/40" />
+            <p className="mt-2 text-sm text-muted-foreground">
+              No awards match your filters
+            </p>
+          </CardContent>
+        </Card>
+      ) : (
+        <Card>
+          <CardContent className="flex flex-col items-center justify-center py-12 text-center">
+            <Trophy className="h-12 w-12 text-muted-foreground/40" />
+            <h3 className="mt-3 text-lg font-medium">No awards yet</h3>
+            <p className="mt-1 text-sm text-muted-foreground max-w-sm">
+              Create special awards with eligibility criteria and jury voting for outstanding projects.
+            </p>
+            <Button className="mt-4" asChild>
+              <Link href="/admin/awards/new">
+                <Plus className="mr-2 h-4 w-4" />
+                Create Award
+              </Link>
+            </Button>
+          </CardContent>
+        </Card>
+      )}
+    </div>
+  )
+}