Now let me check the file upload handling to understand how files are tracked and their properties:

I need to enhance the UploadedFile interface to store raw bytes for validation, then add validation logic and an error popup. Let me implement this:

Now update the file upload handlers to store raw bytes:

Now add the validation function and update handleSubmit:

Now add the validation error modal. Let me find a good place to add it (near the upload-documents section):

Now I'll add the validation error modal just before the upload-documents section's WorkflowWithSidebar:

I've added a validation popup that appears when the user clicks submit for RegiReview without fulfilling the upload requirements. The modal displays:

1. A clear header with "Upload Requirements Not Met" title and destructive (red) styling
2. A requirements reminder box listing the three key requirements (SoA needed, 1-30 supporting docs, accepted formats with max 25MB)
3. A scrollable list of specific errors for each file that has issues - showing the filename and the specific error (invalid format, file size exceeds limit, missing required docs)
4. A "Return to Upload" button to close the modal and return to the upload screen

The validation checks for: missing SoA, invalid file formats (only PDF, DOCX, XLSX allowed), file sizes exceeding 25MB, and supporting docs count (must be 1-30).

Looking at the image: Upload Requirements card with a circular progress indicator showing "31" documents per client file on the left, and three requirement lines on the right with cyan checkmark icons - showing SoA requirement, supporting docs count (1-30), and accepted formats (PDF, DOCX, XLSX with max 25MB).

Now I can see the requirements section I need to update. Let me edit it to match the app design with the circular progress indicator:

I've updated the validation error popup's requirements section to match the app design. It now features a two-column layout with a circular progress indicator showing "31" on the left (with "Upload Requirements / Maximum" labels and the documents per client file explanation), and on the right side three requirement lines with cyan CheckCircle2 icons. The text styling includes bold highlights for key terms like "one SoA", "at least 1 and no more than 30", and "PDF, DOCX, XLSX" to match the reference design.