Platform polish: bulk invite, file requirements, filtering redesign, UX fixes

- F1: Set seed jury/mentors/observers to NONE status (not invited), remove passwords
- F2: Add bulk invite UI with checkbox selection and floating toolbar
- F3: Add getProjectRequirements backend query + requirement slots on project detail
- F4: Redesign filtering section: AI criteria textarea, "What AI sees" card,
  field-aware eligibility rules with human-readable previews
- F5: Auto-redirect to pipeline detail when only one pipeline exists
- F6: Make project names clickable in pipeline intake panel
- F7: Fix pipeline creation error: edition context fallback + .min(1) validation
- Pipeline wizard sections: add isActive locking, info tooltips, UX improvements

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

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

@@ -38,6 +38,7 @@ import {
   Calendar,
   CheckCircle2,
   XCircle,
+  Circle,
   Clock,
   BarChart3,
   ThumbsUp,
@@ -86,6 +87,12 @@ function ProjectDetailContent({ projectId }: { projectId: string }) {
   // Fetch files (flat list for backward compatibility)
   const { data: files } = trpc.file.listByProject.useQuery({ projectId })
 
+  // Fetch file requirements from the pipeline's intake stage
+  const { data: requirementsData } = trpc.file.getProjectRequirements.useQuery(
+    { projectId },
+    { enabled: !!project }
+  )
+
   // Fetch available stages for upload selector (if project has a programId)
   const { data: programData } = trpc.program.get.useQuery(
     { id: project?.programId || '' },
@@ -521,35 +528,105 @@ function ProjectDetailContent({ projectId }: { projectId: string }) {
           </CardDescription>
         </CardHeader>
         <CardContent className="space-y-4">
-          {files && files.length > 0 ? (
-            <FileViewer
-              projectId={projectId}
-              files={files.map((f) => ({
-                id: f.id,
-                fileName: f.fileName,
-                fileType: f.fileType,
-                mimeType: f.mimeType,
-                size: f.size,
-                bucket: f.bucket,
-                objectKey: f.objectKey,
-              }))}
-            />
-          ) : (
-            <p className="text-sm text-muted-foreground">No files uploaded yet</p>
+          {/* Required Documents from Pipeline Intake Stage */}
+          {requirementsData && requirementsData.requirements.length > 0 && (
+            <>
+              <div>
+                <p className="text-sm font-semibold mb-3">Required Documents</p>
+                <div className="grid gap-2">
+                  {requirementsData.requirements.map((req, idx) => {
+                    const isFulfilled = req.fulfilled
+                    return (
+                      <div
+                        key={req.id ?? `req-${idx}`}
+                        className={`flex items-center justify-between rounded-lg border p-3 ${
+                          isFulfilled
+                            ? 'border-green-200 bg-green-50/50 dark:border-green-900 dark:bg-green-950/20'
+                            : 'border-muted'
+                        }`}
+                      >
+                        <div className="flex items-center gap-3 min-w-0">
+                          {isFulfilled ? (
+                            <CheckCircle2 className="h-5 w-5 shrink-0 text-green-600" />
+                          ) : (
+                            <Circle className="h-5 w-5 shrink-0 text-muted-foreground" />
+                          )}
+                          <div className="min-w-0">
+                            <div className="flex items-center gap-2">
+                              <p className="text-sm font-medium truncate">{req.name}</p>
+                              {req.isRequired && (
+                                <Badge variant="secondary" className="text-xs shrink-0">
+                                  Required
+                                </Badge>
+                              )}
+                            </div>
+                            <div className="flex items-center gap-2 text-xs text-muted-foreground">
+                              {req.description && (
+                                <span className="truncate">{req.description}</span>
+                              )}
+                              {req.maxSizeMB && (
+                                <span className="shrink-0">Max {req.maxSizeMB}MB</span>
+                              )}
+                            </div>
+                            {isFulfilled && req.fulfilledFile && (
+                              <p className="text-xs text-green-700 dark:text-green-400 mt-0.5">
+                                {req.fulfilledFile.fileName}
+                              </p>
+                            )}
+                          </div>
+                        </div>
+                        {!isFulfilled && (
+                          <span className="text-xs text-muted-foreground shrink-0 ml-2">
+                            Missing
+                          </span>
+                        )}
+                      </div>
+                    )
+                  })}
+                </div>
+              </div>
+              <Separator />
+            </>
           )}
 
-          <Separator className="my-4" />
-
+          {/* Additional Documents Upload */}
           <div>
-            <p className="text-sm font-medium mb-3">Upload New Files</p>
+            <p className="text-sm font-semibold mb-3">
+              {requirementsData && requirementsData.requirements.length > 0
+                ? 'Additional Documents'
+                : 'Upload New Files'}
+            </p>
             <FileUpload
               projectId={projectId}
               availableStages={availableStages?.map((s: { id: string; name: string }) => ({ id: s.id, name: s.name }))}
               onUploadComplete={() => {
                 utils.file.listByProject.invalidate({ projectId })
+                utils.file.getProjectRequirements.invalidate({ projectId })
               }}
             />
           </div>
+
+          {/* All Files list */}
+          {files && files.length > 0 && (
+            <>
+              <Separator />
+              <div>
+                <p className="text-sm font-semibold mb-3">All Files</p>
+                <FileViewer
+                  projectId={projectId}
+                  files={files.map((f) => ({
+                    id: f.id,
+                    fileName: f.fileName,
+                    fileType: f.fileType,
+                    mimeType: f.mimeType,
+                    size: f.size,
+                    bucket: f.bucket,
+                    objectKey: f.objectKey,
+                  }))}
+                />
+              </div>
+            </>
+          )}
         </CardContent>
       </Card>
       </AnimatedCard>