@@ -1037,6 +1092,20 @@ export default function JudgingPage() {
Current Standings
diff --git a/app/(landing)/organizations/[id]/hackathons/[hackathonId]/settings/page.tsx b/app/(landing)/organizations/[id]/hackathons/[hackathonId]/settings/page.tsx
index c8ba85c73..42a10a070 100644
--- a/app/(landing)/organizations/[id]/hackathons/[hackathonId]/settings/page.tsx
+++ b/app/(landing)/organizations/[id]/hackathons/[hackathonId]/settings/page.tsx
@@ -14,6 +14,7 @@ import {
Sliders,
Eye,
HandCoins,
+ Layers,
} from 'lucide-react';
import { toast } from 'sonner';
import { api } from '@/lib/api/api';
@@ -27,6 +28,7 @@ import CollaborationSettingsTab from '@/components/organization/hackathons/setti
import AdvancedSettingsTab from '@/components/organization/hackathons/settings/AdvancedSettingsTab';
import SubmissionVisibilitySettingsTab from '@/components/organization/hackathons/settings/SubmissionVisibilitySettingsTab';
import PartnersSettingsTab from '@/components/organization/hackathons/settings/PartnersSettingsTab';
+import TracksSettingsTab from '@/components/organization/hackathons/settings/TracksSettingsTab';
import { AuthGuard } from '@/components/auth';
import Loading from '@/components/Loading';
@@ -232,6 +234,10 @@ export default function SettingsPage() {
+
{
await handleSave('Rewards', data);
}}
@@ -322,6 +334,13 @@ export default function SettingsPage() {
/>
+
+
+
)}
+ {/* Tagline — short pitch shown above the long description. */}
+ {(() => {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ const tagline = (submission as any).tagline as string | undefined;
+ return tagline ? (
+
+ “{tagline}”
+
+ ) : null;
+ })()}
+
+ {/* Screenshots gallery (up to 5). Renders as a horizontal
+ scroll on mobile, a row of thumbnails on desktop. */}
+ {(() => {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ const screenshots = ((submission as any).screenshots ??
+ []) as string[];
+ return screenshots.length > 0 ? (
+
+ Screenshots
+
+ {screenshots.map((src, i) => (
+
+ {/* eslint-disable-next-line @next/next/no-img-element */}
+ 
+
+ ))}
+
+
+ ) : null;
+ })()}
+
{/* Description */}
Description
- {submission.description}
+
+ {submission.description}
+
- {/* Introduction */}
+ {/* Per-track answers — only for tracks where the organizer
+ set a prompt / custom questions / required artifacts and
+ the submitter filled at least one in. We index by
+ trackId so the section header gets the track name. */}
+ {(() => {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ const entries = ((submission as any).trackEntries ??
+ []) as Array<{
+ trackId: string;
+ trackName: string;
+ trackAnswers?: {
+ promptAnswer?: string;
+ customAnswers?: Record;
+ artifacts?: Record;
+ };
+ }>;
+ const withAnswers = entries.filter(e => {
+ const a = e.trackAnswers;
+ if (!a) return false;
+ return !!(
+ a.promptAnswer?.trim() ||
+ Object.values(a.customAnswers ?? {}).some(v => v?.trim?.()) ||
+ Object.values(a.artifacts ?? {}).some(v => v?.trim?.())
+ );
+ });
+ if (withAnswers.length === 0) return null;
+ return (
+
+ Track answers
+ {withAnswers.map(e => (
+
+
+ {e.trackName}
+
+ {e.trackAnswers?.promptAnswer && (
+
+ {e.trackAnswers.promptAnswer}
+
+ )}
+ {Object.entries(e.trackAnswers?.customAnswers ?? {})
+ .filter(([, v]) => v && v.trim().length > 0)
+ .map(([qid, value]) => (
+
+ {qid}
+
+ {value}
+
+
+ ))}
+ {Object.entries(e.trackAnswers?.artifacts ?? {})
+ .filter(([, v]) => v && v.trim().length > 0)
+ .map(([aid, url]) => (
+
+ {aid}
+
+ {url}
+
+
+ ))}
+
+ ))}
+
+ );
+ })()}
+
+ {/* Built with — tech-stack chips, hidden when empty. */}
+ {(() => {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ const builtWith = ((submission as any).builtWith ??
+ []) as string[];
+ return builtWith.length > 0 ? (
+
+ Built with
+
+ {builtWith.map((tag, i) => (
+
+ {tag}
+
+ ))}
+
+
+ ) : null;
+ })()}
+
+ {/* Introduction (legacy field — keep for backward compat) */}
{submission.introduction && (
Introduction
@@ -271,7 +410,7 @@ export function SubmissionDetailModal({
;
interface SubmissionFormContentProps {
hackathonSlugOrId: string;
organizationId?: string;
- initialData?: Partial;
+ /**
+ * Pre-populates the form when editing an existing submission. Accepts
+ * the raw submission shape from the API so server-only fields like
+ * trackEntries and codeAttestedAt can be hydrated alongside the Zod-
+ * typed form fields (which the form reads via a typed cast).
+ */
+ initialData?: Partial & {
+ trackEntries?: Array<{
+ trackId: string;
+ trackAnswers?: {
+ promptAnswer?: string;
+ customAnswers?: Record;
+ artifacts?: Record;
+ };
+ }>;
+ codeAttestedAt?: string | null;
+ };
submissionId?: string;
onSuccess?: () => void;
onClose?: () => void;
@@ -208,6 +283,37 @@ const SubmissionFormContent: React.FC = ({
const { user } = useAuthStatus();
const requireGithub = currentHackathon?.requireGithub ?? false;
+
+ // ── Tracks ────────────────────────────────────────────────────────────
+ // Best-effort load — if the endpoint fails the form falls back to
+ // overall-only and the submission still goes through.
+ const [availableTracks, setAvailableTracks] = useState([]);
+ const trackCap = currentHackathon?.tracksMaxPerSubmission ?? 3;
+ const prizeStructure = currentHackathon?.prizeStructure ?? 'OVERALL_ONLY';
+ const tracksEnabled = prizeStructure !== 'OVERALL_ONLY';
+
+ useEffect(() => {
+ if (!hackathonSlugOrId || !tracksEnabled) {
+ setAvailableTracks([]);
+ return;
+ }
+ let cancelled = false;
+ listTracks(hackathonSlugOrId)
+ .then(rows => {
+ if (!cancelled) {
+ // Only OPT_IN tracks need a pick — OPEN tracks auto-include
+ // every submission, so showing them in a checkbox group would
+ // just confuse submitters.
+ setAvailableTracks(rows.filter(t => t.eligibility === 'OPT_IN'));
+ }
+ })
+ .catch(() => {
+ if (!cancelled) setAvailableTracks([]);
+ });
+ return () => {
+ cancelled = true;
+ };
+ }, [hackathonSlugOrId, tracksEnabled]);
const requireDemoVideo = currentHackathon?.requireDemoVideo ?? false;
const requireOtherLinks = currentHackathon?.requireOtherLinks ?? false;
@@ -277,6 +383,13 @@ const SubmissionFormContent: React.FC = ({
participationType: 'INDIVIDUAL',
teamName: '',
teamMembers: [],
+ trackIds: [],
+ trackAnswers: {},
+ tagline: '',
+ builtWith: [],
+ screenshots: [],
+ license: undefined,
+ codeAttested: false,
},
});
@@ -293,6 +406,8 @@ const SubmissionFormContent: React.FC = ({
// Initialize form when modal opens with data
useEffect(() => {
if (open && initialData) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ const raw = initialData as any;
form.reset({
projectName: initialData.projectName || '',
category: initialData.category || '',
@@ -303,6 +418,52 @@ const SubmissionFormContent: React.FC = ({
introduction: initialData.introduction || '',
links: initialData.links || [],
participationType: initialData.participationType || 'INDIVIDUAL',
+ trackIds:
+ raw.trackIds ??
+ ((raw.trackEntries ?? []) as Array<{ trackId: string }>).map(
+ e => e.trackId
+ ),
+ // Reconstruct trackAnswers from trackEntries the backend returns
+ // on reload. The shape is { [trackId]: TrackAnswer }.
+ trackAnswers: ((): Record<
+ string,
+ {
+ promptAnswer?: string;
+ customAnswers?: Record;
+ artifacts?: Record;
+ }
+ > => {
+ const entries = (raw.trackEntries ?? []) as Array<{
+ trackId: string;
+ trackAnswers?: {
+ promptAnswer?: string;
+ customAnswers?: Record;
+ artifacts?: Record;
+ };
+ }>;
+ const out: Record<
+ string,
+ {
+ promptAnswer?: string;
+ customAnswers?: Record;
+ artifacts?: Record;
+ }
+ > = {};
+ for (const e of entries) {
+ if (e.trackAnswers && typeof e.trackAnswers === 'object') {
+ out[e.trackId] = e.trackAnswers;
+ }
+ }
+ return out;
+ })(),
+ tagline: raw.tagline ?? '',
+ builtWith: raw.builtWith ?? [],
+ screenshots: raw.screenshots ?? [],
+ license: raw.license,
+ // The attestation timestamp coming back from the server gets
+ // mapped to the boolean form field; reloading a previously
+ // attested submission keeps the box checked.
+ codeAttested: !!raw.codeAttestedAt || !!raw.codeAttested,
});
if (initialData.logo && isValidImageUrl(initialData.logo)) {
setLogoPreview(initialData.logo);
@@ -784,6 +945,65 @@ const SubmissionFormContent: React.FC = ({
}))
: [],
participationType: data.participationType || 'INDIVIDUAL',
+ trackIds:
+ (data.trackIds ?? currentValues.trackIds)?.filter(
+ (id): id is string => typeof id === 'string' && id.length > 0
+ ) ?? undefined,
+ // Pull per-track answers only for the tracks that are
+ // currently selected. Stale entries from de-selected tracks
+ // get dropped so the backend doesn't store dangling answers.
+ trackAnswers: (():
+ | Record<
+ string,
+ {
+ promptAnswer?: string;
+ customAnswers?: Record;
+ artifacts?: Record;
+ }
+ >
+ | undefined => {
+ const picked = data.trackIds ?? currentValues.trackIds ?? [];
+ const all = (data.trackAnswers ??
+ currentValues.trackAnswers ??
+ {}) as Record<
+ string,
+ {
+ promptAnswer?: string;
+ customAnswers?: Record;
+ artifacts?: Record;
+ }
+ >;
+ if (picked.length === 0) return undefined;
+ const next: Record<
+ string,
+ {
+ promptAnswer?: string;
+ customAnswers?: Record;
+ artifacts?: Record;
+ }
+ > = {};
+ for (const id of picked) {
+ if (typeof id !== 'string' || !id) continue;
+ if (all[id]) next[id] = all[id];
+ }
+ return Object.keys(next).length > 0 ? next : undefined;
+ })(),
+ // ── Phase A submission polish ─ string fields default to undefined
+ // (not empty string) so the backend update path doesn't clobber
+ // existing values with empties.
+ tagline:
+ (data.tagline ?? currentValues.tagline)?.toString().trim() ||
+ undefined,
+ builtWith:
+ (data.builtWith ?? currentValues.builtWith)
+ ?.map(t => t.trim())
+ .filter(t => t.length > 0) ?? undefined,
+ screenshots:
+ (data.screenshots ?? currentValues.screenshots)
+ ?.map(u => u.trim())
+ .filter(u => u.length > 0) ?? undefined,
+ license: data.license ?? currentValues.license ?? undefined,
+ codeAttested: data.codeAttested ?? currentValues.codeAttested ?? false,
};
const isValid = await form.trigger([
@@ -861,6 +1081,34 @@ const SubmissionFormContent: React.FC = ({
const participationType = safeData.participationType || 'INDIVIDUAL';
const teamId = participationType === 'TEAM' ? myTeam?.id : undefined;
+ // Gate the compliance fields on NEW submissions only.
+ //
+ // For an existing submission (`submissionId` is set), license +
+ // attestation are optional so participants who submitted before
+ // the Phase A polish rolled out aren't blocked from editing
+ // other fields like videoUrl or screenshots. They CAN fill in
+ // the new fields if they want — the form still shows them and
+ // the data round-trips.
+ //
+ // The schema marks both fields optional, so we enforce the gate
+ // here (at the moment of submit) instead of letting zod block
+ // step navigation.
+ const isNewSubmission = !submissionId;
+ if (isNewSubmission && !safeData.license) {
+ toast.error('Pick a license on the Review step before submitting.');
+ setCurrentStep(3);
+ updateStepState(3, 'active');
+ return;
+ }
+ if (isNewSubmission && !safeData.codeAttested) {
+ toast.error(
+ 'Please confirm the code is original or properly attributed on the Review step.'
+ );
+ setCurrentStep(3);
+ updateStepState(3, 'active');
+ return;
+ }
+
// Team submissions always go through a real team. handleNext blocks
// advancing past step 0 if participationType is TEAM but myTeam is
// empty, so we no longer stamp teamName/teamMembers from the form.
@@ -1119,6 +1367,40 @@ const SubmissionFormContent: React.FC = ({
)}
/>
+ (
+
+
+ Tagline{' '}
+
+ (one-line pitch, up to 200 chars)
+
+
+
+
+
+
+ Shown on hackathon cards, sidebar, and the judge queue.
+ {field.value
+ ? ` ${field.value.length} / 200`
+ : ' Optional but strongly recommended.'}
+
+
+ )}
+ />
+
= ({
)}
/>
+
+ {tracksEnabled && availableTracks.length > 0 && (
+ {
+ const value: string[] = field.value ?? [];
+ const toggle = (id: string) => {
+ if (value.includes(id)) {
+ field.onChange(value.filter(v => v !== id));
+ } else {
+ if (value.length >= trackCap) {
+ toast.error(
+ `You can enter at most ${trackCap} track${
+ trackCap === 1 ? '' : 's'
+ }.`
+ );
+ return;
+ }
+ field.onChange([...value, id]);
+ }
+ };
+ return (
+
+
+ Tracks{' '}
+
+ (optional, up to {trackCap})
+
+
+
+ Pick the tracks your project should be considered for.
+ Overall placements always apply; tracks unlock
+ additional category prizes.
+
+
+ {availableTracks.map(track => {
+ const checked = value.includes(track.id);
+ return (
+
+ );
+ })}
+
+ {value.length > 0 && (
+
+ {value.length} of {trackCap} selected
+
+ )}
+
+ );
+ }}
+ />
+ )}
+
+ {/* Per-track answer collection (Phase B). Renders one card
+ per selected track, with the track's prompt, custom
+ questions, and required artifacts inline. The form
+ field is a single nested object so the value naturally
+ round-trips through react-hook-form. */}
+ {tracksEnabled &&
+ availableTracks.length > 0 &&
+ (() => {
+ const picked =
+ (form.watch('trackIds') as string[] | undefined) ?? [];
+ const tracksById = new Map(
+ availableTracks.map(t => [t.id, t] as const)
+ );
+ const relevant = picked
+ .map(id => tracksById.get(id))
+ .filter((t): t is (typeof availableTracks)[number] => !!t)
+ .filter(
+ t =>
+ !!t.prompt ||
+ (t.customQuestions && t.customQuestions.length > 0) ||
+ (t.requiredArtifacts && t.requiredArtifacts.length > 0)
+ );
+ if (relevant.length === 0) return null;
+ return (
+ {
+ const value =
+ (field.value as
+ | Record<
+ string,
+ {
+ promptAnswer?: string;
+ customAnswers?: Record;
+ artifacts?: Record;
+ }
+ >
+ | undefined) ?? {};
+ const setAnswer = (
+ trackId: string,
+ patch: Partial<{
+ promptAnswer: string;
+ customAnswers: Record;
+ artifacts: Record;
+ }>
+ ) => {
+ const prev = value[trackId] ?? {};
+ field.onChange({
+ ...value,
+ [trackId]: { ...prev, ...patch },
+ });
+ };
+ return (
+
+
+ Track answers{' '}
+
+ ({relevant.length} of your selected{' '}
+ {relevant.length === 1 ? 'track' : 'tracks'} needs
+ more info)
+
+
+ {relevant.map(track => {
+ const answer = value[track.id] ?? {};
+ return (
+
+
+ {track.name}
+
+ {track.prompt && (
+
+
+
+ “{tagline}” +
+ ) : null; + })()} + + {/* Screenshots gallery (up to 5). Renders as a horizontal + scroll on mobile, a row of thumbnails on desktop. */} + {(() => { + // eslint-disable-next-line @typescript-eslint/no-explicit-any + const screenshots = ((submission as any).screenshots ?? + []) as string[]; + return screenshots.length > 0 ? ( +
+
+ ) : null;
+ })()}
+
{/* Description */}
Screenshots
+
+ {screenshots.map((src, i) => (
+
+ {/* eslint-disable-next-line @next/next/no-img-element */}
+
+
+ ))}
+
+ Description
-{submission.description}
++ {submission.description} +
+
+ );
+ })()}
+
+ {/* Built with — tech-stack chips, hidden when empty. */}
+ {(() => {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ const builtWith = ((submission as any).builtWith ??
+ []) as string[];
+ return builtWith.length > 0 ? (
+ Track answers
+ {withAnswers.map(e => ( +
+
+ ))}
+ + {e.trackName} +
+ {e.trackAnswers?.promptAnswer && ( ++ {e.trackAnswers.promptAnswer} +
+ )} + {Object.entries(e.trackAnswers?.customAnswers ?? {}) + .filter(([, v]) => v && v.trim().length > 0) + .map(([qid, value]) => ( +
+
+ ))}
+ {Object.entries(e.trackAnswers?.artifacts ?? {})
+ .filter(([, v]) => v && v.trim().length > 0)
+ .map(([aid, url]) => (
+ {qid}
++ {value} +
+
+
+ ))}
+ {aid}
+ + {url} + +
+
+ ) : null;
+ })()}
+
+ {/* Introduction (legacy field — keep for backward compat) */}
{submission.introduction && (
Built with
+
+ {builtWith.map((tag, i) => (
+
+ {tag}
+
+ ))}
+
+ Introduction
@@ -271,7 +410,7 @@ export function SubmissionDetailModal({
+
;
interface SubmissionFormContentProps {
hackathonSlugOrId: string;
organizationId?: string;
- initialData?: Partial;
+ /**
+ * Pre-populates the form when editing an existing submission. Accepts
+ * the raw submission shape from the API so server-only fields like
+ * trackEntries and codeAttestedAt can be hydrated alongside the Zod-
+ * typed form fields (which the form reads via a typed cast).
+ */
+ initialData?: Partial & {
+ trackEntries?: Array<{
+ trackId: string;
+ trackAnswers?: {
+ promptAnswer?: string;
+ customAnswers?: Record;
+ artifacts?: Record;
+ };
+ }>;
+ codeAttestedAt?: string | null;
+ };
submissionId?: string;
onSuccess?: () => void;
onClose?: () => void;
@@ -208,6 +283,37 @@ const SubmissionFormContent: React.FC = ({
const { user } = useAuthStatus();
const requireGithub = currentHackathon?.requireGithub ?? false;
+
+ // ── Tracks ────────────────────────────────────────────────────────────
+ // Best-effort load — if the endpoint fails the form falls back to
+ // overall-only and the submission still goes through.
+ const [availableTracks, setAvailableTracks] = useState([]);
+ const trackCap = currentHackathon?.tracksMaxPerSubmission ?? 3;
+ const prizeStructure = currentHackathon?.prizeStructure ?? 'OVERALL_ONLY';
+ const tracksEnabled = prizeStructure !== 'OVERALL_ONLY';
+
+ useEffect(() => {
+ if (!hackathonSlugOrId || !tracksEnabled) {
+ setAvailableTracks([]);
+ return;
+ }
+ let cancelled = false;
+ listTracks(hackathonSlugOrId)
+ .then(rows => {
+ if (!cancelled) {
+ // Only OPT_IN tracks need a pick — OPEN tracks auto-include
+ // every submission, so showing them in a checkbox group would
+ // just confuse submitters.
+ setAvailableTracks(rows.filter(t => t.eligibility === 'OPT_IN'));
+ }
+ })
+ .catch(() => {
+ if (!cancelled) setAvailableTracks([]);
+ });
+ return () => {
+ cancelled = true;
+ };
+ }, [hackathonSlugOrId, tracksEnabled]);
const requireDemoVideo = currentHackathon?.requireDemoVideo ?? false;
const requireOtherLinks = currentHackathon?.requireOtherLinks ?? false;
@@ -277,6 +383,13 @@ const SubmissionFormContent: React.FC = ({
participationType: 'INDIVIDUAL',
teamName: '',
teamMembers: [],
+ trackIds: [],
+ trackAnswers: {},
+ tagline: '',
+ builtWith: [],
+ screenshots: [],
+ license: undefined,
+ codeAttested: false,
},
});
@@ -293,6 +406,8 @@ const SubmissionFormContent: React.FC = ({
// Initialize form when modal opens with data
useEffect(() => {
if (open && initialData) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ const raw = initialData as any;
form.reset({
projectName: initialData.projectName || '',
category: initialData.category || '',
@@ -303,6 +418,52 @@ const SubmissionFormContent: React.FC = ({
introduction: initialData.introduction || '',
links: initialData.links || [],
participationType: initialData.participationType || 'INDIVIDUAL',
+ trackIds:
+ raw.trackIds ??
+ ((raw.trackEntries ?? []) as Array<{ trackId: string }>).map(
+ e => e.trackId
+ ),
+ // Reconstruct trackAnswers from trackEntries the backend returns
+ // on reload. The shape is { [trackId]: TrackAnswer }.
+ trackAnswers: ((): Record<
+ string,
+ {
+ promptAnswer?: string;
+ customAnswers?: Record;
+ artifacts?: Record;
+ }
+ > => {
+ const entries = (raw.trackEntries ?? []) as Array<{
+ trackId: string;
+ trackAnswers?: {
+ promptAnswer?: string;
+ customAnswers?: Record;
+ artifacts?: Record;
+ };
+ }>;
+ const out: Record<
+ string,
+ {
+ promptAnswer?: string;
+ customAnswers?: Record;
+ artifacts?: Record;
+ }
+ > = {};
+ for (const e of entries) {
+ if (e.trackAnswers && typeof e.trackAnswers === 'object') {
+ out[e.trackId] = e.trackAnswers;
+ }
+ }
+ return out;
+ })(),
+ tagline: raw.tagline ?? '',
+ builtWith: raw.builtWith ?? [],
+ screenshots: raw.screenshots ?? [],
+ license: raw.license,
+ // The attestation timestamp coming back from the server gets
+ // mapped to the boolean form field; reloading a previously
+ // attested submission keeps the box checked.
+ codeAttested: !!raw.codeAttestedAt || !!raw.codeAttested,
});
if (initialData.logo && isValidImageUrl(initialData.logo)) {
setLogoPreview(initialData.logo);
@@ -784,6 +945,65 @@ const SubmissionFormContent: React.FC = ({
}))
: [],
participationType: data.participationType || 'INDIVIDUAL',
+ trackIds:
+ (data.trackIds ?? currentValues.trackIds)?.filter(
+ (id): id is string => typeof id === 'string' && id.length > 0
+ ) ?? undefined,
+ // Pull per-track answers only for the tracks that are
+ // currently selected. Stale entries from de-selected tracks
+ // get dropped so the backend doesn't store dangling answers.
+ trackAnswers: (():
+ | Record<
+ string,
+ {
+ promptAnswer?: string;
+ customAnswers?: Record;
+ artifacts?: Record;
+ }
+ >
+ | undefined => {
+ const picked = data.trackIds ?? currentValues.trackIds ?? [];
+ const all = (data.trackAnswers ??
+ currentValues.trackAnswers ??
+ {}) as Record<
+ string,
+ {
+ promptAnswer?: string;
+ customAnswers?: Record;
+ artifacts?: Record;
+ }
+ >;
+ if (picked.length === 0) return undefined;
+ const next: Record<
+ string,
+ {
+ promptAnswer?: string;
+ customAnswers?: Record;
+ artifacts?: Record;
+ }
+ > = {};
+ for (const id of picked) {
+ if (typeof id !== 'string' || !id) continue;
+ if (all[id]) next[id] = all[id];
+ }
+ return Object.keys(next).length > 0 ? next : undefined;
+ })(),
+ // ── Phase A submission polish ─ string fields default to undefined
+ // (not empty string) so the backend update path doesn't clobber
+ // existing values with empties.
+ tagline:
+ (data.tagline ?? currentValues.tagline)?.toString().trim() ||
+ undefined,
+ builtWith:
+ (data.builtWith ?? currentValues.builtWith)
+ ?.map(t => t.trim())
+ .filter(t => t.length > 0) ?? undefined,
+ screenshots:
+ (data.screenshots ?? currentValues.screenshots)
+ ?.map(u => u.trim())
+ .filter(u => u.length > 0) ?? undefined,
+ license: data.license ?? currentValues.license ?? undefined,
+ codeAttested: data.codeAttested ?? currentValues.codeAttested ?? false,
};
const isValid = await form.trigger([
@@ -861,6 +1081,34 @@ const SubmissionFormContent: React.FC = ({
const participationType = safeData.participationType || 'INDIVIDUAL';
const teamId = participationType === 'TEAM' ? myTeam?.id : undefined;
+ // Gate the compliance fields on NEW submissions only.
+ //
+ // For an existing submission (`submissionId` is set), license +
+ // attestation are optional so participants who submitted before
+ // the Phase A polish rolled out aren't blocked from editing
+ // other fields like videoUrl or screenshots. They CAN fill in
+ // the new fields if they want — the form still shows them and
+ // the data round-trips.
+ //
+ // The schema marks both fields optional, so we enforce the gate
+ // here (at the moment of submit) instead of letting zod block
+ // step navigation.
+ const isNewSubmission = !submissionId;
+ if (isNewSubmission && !safeData.license) {
+ toast.error('Pick a license on the Review step before submitting.');
+ setCurrentStep(3);
+ updateStepState(3, 'active');
+ return;
+ }
+ if (isNewSubmission && !safeData.codeAttested) {
+ toast.error(
+ 'Please confirm the code is original or properly attributed on the Review step.'
+ );
+ setCurrentStep(3);
+ updateStepState(3, 'active');
+ return;
+ }
+
// Team submissions always go through a real team. handleNext blocks
// advancing past step 0 if participationType is TEAM but myTeam is
// empty, so we no longer stamp teamName/teamMembers from the form.
@@ -1119,6 +1367,40 @@ const SubmissionFormContent: React.FC = ({
)}
/>
+ (
+
+
+ Tagline{' '}
+
+ (one-line pitch, up to 200 chars)
+
+
+
+
+
+
+ Shown on hackathon cards, sidebar, and the judge queue.
+ {field.value
+ ? ` ${field.value.length} / 200`
+ : ' Optional but strongly recommended.'}
+
+
+ )}
+ />
+
= ({
)}
/>
+
+ {tracksEnabled && availableTracks.length > 0 && (
+ {
+ const value: string[] = field.value ?? [];
+ const toggle = (id: string) => {
+ if (value.includes(id)) {
+ field.onChange(value.filter(v => v !== id));
+ } else {
+ if (value.length >= trackCap) {
+ toast.error(
+ `You can enter at most ${trackCap} track${
+ trackCap === 1 ? '' : 's'
+ }.`
+ );
+ return;
+ }
+ field.onChange([...value, id]);
+ }
+ };
+ return (
+
+
+ Tracks{' '}
+
+ (optional, up to {trackCap})
+
+
+
+ Pick the tracks your project should be considered for.
+ Overall placements always apply; tracks unlock
+ additional category prizes.
+
+
+ );
+ }}
+ />
+ )}
+
+ {/* Per-track answer collection (Phase B). Renders one card
+ per selected track, with the track's prompt, custom
+ questions, and required artifacts inline. The form
+ field is a single nested object so the value naturally
+ round-trips through react-hook-form. */}
+ {tracksEnabled &&
+ availableTracks.length > 0 &&
+ (() => {
+ const picked =
+ (form.watch('trackIds') as string[] | undefined) ?? [];
+ const tracksById = new Map(
+ availableTracks.map(t => [t.id, t] as const)
+ );
+ const relevant = picked
+ .map(id => tracksById.get(id))
+ .filter((t): t is (typeof availableTracks)[number] => !!t)
+ .filter(
+ t =>
+ !!t.prompt ||
+ (t.customQuestions && t.customQuestions.length > 0) ||
+ (t.requiredArtifacts && t.requiredArtifacts.length > 0)
+ );
+ if (relevant.length === 0) return null;
+ return (
+ {
+ const value =
+ (field.value as
+ | Record<
+ string,
+ {
+ promptAnswer?: string;
+ customAnswers?: Record;
+ artifacts?: Record;
+ }
+ >
+ | undefined) ?? {};
+ const setAnswer = (
+ trackId: string,
+ patch: Partial<{
+ promptAnswer: string;
+ customAnswers: Record;
+ artifacts: Record;
+ }>
+ ) => {
+ const prev = value[trackId] ?? {};
+ field.onChange({
+ ...value,
+ [trackId]: { ...prev, ...patch },
+ });
+ };
+ return (
+
+
+ Track answers{' '}
+
+ ({relevant.length} of your selected{' '}
+ {relevant.length === 1 ? 'track' : 'tracks'} needs
+ more info)
+
+
+ {relevant.map(track => {
+ const answer = value[track.id] ?? {};
+ return (
+
+ {availableTracks.map(track => {
+ const checked = value.includes(track.id);
+ return (
+
+ );
+ })}
+
+ {value.length > 0 && (
+ + {value.length} of {trackCap} selected +
+ )} +
+
+ {track.name} +
+ {track.prompt && ( +
+
+