feat: Complete component migration to feature-based architecture (Phase 5: Search & Leaderboard) (#95)

Author: wesfloyd

.cursor/rules/general-cursor-project-rule.mdc

@@ -24,7 +24,7 @@ Minimal dependencies Avoid over-engineering for a 1-person team
 Clear documentation Write code that's easy to understand and modify later. Add single-line comments to explain major code sections
 Gradual scaling Start simple, optimize later when needed
 Feel free to provide additional feedback, guidance if you see issues with the current design or code.
-
+**Output**: `PHASE1_ANALYSIS.md` with comprehensive system understanding
 
 
 

CLAUDE.md

@@ -19,7 +19,7 @@ Minimal dependencies Avoid over-engineering for a 1-person team
 Clear documentation Write code that's easy to understand and modify later. Add single-line comments to explain major code sections
 Gradual scaling Start simple, optimize later when needed
 Feel free to provide additional feedback, guidance if you see issues with the current design or code.
-
+If you are unable to fix and error or problem after two attempts, stop to give me (user) a recap of the problem, your tactical attempts to fix it and potential systemic issues.
 
 
 

PHASE1_ANALYSIS.md

@@ -1,5 +1,4 @@
-import { TrendingUp, Brain, Target, BarChart3, Zap, Shield, Users, Globe } from "lucide-react"
-import { CTASection } from "@/components/cta-section"
+import { TrendingUp, Brain, BarChart3, Zap } from "lucide-react"
 import AiVsHumanAccuracyChart from "@/components/ai-vs-human-accuracy-chart"
 
 export default function AboutPage() {
@@ -77,7 +76,7 @@ export default function AboutPage() {
               <span className="text-3xl sm:text-4xl font-bold">improved in accuracy or performance</span>
             </h2>
             <p className="text-muted-foreground text-lg max-w-2xl mx-auto">
-              <a href="https://hai.stanford.edu/ai-index/2025-ai-index-report" className="hover:underline">Leading AI models are close to beating our most difficult benchmarks. The world needs better, infinitely difficult benchmarks, to properly measure the AI model's intelligence growth beyond super intelligence.</a>
+              <a href="https://hai.stanford.edu/ai-index/2025-ai-index-report" className="hover:underline">Leading AI models are close to beating our most difficult benchmarks. The world needs better, infinitely difficult benchmarks, to properly measure the AI model&apos;s intelligence growth beyond super intelligence.</a>
             </p>
           </div>
           <div className="max-w-5xl mx-auto rounded-lg border bg-card p-6 shadow-sm">

app/about/page.tsx

@@ -1,8 +1,8 @@
 "use client"
 
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
-import { Badge } from "@/components/ui/badge"
-import { Button } from "@/components/ui/button"
+import { Card, CardContent, CardHeader, CardTitle } from "@/shared/ui/card"
+import { Badge } from "@/shared/ui/badge"
+import { Button } from "@/shared/ui/button"
 import { ArrowLeft, Brain, DollarSign, Calendar } from "lucide-react"
 import Link from "next/link"
 

app/activity/page.tsx

@@ -1,7 +1,7 @@
-import { NextRequest, NextResponse } from 'next/server'
+import { NextResponse } from 'next/server'
 import { prisma } from '@/lib/db/prisma'
 
-export async function GET(request: NextRequest) {
+export async function GET() {
   try {
     // Get experiment summary with accuracy metrics
     const experiments = await prisma.prediction.findMany({

app/api/experiments/route.ts

@@ -1,9 +1,9 @@
 'use client'
 
-import { Button } from "@/components/ui/button"
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
-import { Badge } from "@/components/ui/badge"
-import { Separator } from "@/components/ui/separator"
+import { Button } from "@/shared/ui/button"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/shared/ui/card"
+import { Badge } from "@/shared/ui/badge"
+import { Separator } from "@/shared/ui/separator"
 import { useUser } from "@/hooks/use-user"
 import { useQuery } from "@tanstack/react-query"
 import { CreditBalance } from "@/lib/services/credit-manager"
@@ -186,7 +186,7 @@ export default function CreditsPage() {
 									<CardHeader>
 										<CardTitle className="text-orange-800">Low Credit Warning</CardTitle>
 										<CardDescription className="text-orange-700">
-											You're running low on credits. Consider adding more credits to continue generating predictions.
+											You&apos;re running low on credits. Consider adding more credits to continue generating predictions.
 										</CardDescription>
 									</CardHeader>
 									<CardContent>

app/credits/page.tsx

@@ -1,14 +1,12 @@
 import { notFound } from 'next/navigation'
 import { eventQueries, marketQueries } from '@/lib/db/queries'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
-import { Badge } from '@/components/ui/badge'
-import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/shared/ui/card"
+import { Badge } from "@/shared/ui/badge"
+import { Button } from "@/shared/ui/button"
 import { EventIcon } from '@/components/event-icon'
-import { TrendingUp, BarChart2, ArrowRight, Calendar, ArrowLeft, DollarSign, Tag } from 'lucide-react'
+import { BarChart2, Calendar, ArrowLeft, DollarSign, Tag } from 'lucide-react'
 import Link from 'next/link'
-import type { Market } from '@/lib/types'
 import { formatVolume } from '@/lib/utils'
-import { serializeDecimals } from '@/lib/serialization'
 import type { EventDTO, MarketDTO } from '@/lib/types'
 
 // Force dynamic rendering to avoid build-time database queries

app/event/[eventId]/page.tsx

@@ -1,9 +1,8 @@
 import { eventQueries, marketQueries } from '@/lib/db/queries'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
-import { Badge } from '@/components/ui/badge'
-import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/shared/ui/card"
+import { Button } from "@/shared/ui/button"
 import { EventIcon } from '@/components/event-icon'
-import { TrendingUp, BarChart2, ArrowRight } from 'lucide-react'
+import { BarChart2, ArrowRight } from 'lucide-react'
 import Link from 'next/link'
 import type { Event, Market } from '@/lib/types'
 import { formatVolume } from '@/lib/utils'

app/events/page.tsx

@@ -1,8 +1,8 @@
 'use client'
 
 import { useEffect, useState } from 'react'
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
-import { Badge } from '@/components/ui/badge'
+import { Card, CardContent, CardHeader, CardTitle } from "@/shared/ui/card"
+import { Badge } from "@/shared/ui/badge"
 
 interface ExperimentStat {
   experimentTag: string
@@ -39,7 +39,7 @@ export default function ExperimentsPage() {
       } else {
         setError('Failed to fetch experiments')
       }
-    } catch (err) {
+    } catch {
       setError('Network error fetching experiments')
     } finally {
       setLoading(false)