[BUG] File upload validation contains conflicting size limits (500MB vs 2GB)

[charu2210]

[BUG] File upload validation contains conflicting size limits (500MB vs 2GB)

Bug Description

The file upload validation logic currently contains conflicting maximum file size limits.

In src/components/FileUpload.tsx, files larger than 500MB are immediately rejected:

if (file.size > 500 * 1024 * 1024) {
  setError("File size exceeds 500MB limit. Please select a smaller video.");
  return;
}

However, the component also contains a separate validation using MAX_FILE_SIZE with an error message indicating a 2GB limit:

if (file.size > MAX_FILE_SIZE) {
  setError(
    `File too large (${formatBytes(file.size)}). Maximum allowed size is 2GB.`
  );
  return;
}

Additionally, the UI text mentions support for video uploads up to 2GB.

This creates inconsistent behavior where:

• the UI claims 2GB support,
• but uploads above 500MB are rejected before reaching the 2GB validation.

---

Location

File:
src/components/FileUpload.tsx

---

Steps to Reproduce

1. Open the app
2. Upload a video larger than 500MB
3. Observe that the upload is rejected immediately
4. Compare this with the UI text stating support up to 2GB

---

Expected Behavior

The upload validation limits and UI messaging should remain consistent.

---

Actual Behavior

Files above 500MB are rejected even though the UI and secondary validation indicate support up to 2GB.

---

Suggested Fix

Possible fixes:

• align all validations to the intended maximum size,
• remove redundant/conflicting validation logic,
• update UI messaging to match actual upload limits.

---

Impact

• Confusing UX
• Inconsistent validation behavior
• Misleading upload size support messaging

[github-actions]

👋 Thanks for opening an issue, @charu2210!

Our maintainers will review this shortly 🚀

Before you start working

• 📖 Read the CONTRIBUTING.md guide
• 💬 Wait for a maintainer to assign you the issue before starting work
• 🔍 Search for existing issues to avoid duplicates

For GSSoC'26 contributors

If you're contributing under GirlScript Summer of Code 2026, please mention it in your comment when requesting assignment:

"I'd like to work on this — contributing under GSSoC'26"

Architecture notes

Reframe is a static Next.js app with output: "export". Key points:

• All video processing uses FFmpeg.wasm (client-side, no server)
• headers() in next.config.ts won't work — use vercel.json instead
• not-found.tsx requires public/404.html + vercel.json routes config

Happy contributing! ⭐ Star the repo if you find it useful!

[charu2210]

/assign gssoc26
I would like to work on this issue, under gssoc'26.

[github-actions]

Hey @charu2210, this issue has been assigned to you! 🎉 Please make progress within 5 days or it will be automatically unassigned due to inactivity.