Matt
331b67dae0
Full pipeline/track/stage architecture replacing the legacy round system. Schema: 11 new models (Pipeline, Track, Stage, StageTransition, ProjectStageState, RoutingRule, Cohort, CohortProject, LiveProgressCursor, OverrideAction, AudienceVoter) + 8 new enums. Backend: 9 new routers (pipeline, stage, routing, stageFiltering, stageAssignment, cohort, live, decision, award) + 6 new services (stage-engine, routing-engine, stage-filtering, stage-assignment, stage-notifications, live-control). Frontend: Pipeline wizard (17 components), jury stage pages (7), applicant pipeline pages (3), public stage pages (2), admin pipeline pages (5), shared stage components (3), SSE route, live hook. Phase 6 refit: 23 routers/services migrated from roundId to stageId, all frontend components refitted. Deleted round.ts (985 lines), roundTemplate.ts, round-helpers.ts, round-settings.ts, round-type-settings.tsx, 10 legacy admin pages, 7 legacy jury pages, 3 legacy dialogs. Phase 7 validation: 36 tests (10 unit + 8 integration files) all passing, TypeScript 0 errors, Next.js build succeeds, 13 integrity checks, legacy symbol sweep clean, auto-seed on first Docker startup. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
83 lines
2.5 KiB
TypeScript
83 lines
2.5 KiB
TypeScript
'use client'
|
|
|
|
import { cn } from '@/lib/utils'
|
|
import { Card, CardContent, CardHeader } from '@/components/ui/card'
|
|
import {
|
|
Collapsible,
|
|
CollapsibleContent,
|
|
CollapsibleTrigger,
|
|
} from '@/components/ui/collapsible'
|
|
import { Badge } from '@/components/ui/badge'
|
|
import { ChevronDown, CheckCircle2, AlertCircle } from 'lucide-react'
|
|
|
|
type WizardSectionProps = {
|
|
title: string
|
|
description?: string
|
|
stepNumber: number
|
|
isOpen: boolean
|
|
onToggle: () => void
|
|
isValid: boolean
|
|
hasErrors?: boolean
|
|
children: React.ReactNode
|
|
}
|
|
|
|
export function WizardSection({
|
|
title,
|
|
description,
|
|
stepNumber,
|
|
isOpen,
|
|
onToggle,
|
|
isValid,
|
|
hasErrors,
|
|
children,
|
|
}: WizardSectionProps) {
|
|
return (
|
|
<Collapsible open={isOpen} onOpenChange={onToggle}>
|
|
<Card className={cn(isOpen && 'ring-1 ring-ring')}>
|
|
<CollapsibleTrigger asChild>
|
|
<CardHeader className="cursor-pointer select-none hover:bg-muted/50 transition-colors">
|
|
<div className="flex items-center gap-3">
|
|
<Badge
|
|
variant={isValid ? 'default' : 'outline'}
|
|
className={cn(
|
|
'h-7 w-7 shrink-0 rounded-full p-0 flex items-center justify-center text-xs font-bold',
|
|
isValid
|
|
? 'bg-emerald-500 text-white hover:bg-emerald-500'
|
|
: hasErrors
|
|
? 'border-destructive text-destructive'
|
|
: ''
|
|
)}
|
|
>
|
|
{isValid ? (
|
|
<CheckCircle2 className="h-4 w-4" />
|
|
) : hasErrors ? (
|
|
<AlertCircle className="h-4 w-4" />
|
|
) : (
|
|
stepNumber
|
|
)}
|
|
</Badge>
|
|
<div className="flex-1 min-w-0">
|
|
<h3 className="text-sm font-semibold">{title}</h3>
|
|
{description && !isOpen && (
|
|
<p className="text-xs text-muted-foreground truncate mt-0.5">
|
|
{description}
|
|
</p>
|
|
)}
|
|
</div>
|
|
<ChevronDown
|
|
className={cn(
|
|
'h-4 w-4 text-muted-foreground transition-transform',
|
|
isOpen && 'rotate-180'
|
|
)}
|
|
/>
|
|
</div>
|
|
</CardHeader>
|
|
</CollapsibleTrigger>
|
|
<CollapsibleContent>
|
|
<CardContent className="pt-0">{children}</CardContent>
|
|
</CollapsibleContent>
|
|
</Card>
|
|
</Collapsible>
|
|
)
|
|
}
|