+
+ )
+}
diff --git a/src/app/apply/page.tsx b/src/app/apply/page.tsx
new file mode 100644
index 0000000..14e1a60
--- /dev/null
+++ b/src/app/apply/page.tsx
@@ -0,0 +1,150 @@
+import Link from 'next/link'
+import { ApplyRecap } from '@/components/apply/ApplySectionForm'
+import { applyCardStyle, ApplyShell } from '@/components/apply/ApplyShell'
+import { UmichGoogleButton } from '@/components/apply/UmichGoogleButton'
+import { loadApplyContext } from '@/lib/apply-load'
+import { applyPreviewHref, parseApplyPreview, type ApplyPreviewQuery } from '@/lib/apply-preview'
+import { applicationClosedMessage, applicationTitle } from '@/lib/apply-steps'
+
+export default async function ApplyWelcomePage({
+ searchParams,
+}: {
+ searchParams: Promise
+
+
+
+
+
+
+
+ {children}
+
+
+
+ {ctx.cycle.introMarkdown}
+ + Continue application + +You're signed in as a brother.
++ This application is only available to rushees applying this cycle. Please switch accounts to apply, or return to the Brother Portal to continue. +
+ + Go to brother portal + +There is no active rush application cycle right now. Please apply next semester.
+{closedCopy}
+{ctx.cycle.introMarkdown}
++ Your application has been submitted + {ctx.application.submittedAt + ? ` (${new Date(ctx.application.submittedAt).toLocaleString()})` + : ''} + . Responses below are locked. +
+
+
+ {closedCopy}
+{ctx.cycle.introMarkdown}
+Signed in as {ctx.user.email}
+ + Continue application + +
+
+ )
+}
diff --git a/src/app/apply/personal/page.tsx b/src/app/apply/personal/page.tsx
new file mode 100644
index 0000000..750e2d7
--- /dev/null
+++ b/src/app/apply/personal/page.tsx
@@ -0,0 +1,10 @@
+import { ApplyDraftSection } from '../ApplyDraftSection'
+import type { ApplyPreviewQuery } from '@/lib/apply-preview'
+
+export default function Page({
+ searchParams,
+}: {
+ searchParams: Promise
+ {children}
+
+
+
+
+
+ {link.external ? 'Open' : 'View'}
+
+ )
+
+ if (link.external) {
+ return (
+
+ {body}
+
+ )
+ }
+
+ return (
+
+ {body}
+
+ )
+}
+
+export default async function PortalPage() {
+ const { email, brother } = await requirePortalUser()
+ const adminUser = await checkIsAdmin()
+ const greetingName = brother.first_name?.trim() || email
+
+ const quickLinks: QuickLink[] = [
+ {
+ href: 'https://drive.google.com',
+ title: 'Google Drive',
+ subtitle: 'Knowledge base',
+ external: true,
+ },
+ {
+ href: 'https://slack.com/signin',
+ title: 'Slack',
+ subtitle: 'Chapter workspace',
+ external: true,
+ },
+ ...(adminUser
+ ? [
+ {
+ href: '/admin',
+ title: 'Admin Dashboard',
+ subtitle: 'Rush cycles, applications, and admins',
+ },
+ ]
+ : []),
+ ]
+
+ return (
+ {link.title}
+{link.subtitle}
+
+ }
+ >
+
+
+
+ Quick Links
+
+ {quickLinks.map((link) => (
+
+
+
+
+ Your Tasks
+
+
+
+
+
+
+ )
+}
diff --git a/src/app/portal/reads/page.tsx b/src/app/portal/reads/page.tsx
new file mode 100644
index 0000000..0ac64b9
--- /dev/null
+++ b/src/app/portal/reads/page.tsx
@@ -0,0 +1,47 @@
+import Link from 'next/link'
+import {
+ PortalShell,
+ portalInnerCardClass,
+ portalInnerCardStyle,
+ portalSectionCardClass,
+ portalSectionCardStyle,
+} from '@/components/PortalShell'
+import { requirePortalUser } from '@/lib/portal'
+
+const DUMMY_READS = [
+ { name: 'Alex Kim', cycle: 'Fall 2026', status: 'Unread' },
+ { name: 'Jordan Patel', cycle: 'Fall 2026', status: 'In progress' },
+ { name: 'Sam Rivera', cycle: 'Fall 2026', status: 'Unread' },
+]
+
+export default async function PortalReadsPage() {
+ await requirePortalUser()
+
+ return (
+
+
+
+
+
+
+
+
+ Back to portal
+
+ Queue
+Dummy list. Real reads will land here later.
+
+ {DUMMY_READS.map((item) => (
+
+
+
+ ))}
+
+
+ {item.status}
+ {item.name}
+{item.cycle}
+
@@ -24,44 +50,48 @@ export default async function Rush() {
Learn About Joining KTP!
@@ -91,23 +121,25 @@ export default async function Rush() {
)}
-
- Welcome to Kappa Theta Pi's Winter 2026 Rush!
- Here's our rush schedule. Applications are due Saturday, January 17, 2026.
+ {blurb}
+ {cycle?.interestFormUrl ? (
+
+ Interest Form
+
+ ) : null}
- Interest Form
-
-
- Application Link
+ Application
- - You can also join our{' '} - - W26 Rush Google Calendar - {' '} - to see the dates, times, and locations of all Open Rush events. -
+ You can also join our{' '} + + {displayName ? `${displayName} Google Calendar` : 'rush Google Calendar'} + {' '} + to see the dates, times, and locations of all Open Rush events. + + ) : ( + + )}
-
-
-
-
-
-
+ {youtubeEmbed ? (
+
+ ) : null}
+
-
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/components/AdminRushDashboard.tsx b/src/components/AdminRushDashboard.tsx
new file mode 100644
index 0000000..a1a7d5a
--- /dev/null
+++ b/src/components/AdminRushDashboard.tsx
@@ -0,0 +1,455 @@
+'use client'
+
+import { useRef, useState } from 'react'
+import {
+ createRushCycleRecord,
+ getRushCycleBundle,
+ saveRushCycleDetails,
+ showRushCycleOnSite,
+} from '@/app/admin/actions'
+import RushApplicationManager, {
+ type RushApplicationHandle,
+} from '@/components/RushApplicationManager'
+import RushScheduleManager from '@/components/RushScheduleManager'
+import type { ClientCycleQuestion, ClientRushCycle, CycleBundle } from '@/lib/rush-cycles'
+
+const btnClass =
+ 'px-4 py-2 bg-[#315CA9] text-white rounded-lg text-sm font-semibold transition-all duration-300 hover:scale-105 hover:shadow-md cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100'
+const ghostBtnClass =
+ 'px-4 py-2 border border-gray-300 rounded-lg text-gray-700 text-sm font-semibold transition-all duration-300 hover:scale-105 hover:bg-gray-50 hover:shadow-md cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100'
+const sectionCardClass =
+ 'rounded-xl border border-gray-100 p-6 transform transition-all duration-300 ease-in-out hover:shadow-[0_12px_36px_rgba(0,0,0,0.1),0_4px_12px_rgba(0,0,0,0.05)]'
+const sectionCardStyle = {
+ backgroundColor: 'rgba(249, 250, 251, 0.95)',
+ boxShadow: '0 8px 30px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04)',
+}
+const inputClass =
+ 'w-full px-3 py-2 border border-gray-300 rounded-md text-sm text-gray-700 outline-none transition-[border-color,box-shadow] duration-200 ease-out focus:border-[#315CA9] focus:shadow-[0_0_0_3px_rgba(49,92,169,0.18)] disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-600 disabled:shadow-none'
+const datetimeInputClass =
+ 'w-full px-3 py-2 border border-gray-300 rounded-md text-sm outline-none transition-[border-color,box-shadow,color] duration-200 ease-out focus:border-[#315CA9] focus:shadow-[0_0_0_3px_rgba(49,92,169,0.18)] disabled:cursor-not-allowed disabled:bg-gray-50 disabled:shadow-none'
+const labelClass = 'block text-sm font-medium text-gray-700 mb-1'
+const innerCardClass = 'rounded-xl border border-gray-100 bg-white/80 p-4'
+const innerCardStyle = { boxShadow: '0 2px 10px rgba(0, 0, 0, 0.04)' }
+const CYCLE_FORM_ID = 'rush-cycle-form'
+const DRAFT_VALUE = '__draft__'
+
+function toDatetimeLocal(iso: string) {
+ const date = new Date(iso)
+ if (Number.isNaN(date.getTime())) return ''
+ const pad = (value: number) => String(value).padStart(2, '0')
+ return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`
+}
+
+function emptyCycleFields() {
+ return {
+ name: '',
+ opensAt: '',
+ closesAt: '',
+ interestFormUrl: '',
+ youtubeUrl: '',
+ calendarUrl: '',
+ }
+}
+
+function fieldsFromCycle(cycle: ClientRushCycle) {
+ return {
+ name: cycle.name,
+ opensAt: toDatetimeLocal(cycle.opens_at),
+ closesAt: toDatetimeLocal(cycle.closes_at),
+ interestFormUrl: cycle.interest_form_url ?? '',
+ youtubeUrl: cycle.youtube_url ?? '',
+ calendarUrl: cycle.calendar_url ?? '',
+ }
+}
+
+export default function AdminRushDashboard({
+ initialCycles,
+ initialBundle,
+}: {
+ initialCycles: ClientRushCycle[]
+ initialBundle: CycleBundle | null
+}) {
+ const [cycles, setCycles] = useState(initialCycles)
+ const [bundle, setBundle] = useState(initialBundle)
+ const [isDraft, setIsDraft] = useState(!initialBundle)
+ const [draftKey, setDraftKey] = useState(0)
+ const [isEditing, setIsEditing] = useState(!initialBundle)
+ const [isSaving, setIsSaving] = useState(false)
+ const [isActivating, setIsActivating] = useState(false)
+ const [isLoading, setIsLoading] = useState(false)
+ const [error, setError] = useState
+
+
+ Admins
+ +
+ {admins.length === 0 ? (
+
+
+ {error ? No admins yet.
+ ) : ( +-
+ {admins.map((admin) => {
+ const isSelf = admin.email === self
+ const isLast = admins.length <= 1
+ const removing = pendingEmail === admin.email
+ const name = [admin.first_name, admin.last_name].filter(Boolean).join(' ').trim()
+ return (
+
-
+ ++ +
+ {name || admin.email} + {isSelf ? You : null} +
+ {name ?{admin.email}
: null} +
+ )
+ })}
+
{error}
: null} +
+
+ )
+}
diff --git a/src/components/BrotherListManager.tsx b/src/components/BrotherListManager.tsx
new file mode 100644
index 0000000..769fb62
--- /dev/null
+++ b/src/components/BrotherListManager.tsx
@@ -0,0 +1,462 @@
+'use client'
+
+import { useEffect, useRef, useState } from 'react'
+import { createPortal } from 'react-dom'
+import { addBrother, removeBrother, updateBrother } from '@/app/admin/actions'
+import type { BrotherFormInput, ClientBrother } from '@/lib/brother-schema'
+
+const btnClass =
+ 'px-4 py-2 bg-[#315CA9] text-white rounded-lg text-sm font-semibold transition-all duration-300 hover:scale-105 hover:shadow-md cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100'
+const ghostBtnClass =
+ 'px-4 py-2 border border-gray-300 rounded-lg text-gray-700 text-sm font-semibold transition-all duration-300 hover:scale-105 hover:bg-gray-50 hover:shadow-md cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100'
+const inputClass =
+ 'w-full px-3 py-2 border border-gray-300 rounded-md bg-white/80 text-sm text-gray-700 outline-none transition-[border-color,box-shadow] duration-200 ease-out focus:border-[#315CA9] focus:shadow-[0_0_0_3px_rgba(49,92,169,0.18)]'
+const labelClass = 'block text-sm font-medium text-gray-700 mb-1'
+const sectionCardClass =
+ 'rounded-xl border border-gray-100 p-6 transform transition-all duration-300 ease-in-out hover:shadow-[0_12px_36px_rgba(0,0,0,0.1),0_4px_12px_rgba(0,0,0,0.05)]'
+const sectionCardStyle = {
+ backgroundColor: 'rgba(249, 250, 251, 0.95)',
+ boxShadow: '0 8px 30px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04)',
+}
+const innerCardClass = 'rounded-xl border border-gray-100 bg-white/80'
+const innerCardStyle = { boxShadow: '0 2px 10px rgba(0, 0, 0, 0.04)' }
+const MODAL_ANIMATION_MS = 280
+
+const emptyForm: BrotherFormInput = {
+ first_name: '',
+ last_name: '',
+ umich_email: '',
+ pledge_class: '',
+ linkedin_url: '',
+ photo_filename: '',
+}
+
+function displayName(brother: ClientBrother) {
+ const name = [brother.first_name, brother.last_name].filter(Boolean).join(' ').trim()
+ return name || brother.umich_email || 'Unnamed'
+}
+
+function formFromBrother(brother: ClientBrother): BrotherFormInput {
+ return {
+ first_name: brother.first_name ?? '',
+ last_name: brother.last_name ?? '',
+ umich_email: brother.umich_email ?? '',
+ pledge_class: brother.pledge_class ?? '',
+ linkedin_url: brother.linkedin_url ?? '',
+ photo_filename: brother.photo_filename ?? '',
+ }
+}
+
+export default function BrotherListManager({
+ currentEmail,
+ initialBrothers,
+}: {
+ currentEmail: string
+ initialBrothers: ClientBrother[]
+}) {
+ const [people, setPeople] = useState(initialBrothers)
+ const [error, setError] = useState
+
+
+
+
+
+ {error ?
+
+ Rush cycle
+ {cycles.length || isDraft ? ( + + ) : null} +
+ {isDraft ? (
+
+ ) : (
+
+ )}
+ {fieldsEditable ? (
+
+ ) : (
+
+ )}
+
+
+ {error}
: null} + + +
+ {!isDraft && selected && bundle ? (
+
+
+
+ ) : null}
+
+
+
+
+ )
+}
diff --git a/src/components/HamburgerHeader.tsx b/src/components/HamburgerHeader.tsx
index 6a46327..9f20295 100644
--- a/src/components/HamburgerHeader.tsx
+++ b/src/components/HamburgerHeader.tsx
@@ -69,6 +69,7 @@ export default function HamburgerHeader() {
+
+
+ Brothers
+
+
+
+
+
+ {people.length === 0 ? (
+
+
+ {error && !modal ? No brothers yet.
+ ) : ( +-
+ {people.map((person) => {
+ const isSelf = Boolean(person.umich_email && person.umich_email === self)
+ return (
+
-
+ ++
+ {displayName(person)} + {isSelf ? You : null} +
++ {[person.pledge_class, person.umich_email].filter(Boolean).join(' · ')} +
++ + ++
+ )
+ })}
+
{error}
: null} + + {modal && + typeof window !== 'undefined' && + createPortal( +
+
+
,
+ document.body
+ )}
+ event.stopPropagation()}
+ >
+
+
+
+
+ {modal === 'csv' ? (
+ + {modal === 'csv' ? 'Import CSV' : isEditMode ? 'Edit Brother' : 'Add Brother'} +
+ +
+
+ ) : (
+
+ )}
+ + Upload a CSV of brothers. Import isn’t wired up yet — this only picks a file. +
+ setCsvFilename(event.target.files?.[0]?.name ?? null)} + /> + {csvFilename ? ( +
+ {csvFilename}
+
+
+ ) : (
+
+ )}
+
+
+
+
+
+
+ )
+}
diff --git a/src/components/RushApplicationManager.tsx b/src/components/RushApplicationManager.tsx
new file mode 100644
index 0000000..acbeb05
--- /dev/null
+++ b/src/components/RushApplicationManager.tsx
@@ -0,0 +1,568 @@
+'use client'
+
+import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react'
+import {
+ closeRushApplicationNow,
+ openRushApplicationNow,
+ saveRushApplicationCycle,
+} from '@/app/admin/actions'
+import { applyPreviewHref } from '@/lib/apply-preview'
+import type { ClientCycleQuestion, ClientRushCycle } from '@/lib/rush-cycles'
+
+const inputClass =
+ 'w-full px-3 py-2 border border-gray-300 rounded-md text-sm text-gray-600 outline-none transition-[border-color,box-shadow] duration-200 ease-out focus:border-[#315CA9] focus:shadow-[0_0_0_3px_rgba(49,92,169,0.18)] disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-600 disabled:shadow-none'
+const compactInputClass =
+ 'px-3 py-2 border border-gray-300 rounded-md text-sm text-gray-600 outline-none transition-[border-color,box-shadow] duration-200 ease-out focus:border-[#315CA9] focus:shadow-[0_0_0_3px_rgba(49,92,169,0.18)] disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-600 disabled:shadow-none'
+const labelClass = 'block text-sm font-medium text-gray-700 mb-1'
+const btnClass =
+ 'px-4 py-2 bg-[#315CA9] text-white rounded-lg text-sm font-semibold transition-all duration-300 hover:scale-105 hover:shadow-md cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100'
+const ghostBtnClass =
+ 'px-4 py-2 border border-gray-300 rounded-lg text-gray-700 text-sm font-semibold transition-all duration-300 hover:scale-105 hover:bg-gray-50 hover:shadow-md cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100'
+const innerCardClass = 'rounded-xl border border-gray-100 bg-white/80 p-4'
+const innerCardStyle = { boxShadow: '0 2px 10px rgba(0, 0, 0, 0.04)' }
+const QUESTION_ANIMATION_MS = 280
+
+type QuestionDraft = {
+ key: string
+ id?: string
+ prompt: string
+ help_text: string
+ max_words: number
+ required: boolean
+}
+
+function EyeIcon() {
+ return (
+
+ )
+}
+
+function questionsFromServer(questions: ClientCycleQuestion[]): QuestionDraft[] {
+ return questions.map((question) => ({
+ key: question.id,
+ id: question.id,
+ prompt: question.prompt,
+ help_text: question.help_text ?? '',
+ max_words: question.max_words,
+ required: question.required,
+ }))
+}
+
+function emptyQuestion(): QuestionDraft {
+ return {
+ key: `new-${crypto.randomUUID()}`,
+ prompt: '',
+ help_text: '',
+ max_words: 350,
+ required: true,
+ }
+}
+
+function cycleStatus(opensAt: string, closesAt: string) {
+ const now = Date.now()
+ const opens = new Date(opensAt).getTime()
+ const closes = new Date(closesAt).getTime()
+ if (!opensAt || !closesAt || Number.isNaN(opens) || Number.isNaN(closes)) {
+ return { label: 'Closed', className: 'bg-gray-200/60 text-gray-600' }
+ }
+ if (now < opens) {
+ return { label: 'Scheduled', className: 'bg-gray-200/60 text-gray-700' }
+ }
+ if (now > closes) {
+ return { label: 'Closed', className: 'bg-gray-200/60 text-gray-600' }
+ }
+ return { label: 'Open', className: 'bg-[#315CA9] text-white' }
+}
+
+export type RushApplicationHandle = {
+ getDraft: () => {
+ intro_markdown: string
+ closed_markdown: string
+ hear_about_options: string[]
+ questions: Array<{
+ id?: string
+ prompt: string
+ help_text: string
+ max_words: number
+ required: boolean
+ sort_order: number
+ }>
+ }
+}
+
+const RushApplicationManager = forwardRef<
+ RushApplicationHandle,
+ {
+ initialCycle: ClientRushCycle | null
+ initialQuestions: ClientCycleQuestion[]
+ isDraft?: boolean
+ formId?: string
+ onUpdated?: (data: { cycle: ClientRushCycle; questions: ClientCycleQuestion[] }) => void
+ }
+>(function RushApplicationManager(
+ { initialCycle, initialQuestions, isDraft = false, formId, onUpdated },
+ ref
+) {
+ const [cycleId, setCycleId] = useState(initialCycle?.id ?? null)
+ const [intro, setIntro] = useState(initialCycle?.intro_markdown ?? '')
+ const [closed, setClosed] = useState(initialCycle?.closed_markdown ?? '')
+ const [hearAbout, setHearAbout] = useState((initialCycle?.hear_about_options ?? []).join('\n'))
+ const [questions, setQuestions] = useState
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {children}
+ + {title} +
+ {subtitle ? ( +{subtitle}
+ ) : null} + {headerRight ? ( +{headerRight}
+ ) : null}
+
+
+
+
+
+
+ Rush Application
+ + {status.label} + +
+ {!isDraft && cycleId ? (
+
+
+