diff --git a/src/components/admin/members-content.tsx b/src/components/admin/members-content.tsx
index da656ed..001b6ce 100644
--- a/src/components/admin/members-content.tsx
+++ b/src/components/admin/members-content.tsx
@@ -1,12 +1,13 @@
'use client'
-import { useState, useCallback, useEffect } from 'react'
+import { useState, useCallback, useEffect, useMemo } from 'react'
import Link from 'next/link'
import { useSearchParams, usePathname } from 'next/navigation'
import { trpc } from '@/lib/trpc/client'
import { Badge } from '@/components/ui/badge'
import { Button } from '@/components/ui/button'
import { Input } from '@/components/ui/input'
+import { Checkbox } from '@/components/ui/checkbox'
import {
Card,
CardContent,
@@ -27,9 +28,10 @@ import { Skeleton } from '@/components/ui/skeleton'
import { UserAvatar } from '@/components/shared/user-avatar'
import { UserActions, UserMobileActions } from '@/components/admin/user-actions'
import { Pagination } from '@/components/shared/pagination'
-import { Plus, Users, Search, Mail, Loader2 } from 'lucide-react'
+import { Plus, Users, Search, Mail, Loader2, X, Send } from 'lucide-react'
import { toast } from 'sonner'
import { formatRelativeTime } from '@/lib/utils'
+import { AnimatePresence, motion } from 'motion/react'
type RoleValue = 'SUPER_ADMIN' | 'PROGRAM_ADMIN' | 'JURY_MEMBER' | 'MENTOR' | 'OBSERVER'
type TabKey = 'all' | 'jury' | 'mentors' | 'observers' | 'admins'
@@ -131,6 +133,8 @@ export function MembersContent() {
const roles = TAB_ROLES[tab]
+ const [selectedIds, setSelectedIds] = useState
>(new Set())
+
const { data: currentUser } = trpc.user.me.useQuery()
const currentUserRole = currentUser?.role as RoleValue | undefined
@@ -141,6 +145,75 @@ export function MembersContent() {
perPage: 20,
})
+ const utils = trpc.useUtils()
+
+ const bulkInvite = trpc.user.bulkSendInvitations.useMutation({
+ onSuccess: (result) => {
+ const { sent, errors } = result as { sent: number; skipped: number; errors: string[] }
+ if (errors && errors.length > 0) {
+ toast.warning(`Sent ${sent} invitation${sent !== 1 ? 's' : ''}, ${errors.length} failed`)
+ } else {
+ toast.success(`Invitations sent to ${sent} member${sent !== 1 ? 's' : ''}`)
+ }
+ setSelectedIds(new Set())
+ utils.user.list.invalidate()
+ },
+ onError: (error) => {
+ toast.error(error.message || 'Failed to send invitations')
+ },
+ })
+
+ // Users on the current page that are selectable (status NONE)
+ const selectableUsers = useMemo(
+ () => (data?.users ?? []).filter((u) => u.status === 'NONE'),
+ [data?.users]
+ )
+
+ const allSelectableSelected =
+ selectableUsers.length > 0 && selectableUsers.every((u) => selectedIds.has(u.id))
+
+ const someSelectableSelected =
+ selectableUsers.some((u) => selectedIds.has(u.id)) && !allSelectableSelected
+
+ const toggleUser = useCallback((userId: string) => {
+ setSelectedIds((prev) => {
+ const next = new Set(prev)
+ if (next.has(userId)) {
+ next.delete(userId)
+ } else {
+ next.add(userId)
+ }
+ return next
+ })
+ }, [])
+
+ const toggleAll = useCallback(() => {
+ if (allSelectableSelected) {
+ // Deselect all on this page
+ setSelectedIds((prev) => {
+ const next = new Set(prev)
+ for (const u of selectableUsers) {
+ next.delete(u.id)
+ }
+ return next
+ })
+ } else {
+ // Select all selectable on this page
+ setSelectedIds((prev) => {
+ const next = new Set(prev)
+ for (const u of selectableUsers) {
+ next.add(u.id)
+ }
+ return next
+ })
+ }
+ }, [allSelectableSelected, selectableUsers])
+
+ // Clear selection when filters/page change
+ useEffect(() => {
+ setSelectedIds(new Set())
+ }, [tab, search, page])
+
const handleTabChange = (value: string) => {
updateParams({ tab: value === 'all' ? null : value, page: '1' })
}
@@ -197,6 +270,15 @@ export function MembersContent() {
+
+ {selectableUsers.length > 0 && (
+
+ )}
+
Member
Role
Expertise
@@ -209,6 +291,17 @@ export function MembersContent() {
{data.users.map((user) => (
+
+ {user.status === 'NONE' ? (
+ toggleUser(user.id)}
+ aria-label={`Select ${user.name || user.email}`}
+ />
+ ) : (
+
+ )}
+
+ {user.status === 'NONE' && (
+
toggleUser(user.id)}
+ aria-label={`Select ${user.name || user.email}`}
+ className="mt-1"
+ />
+ )}
).avatarUrl as string | undefined}
@@ -395,6 +496,50 @@ export function MembersContent() {
)}
+
+ {/* Floating bulk invite toolbar */}
+
+ {selectedIds.size > 0 && (
+
+
+
+
+ {selectedIds.size} selected
+
+
+
+
+
+
+ )}
+
)
}
diff --git a/src/components/admin/pipeline/sections/assignment-section.tsx b/src/components/admin/pipeline/sections/assignment-section.tsx
index af68014..7150a54 100644
--- a/src/components/admin/pipeline/sections/assignment-section.tsx
+++ b/src/components/admin/pipeline/sections/assignment-section.tsx
@@ -10,6 +10,7 @@ import {
SelectTrigger,
SelectValue,
} from '@/components/ui/select'
+import { InfoTooltip } from '@/components/ui/info-tooltip'
import type { EvaluationConfig } from '@/types/pipeline-wizard'
type AssignmentSectionProps = {
@@ -27,7 +28,10 @@ export function AssignmentSection({ config, onChange, isActive }: AssignmentSect
-
+
+
+
+
-
+
+
+
+
-
+
+
+
+
-
+
+
+
+
Factor in juror availability when assigning projects
@@ -101,7 +114,10 @@ export function AssignmentSection({ config, onChange, isActive }: AssignmentSect
-
+
+
+
+
-
+
+
+
+