MOPC-App/docs/claude-architecture-redesign/17-applicant-ui.md

1788 lines
119 KiB
Markdown
Raw Permalink Normal View History

# Applicant UI Redesign
**Document Version:** 1.0
**Last Updated:** 2026-02-15
**Status:** Draft — Pending Redesign Implementation
---
## Table of Contents
1. [Overview](#1-overview)
2. [Current Applicant UI Analysis](#2-current-applicant-ui-analysis)
3. [Applicant Dashboard (Main Landing)](#3-applicant-dashboard-main-landing)
4. [Application Form (INTAKE Round)](#4-application-form-intake-round)
5. [Multi-Round Submissions](#5-multi-round-submissions)
6. [Mentoring Workspace](#6-mentoring-workspace)
7. [Team Management](#7-team-management)
8. [Results & Status Tracking](#8-results--status-tracking)
9. [Navigation & Information Architecture](#9-navigation--information-architecture)
10. [Mobile Experience](#10-mobile-experience)
11. [Accessibility](#11-accessibility)
12. [Email Notifications](#12-email-notifications)
13. [API Changes](#13-api-changes)
---
## 1. Overview
The applicant experience redesign transforms the platform from a single-submission system into a **multi-round collaboration platform** where teams progress through multiple stages of document submission, receive mentoring, and track their advancement through the competition.
### Key Transformations
| Current System | Redesigned System |
|----------------|-------------------|
| Single submission window | Multiple submission windows across rounds |
| Basic file upload only | Document management with versioning and locking |
| Minimal mentoring (chat only) | Full mentoring workspace with file sharing and promotion |
| Static status display | Dynamic round-by-round progress tracker |
| Generic "Documents" page | Per-window submission interfaces with requirement tracking |
| No deadline management | Countdown timers, grace periods, and late submission handling |
| Limited team management | Full team collaboration features |
### User Personas
**Primary Persona: Team Lead (Project Submitter)**
- Coordinates team efforts across multiple submission rounds
- Manages document uploads and team member roles
- Communicates with mentor during mentoring phase
- Tracks competition progress and deadlines
- Receives notifications for all critical events
**Secondary Persona: Team Member**
- View-only access to project details
- Can upload documents (if permitted)
- Participates in mentor workspace
- Receives team-wide notifications
**Tertiary Persona: Advisor (Non-voting team member)**
- Can view all project materials
- Can leave internal notes
- Cannot submit on behalf of team
- Receives status updates
---
## 2. Current Applicant UI Analysis
### What Exists Today
**Routes:**
```
/applicant/
├── page.tsx — Dashboard (basic)
├── documents/page.tsx — All-in-one upload page
├── mentor/page.tsx — Chat-only interface
├── team/page.tsx — Team member list
└── pipeline/
├── page.tsx — Pipeline status list
└── [stageId]/
├── status/page.tsx — Stage-specific status
└── documents/page.tsx — Stage-specific uploads
```
**Current Features:**
- ✅ Basic dashboard with project details
- ✅ File upload via MinIO pre-signed URLs
- ✅ Basic mentor chat (MentorMessage model)
- ✅ Team member list with roles
- ✅ Status timeline (linear)
**Current Limitations:**
1. **Single Submission Window** — Only one INTAKE stage supported
2. **No Multi-Round Docs** — Can't request new documents from semi-finalists/finalists
3. **No Document Locking** — Previous round files remain editable
4. **No Mentoring Workspace** — Only basic chat, no file sharing
5. **No File Promotion** — Can't convert mentor files to official submissions
6. **No Deadline Countdowns** — No visual deadline tracking
7. **Static Progress Tracking** — Timeline doesn't reflect round-by-round advancement
8. **No Grace Period UI** — Late submissions handled but not surfaced to user
---
## 3. Applicant Dashboard (Main Landing)
### 3.1 Dashboard Layout
```
┌────────────────────────────────────────────────────────────────────────┐
│ Monaco Ocean Protection Challenge — Applicant Portal │
│ ──────────────────────────────────────────────────────────────────────│
│ [Dashboard] [Application] [Submissions] [Mentoring] [Team] │
└────────────────────────────────────────────────────────────────────────┘
┌────────────────────────────────────────────────────────────────────────┐
│ OceanClean AI [FINALIST] [Category: │
│ 2026 Edition — Monaco Ocean Protection Challenge STARTUP] │
└────────────────────────────────────────────────────────────────────────┘
┌─── Current Round ─────────────────────────────────────────────────────┐
│ │
│ 📋 Round 6: Finalist Mentoring │
│ Status: Active │
│ ⏱ 12 days remaining until June 30, 2026 │
│ │
│ Action Required: │
│ ✓ Mentor assigned: Dr. Martin Duval │
│ → 3 unread messages from mentor │
│ → Review updated business plan draft │
│ │
│ [Open Mentoring Workspace →] │
└────────────────────────────────────────────────────────────────────────┘
┌─── Competition Progress ──────────────────────────────────────────────┐
│ │
│ Round 1: Application ✓ Complete — Feb 15, 2026 │
│ Round 2: AI Screening ✓ Passed — Mar 1, 2026 │
│ Round 3: Jury 1 Evaluation ✓ Semi-finalist — Mar 20, 2026 │
│ Round 4: Semi-finalist Docs ✓ Submitted — Apr 5, 2026 │
│ Round 5: Jury 2 Evaluation ✓ Finalist — May 1, 2026 │
│ Round 6: Mentoring ⏳ In Progress (12 days left) │
│ Round 7: Live Finals 🔒 Not yet started │
│ Round 8: Results 🔒 Not yet started │
│ │
└────────────────────────────────────────────────────────────────────────┘
┌─── Quick Actions ──────────────┬─── Notifications ──────────────────┐
│ │ │
│ 📁 Documents │ 💬 3 new messages from mentor │
│ 4 submission windows │ 📅 Mentoring ends in 12 days │
│ [Manage Files →] │ ✅ Round 4 docs approved │
│ │ │
│ 👥 Team │ [View All Notifications →] │
│ 5 members │ │
│ [Manage Team →] │ │
│ │ │
│ 💬 Mentor │ │
│ Dr. Martin Duval │ │
│ [Open Workspace →] │ │
│ │ │
└────────────────────────────────┴─────────────────────────────────────┘
┌─── Team Overview ──────────────┬─── Upcoming Deadlines ─────────────┐
│ │ │
│ 👑 Sarah Chen (Lead) │ June 30, 2026 │
│ 👤 Alex Kumar (Member) │ Mentoring period ends │
│ 👤 Maria Santos (Member) │ (12 days, 5 hours) │
│ 👤 James Taylor (Member) │ │
│ 🎓 Dr. Lisa Wong (Advisor) │ July 15, 2026 │
│ │ Live Finals │
│ [Manage Team →] │ (27 days) │
│ │ │
└────────────────────────────────┴─────────────────────────────────────┘
```
### 3.2 Dashboard Data Requirements
**API Call:**
```typescript
trpc.applicant.getDashboard.useQuery()
```
**Response Shape:**
```typescript
{
project: {
id: string
title: string
teamName: string
status: ProjectStatus
competitionCategory: 'STARTUP' | 'BUSINESS_CONCEPT'
currentRound: {
id: string
name: string
roundType: RoundType
status: RoundStatus
windowOpenAt: DateTime
windowCloseAt: DateTime
daysRemaining: number
hoursRemaining: number
} | null
teamMembers: Array<{
id: string
role: 'LEAD' | 'MEMBER' | 'ADVISOR'
user: { id, name, email, avatar }
}>
mentorAssignment: {
mentor: { id, name, email, expertise }
workspaceEnabled: boolean
unreadMessageCount: number
} | null
}
competitionProgress: Array<{
roundNumber: number
roundName: string
roundType: RoundType
status: 'complete' | 'in_progress' | 'pending' | 'locked'
state: ProjectRoundStateValue // PASSED, REJECTED, IN_PROGRESS, etc.
enteredAt: DateTime | null
exitedAt: DateTime | null
result: string | null // "Semi-finalist", "Finalist", etc.
}>
activeTasks: Array<{
type: 'upload_docs' | 'respond_to_mentor' | 'review_feedback' | 'complete_profile'
priority: 'high' | 'medium' | 'low'
title: string
description: string
dueDate: DateTime | null
actionUrl: string
}>
submissionWindows: Array<{
id: string
name: string
roundNumber: number
status: 'open' | 'closed' | 'locked' | 'upcoming'
windowOpenAt: DateTime | null
windowCloseAt: DateTime | null
isLate: boolean
requirementsFulfilled: number
requirementsTotal: number
}>
notifications: Array<{
id: string
type: NotificationType
title: string
message: string
createdAt: DateTime
isRead: boolean
actionUrl: string | null
}>
upcomingDeadlines: Array<{
date: DateTime
title: string
description: string
type: 'submission_window' | 'mentoring_end' | 'live_event' | 'other'
}>
}
```
### 3.3 Component Breakdown
**Components:**
- `<ApplicantDashboard />` — Main container
- `<CurrentRoundCard />` — Shows active round with countdown and actions
- `<CompetitionProgressTracker />` — Visual round-by-round timeline
- `<QuickActionGrid />` — 3-column grid of primary actions
- `<NotificationFeed />` — Recent notifications with unread count
- `<TeamMemberList />` — Compact team roster
- `<DeadlineCountdown />` — Upcoming deadlines with time remaining
- `<TaskList />` — Actionable to-dos with priority
---
## 4. Application Form (INTAKE Round)
### 4.1 Multi-Step Form Wizard
The initial application form is a **guided wizard** with progress tracking, draft saving, and dynamic field rendering based on competition configuration.
```
┌────────────────────────────────────────────────────────────────────────┐
│ Apply to Monaco Ocean Protection Challenge 2026 │
│ ──────────────────────────────────────────────────────────────────────│
│ Step 1 of 5: Team Information │
│ [●════○────○────○────○] │
└────────────────────────────────────────────────────────────────────────┘
┌─── Team Information ───────────────────────────────────────────────────┐
│ │
│ Project Name * │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ OceanClean AI │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ Team/Organization Name │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ OceanClean Technologies Inc. │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ Project Category * │
│ ◉ Startup (Existing company or organization) │
│ ○ Business Concept (Idea or early-stage project) │
│ │
│ Primary Ocean Issue Addressed * │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ [Select issue...] ▼ │ │
│ └────────────────────────────────────────────────────────────┘ │
│ • Ocean plastic pollution │
│ • Coastal ecosystem restoration │
│ • Sustainable fishing practices │
│ • Marine biodiversity conservation │
│ • Climate change adaptation │
│ │
│ Country/Region * │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ United States ▼ │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ [Save Draft] [Back] [Next: Project Details →]│
│ │
└────────────────────────────────────────────────────────────────────────┘
```
### 4.2 Form Steps
**Step 1: Team Information**
- Project name (required)
- Team/organization name
- Project category (Startup / Business Concept)
- Primary ocean issue
- Country/region
**Step 2: Project Details**
- Executive summary (500 words max)
- Detailed description (1500 words max)
- Innovation summary
- Impact metrics
- Technology/approach description
**Step 3: Team Members**
```
┌─── Team Members ───────────────────────────────────────────────────────┐
│ │
│ Team Lead * │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ Name: Sarah Chen │ │
│ │ Email: sarah@oceanclean.ai │ │
│ │ Phone: +1 555-0123 │ │
│ │ Role: CEO & Co-founder │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ Additional Team Members │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ 👤 Alex Kumar — CTO — alex@oceanclean.ai [Remove] │ │
│ │ 👤 Maria Santos — COO — maria@oceanclean.ai [Remove] │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ [+ Add Team Member] │
│ │
│ Advisors (Optional) │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ 🎓 Dr. Lisa Wong — Marine Biology Expert [Remove] │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ [+ Add Advisor] │
│ │
│ [Save Draft] [Back] [Next: Upload Documents →]│
│ │
└────────────────────────────────────────────────────────────────────────┘
```
**Step 4: Upload Documents**
```
┌─── Upload Documents ───────────────────────────────────────────────────┐
│ │
│ Required Documents │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 📄 Executive Summary (PDF) * │ │
│ │ A concise 2-page PDF summary of your project │ │
│ │ Max size: 10 MB • Accepted: PDF only │ │
│ │ │ │
│ │ [No file selected] │ │
│ │ [Choose File] or drag & drop here │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 📄 Business Plan (PDF) * │ │
│ │ Complete business plan (max 20 pages) │ │
│ │ Max size: 25 MB • Accepted: PDF only │ │
│ │ │ │
│ │ ✓ business-plan-v2.pdf (2.3 MB) │ │
│ │ Uploaded 5 minutes ago [Replace] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ Optional Documents │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 🎥 Video Pitch (MP4) │ │
│ │ 3-minute video pitch (optional but recommended) │ │
│ │ Max size: 100 MB • Accepted: MP4, MOV │ │
│ │ │ │
│ │ [No file selected] │ │
│ │ [Choose File] or drag & drop here │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
Documents can be uploaded or replaced at any time before the │
│ application deadline (March 31, 2026, 11:59 PM CET). │
│ │
│ [Save Draft] [Back] [Next: Review & Submit →]│
│ │
└────────────────────────────────────────────────────────────────────────┘
```
**Step 5: Review & Submit**
```
┌─── Review & Submit ────────────────────────────────────────────────────┐
│ │
│ Please review your application before submitting. │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ Team Information [Edit] │ │
│ │ ──────────────────────────────────────────────────── │ │
│ │ Project: OceanClean AI │ │
│ │ Organization: OceanClean Technologies Inc. │ │
│ │ Category: Startup │ │
│ │ Ocean Issue: Ocean plastic pollution │ │
│ │ Location: United States │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ Project Details [Edit] │ │
│ │ ──────────────────────────────────────────────────── │ │
│ │ Executive Summary: │ │
│ │ OceanClean AI is an autonomous underwater... │ │
│ │ │ │
│ │ Detailed Description: │ │
│ │ Our solution combines computer vision... │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ Team Members [Edit] │ │
│ │ ──────────────────────────────────────────────────── │ │
│ │ 👑 Sarah Chen (Lead) — CEO & Co-founder │ │
│ │ 👤 Alex Kumar — CTO │ │
│ │ 👤 Maria Santos — COO │ │
│ │ 🎓 Dr. Lisa Wong (Advisor) — Marine Biology Expert │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ Uploaded Documents [Edit] │ │
│ │ ──────────────────────────────────────────────────── │ │
│ │ ✓ Executive Summary (exec-summary.pdf, 1.2 MB) │ │
│ │ ✓ Business Plan (business-plan-v2.pdf, 2.3 MB) │ │
│ │ ✓ Video Pitch (pitch-video.mp4, 45 MB) │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ Terms & Conditions │
│ ☑ I confirm that all information provided is accurate │
│ ☑ I agree to the terms and conditions │
│ ☑ I consent to GDPR data processing │
│ │
│ [Save Draft] [Back] [Submit Application] │
│ │
└────────────────────────────────────────────────────────────────────────┘
```
### 4.3 Draft Saving Functionality
**Auto-Save (Authenticated Users):**
- Form data auto-saves every 30 seconds
- Stored in `Project.metadataJson` with `isDraft: true`
- No expiry for authenticated drafts
- Draft indicator in dashboard
**Manual Save (Unauthenticated Users):**
- "Save Draft" button generates draft token
- Token sent via email with resume link
- Draft expires after 30 days (configurable)
- Resume via `/apply/resume?token={draftToken}`
**Draft Resume Flow:**
```typescript
// Client loads draft
const { data: draft } = trpc.application.resumeDraft.useQuery({ draftToken })
// Pre-populate form
form.reset(draft.draftDataJson)
// On submit
await trpc.application.submitDraft.mutate({
projectId: draft.projectId,
draftToken,
data: formData
})
```
### 4.4 Submission Confirmation
**Success Screen:**
```
┌────────────────────────────────────────────────────────────────────────┐
│ │
│ ✓ Application Submitted │
│ │
│ Thank you for applying to Monaco Ocean Protection Challenge 2026! │
│ │
│ Confirmation Number: #MOPC-2026-001234 │
│ │
│ What Happens Next: │
│ 1. You'll receive a confirmation email at sarah@oceanclean.ai │
│ 2. Our team will review your application (typically 2-3 weeks) │
│ 3. You'll be notified of the results via email and dashboard │
│ 4. If selected, you'll advance to Round 3: Jury 1 Evaluation │
│ │
│ Important Dates: │
│ • Application deadline: March 31, 2026 │
│ • Results announced: April 15, 2026 │
│ │
│ You can track your application status at any time: │
│ [Go to Applicant Dashboard →] │
│ │
│ Questions? Contact us at info@monaco-opc.com │
│ │
└────────────────────────────────────────────────────────────────────────┘
```
---
## 5. Multi-Round Submissions
### 5.1 Submissions Dashboard
After advancing from the initial round, teams may be required to submit additional documents. Each submission window has its own interface.
```
┌────────────────────────────────────────────────────────────────────────┐
│ Submissions — OceanClean AI │
│ ──────────────────────────────────────────────────────────────────────│
│ [Dashboard] [Application] [Submissions] [Mentoring] [Team] │
└────────────────────────────────────────────────────────────────────────┘
┌─── Submission Rounds ──────────────────────────────────────────────────┐
│ │
│ ┌─────────────────────────────────────────────────────────┐ │
│ │ Round 1: Application Documents │ │
│ │ Submitted: Feb 15, 2026 • Status: ✓ Approved │ │
│ │ ─────────────────────────────────────────────────────── │ │
│ │ 📄 Executive Summary (exec-summary.pdf) │ │
│ │ 📄 Business Plan (business-plan.pdf) │ │
│ │ 🎥 Video Pitch (pitch-video.mp4) │ │
│ │ │ │
│ │ 🔒 This submission window is locked (view only) │ │
│ │ [View Details] │ │
│ └─────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────┐ │
│ │ Round 4: Semi-finalist Documents 🟢 OPEN │ │
│ │ Deadline: April 30, 2026 (18 days remaining) │ │
│ │ ─────────────────────────────────────────────────────── │ │
│ │ Progress: 2 of 3 required documents uploaded │ │
│ │ │ │
│ │ ✓ Updated Business Plan │ │
│ │ ✓ Financial Projections │ │
│ │ ⚠ Video Pitch — Not uploaded │ │
│ │ │ │
│ │ [Upload Documents →] │ │
│ └─────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────┐ │
│ │ Round 7: Finalist Materials 🔒 LOCKED │ │
│ │ Opens when you advance to finalist round │ │
│ │ ─────────────────────────────────────────────────────── │ │
│ │ This round will unlock if you advance past │ │
│ │ Round 5: Jury 2 Evaluation │ │
│ └─────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────────────┘
```
### 5.2 Submission Window Detail View
**Route:** `/applicant/submissions/[windowId]`
```
┌────────────────────────────────────────────────────────────────────────┐
│ Round 4: Semi-finalist Documents │
│ ──────────────────────────────────────────────────────────────────────│
│ Status: 🟢 Open • Deadline: April 30, 2026, 11:59 PM CET │
│ ⏱ 18 days, 5 hours remaining │
└────────────────────────────────────────────────────────────────────────┘
┌─── Progress ───────────────────────────────────────────────────────────┐
│ │
│ ██████████████████████░░░░░░ 2 of 3 required documents (67%) │
│ │
│ ✓ Updated Business Plan — Uploaded Apr 2, 2026 │
│ ✓ Financial Projections — Uploaded Apr 3, 2026 │
│ ⚠ Video Pitch — Not uploaded (Required) │
│ │
└────────────────────────────────────────────────────────────────────────┘
┌─── Required Documents ─────────────────────────────────────────────────┐
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ ✓ Updated Business Plan (PDF) * │ │
│ │ Revise your business plan based on Jury 1 feedback │ │
│ │ Max size: 25 MB • Accepted: PDF only │ │
│ │ │ │
│ │ ✓ business-plan-updated.pdf (3.2 MB) │ │
│ │ Uploaded Apr 2, 2026 at 3:45 PM │ │
│ │ │ │
│ │ [View] [Replace] [Delete] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ ✓ Financial Projections (PDF/Excel) * │ │
│ │ 3-year financial projections with assumptions │ │
│ │ Max size: 10 MB • Accepted: PDF, XLSX │ │
│ │ │ │
│ │ ✓ financials-2026-2029.xlsx (1.8 MB) │ │
│ │ Uploaded Apr 3, 2026 at 10:20 AM │ │
│ │ │ │
│ │ [View] [Replace] [Delete] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ ⚠ Video Pitch (MP4) * │ │
│ │ 5-minute team pitch video for semi-finalist round │ │
│ │ Max size: 150 MB • Accepted: MP4, MOV │ │
│ │ │ │
│ │ [No file uploaded] │ │
│ │ │ │
│ │ [Choose File] or drag & drop here │ │
│ │ │ │
│ │ 📹 Recording Tips: │ │
│ │ • Use landscape orientation (16:9) │ │
│ │ • Ensure good lighting and audio quality │ │
│ │ • Include all team members if possible │ │
│ │ • Stay within 5-minute time limit │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────────────┘
┌─── Optional Documents ─────────────────────────────────────────────────┐
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ Letters of Support (PDF) │ │
│ │ Letters from partners, advisors, or pilot customers │ │
│ │ Max size: 5 MB per file • Accepted: PDF only │ │
│ │ │ │
│ │ [No files uploaded] │ │
│ │ [Choose File] or drag & drop here │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────────────┘
┌─── Submission Actions ─────────────────────────────────────────────────┐
│ │
│ ⚠ You must upload all required documents before the deadline. │
│ Late submissions may not be accepted. │
│ │
│ [Save Progress] [Mark as Complete & Submit] │
│ │
└────────────────────────────────────────────────────────────────────────┘
```
### 5.3 Previous Round Read-Only View
When a submission window closes, it becomes **locked** for applicants. They can view but not modify.
```
┌────────────────────────────────────────────────────────────────────────┐
│ Round 1: Application Documents │
│ ──────────────────────────────────────────────────────────────────────│
│ Status: 🔒 Locked • Submitted: Feb 15, 2026 │
│ Result: ✓ Approved — Advanced to Semi-finalist Round │
└────────────────────────────────────────────────────────────────────────┘
┌─── Submitted Documents ────────────────────────────────────────────────┐
│ │
│ 📄 Executive Summary │
│ exec-summary.pdf (1.2 MB) — Uploaded Feb 15, 2026 │
│ [Download] │
│ │
│ 📄 Business Plan │
│ business-plan.pdf (2.3 MB) — Uploaded Feb 15, 2026 │
│ [Download] │
│ │
│ 🎥 Video Pitch │
│ pitch-video.mp4 (45 MB) — Uploaded Feb 15, 2026 │
│ [Download] │
│ │
│ 🔒 This submission window is locked. Documents cannot be modified. │
│ If you need to update a document, contact the competition admin. │
│ │
└────────────────────────────────────────────────────────────────────────┘
```
### 5.4 Deadline & Grace Period Handling
**Countdown Timer:**
```typescript
// Real-time countdown component
<DeadlineCountdown
deadline={window.windowCloseAt}
gracePeriodHours={window.graceHours}
onExpire={() => {
toast.warning('Submission deadline has passed')
router.refresh()
}}
/>
```
**Grace Period UI:**
```
┌────────────────────────────────────────────────────────────────────────┐
│ ⚠ DEADLINE PASSED — Grace Period Active │
│ ──────────────────────────────────────────────────────────────────────│
│ │
│ The submission deadline (April 30, 2026, 11:59 PM) has passed. │
│ You are currently in the 24-hour grace period. │
│ │
│ Grace period ends: May 1, 2026, 11:59 PM CET │
│ ⏱ 23 hours, 12 minutes remaining │
│ │
│ Late submissions will be flagged for review. │
│ Upload your documents now to avoid disqualification. │
│ │
│ [Upload Documents →] │
│ │
└────────────────────────────────────────────────────────────────────────┘
```
**Late Submission Badge:**
```
┌──────────────────────────────────────────────────────────────┐
│ ✓ business-plan-updated.pdf (3.2 MB) 🟡 LATE │
│ Uploaded May 1, 2026 at 2:15 PM (14 hours after deadline) │
│ [View] [Download] │
└──────────────────────────────────────────────────────────────┘
```
---
## 6. Mentoring Workspace
### 6.1 Workspace Overview
When a MENTORING round opens, finalist teams gain access to a **private workspace** shared with their assigned mentor.
**Route:** `/applicant/mentoring`
```
┌────────────────────────────────────────────────────────────────────────┐
│ Mentoring Workspace — OceanClean AI │
│ ──────────────────────────────────────────────────────────────────────│
│ [💬 Chat] [📁 Files] [📋 Milestones] │
└────────────────────────────────────────────────────────────────────────┘
┌─── Your Mentor ────────────────────────────────────────────────────────┐
│ │
│ 👤 Dr. Martin Duval │
│ Expertise: Marine Biology, Ocean Technology, Sustainability │
│ Affiliation: Monaco Ocean Institute │
│ │
│ Mentoring Period: June 1 June 30, 2026 (18 days remaining) │
│ │
│ "I'm excited to work with you on refining your business plan and │
│ preparing for the live finals. Let's focus on strengthening your │
│ impact metrics and pitch delivery." │
│ │
└────────────────────────────────────────────────────────────────────────┘
┌─── Activity Summary ───────────────────────────────────────────────────┐
│ │
│ 💬 12 messages exchanged │
│ 📁 5 files shared │
│ ✓ 2 of 3 milestones completed │
│ 🔔 3 unread messages from mentor │
│ │
└────────────────────────────────────────────────────────────────────────┘
```
### 6.2 Chat Interface
**Tab: Chat**
```
┌─── Chat with Dr. Martin Duval ─────────────────────────────────────────┐
│ │
│ Apr 5, 2026 │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Dr. Martin Duval 10:30 AM │ │
│ │ Welcome! I've reviewed your business plan. Let's work │ │
│ │ on the financial projections section. Have you │ │
│ │ prepared updated numbers based on Jury 1 feedback? │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────┐ │
│ │ Sarah Chen (You) 2:15 PM │ │
│ │ Yes, we've revised the projections. I'll upload │ │
│ │ the new file now. We focused on making the │ │
│ │ revenue assumptions more conservative. │ │
│ └────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Dr. Martin Duval 3:45 PM │ │
│ │ Great! I've left comments on the file. One more │ │
│ │ round of revisions and it should be ready for the │ │
│ │ finals submission. │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ Apr 8, 2026 │
│ ┌────────────────────────────────────────────────┐ │
│ │ Sarah Chen (You) 9:00 AM │ │
│ │ Updated the financials based on your feedback.│ │
│ │ See the new version in the Files tab. │ │
│ └────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Dr. Martin Duval 10:15 AM NEW │ │
│ │ Perfect! This version is much stronger. I recommend │ │
│ │ promoting it to your official submission. I'll leave │ │
│ │ a note on the file. │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Dr. Martin Duval 10:20 AM NEW │ │
│ │ Also, let's schedule a video call next week to │ │
│ │ practice your pitch. Available Tuesday or Thursday? │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Dr. Martin Duval 11:00 AM NEW │ │
│ │ One more thing — have you seen the pitch deck │ │
│ │ template I uploaded? Use that format for consistency. │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ ▼▼▼ Scroll to see older messages │
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ Type your message... │ │
│ └────────────────────────────────────────────────────────────┘ │
│ [📎] [Send] │
│ │
└────────────────────────────────────────────────────────────────────────┘
```
### 6.3 Files Tab
**Tab: Files**
```
┌─── Workspace Files ────────────────────────────────────────────────────┐
│ │
│ [Upload File] [Sort: Recent ▾] │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 📄 Business Plan v3.pdf │ │
│ │ Uploaded by Sarah Chen (You) • Apr 8, 2026, 9:00 AM │ │
│ │ 💬 2 comments │ │
│ │ ✅ Promoted to "Round 4: Business Plan" slot │ │
│ │ │ │
│ │ [Download] [View Comments] [✓ Promoted] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 📊 Financial Projections 2026-2029.xlsx │ │
│ │ Uploaded by Dr. Martin Duval (Mentor) • Apr 6, 2026 │ │
│ │ 💬 1 comment │ │
│ │ │ │
│ │ [Download] [View Comments] [Promote to Submission →] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 📊 Revenue Model Template.xlsx │ │
│ │ Uploaded by Dr. Martin Duval (Mentor) • Apr 5, 2026 │ │
│ │ 💬 0 comments │ │
│ │ │ │
│ │ [Download] [Add Comment] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 📄 Business Plan v2.pdf │ │
│ │ Uploaded by Sarah Chen (You) • Apr 5, 2026 │ │
│ │ 💬 3 comments │ │
│ │ │ │
│ │ [Download] [View Comments] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 📊 Pitch Deck Template.pptx │ │
│ │ Uploaded by Dr. Martin Duval (Mentor) • Apr 5, 2026 │ │
│ │ 💬 1 comment │ │
│ │ │ │
│ │ [Download] [View Comments] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────────────┘
```
### 6.4 File Detail with Comments
**Route:** `/applicant/mentoring/file/[fileId]`
```
┌────────────────────────────────────────────────────────────────────────┐
│ Business Plan v3.pdf [Download] │
│ ──────────────────────────────────────────────────────────────────────│
│ Uploaded by Sarah Chen (You) • Apr 8, 2026, 9:00 AM │
│ Size: 3.2 MB • Type: application/pdf │
│ ✅ Promoted to "Round 4: Business Plan" slot on Apr 8, 2026 │
└────────────────────────────────────────────────────────────────────────┘
┌─── Comments ───────────────────────────────────────────────────────────┐
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Dr. Martin Duval (Mentor) Apr 8, 10:15 AM │
│ │ Excellent work! The revenue projections are now much │ │
│ │ more realistic and well-justified. The competitive │ │
│ │ analysis section is particularly strong. │ │
│ │ │ │
│ │ This version is ready for official submission. I │ │
│ │ recommend promoting it. │ │
│ │ │ │
│ │ [Reply] │ │
│ │ │ │
│ │ ┌────────────────────────────────────────────────┐ │ │
│ │ │ Sarah Chen (You) Apr 8, 10:30 AM │ │ │
│ │ │ Thank you! I've promoted this version to the │ │ │
│ │ │ Round 4 submission. Should we also work on the │ │ │
│ │ │ pitch deck next? │ │ │
│ │ │ │ │ │
│ │ │ [Reply] │ │ │
│ │ └────────────────────────────────────────────────┘ │ │
│ │ │ │
│ │ ┌────────────────────────────────────────────────┐ │ │
│ │ │ Dr. Martin Duval (Mentor) Apr 8, 11:00 AM │ │ │
│ │ │ Yes, let's do that. Use the template I shared. │ │ │
│ │ │ │ │ │
│ │ │ [Reply] │ │ │
│ │ └────────────────────────────────────────────────┘ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Sarah Chen (You) Apr 8, 9:05 AM │
│ │ Here's the updated business plan based on your │ │
│ │ previous feedback. I've: │ │
│ │ - Made revenue assumptions more conservative │ │
│ │ - Added competitor analysis section │ │
│ │ - Updated financial projections through 2029 │ │
│ │ │ │
│ │ [Reply] │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ Add a comment... │ │
│ └────────────────────────────────────────────────────────────┘ │
│ [Post Comment] │
│ │
└────────────────────────────────────────────────────────────────────────┘
```
### 6.5 File Promotion Flow
**Promotion Dialog:**
```
┌────────────────────────────────────────────────────────────────────────┐
│ Promote File to Official Submission [✕] │
│ ──────────────────────────────────────────────────────────────────────│
│ │
│ File: Business Plan v3.pdf (3.2 MB) │
│ │
│ Target Submission Window * │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Round 4: Semi-finalist Documents ▼ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ Replaces Requirement Slot * │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Updated Business Plan ▼ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ ⚠ WARNING │
│ This will replace the current file in the "Updated Business Plan" │
│ slot with this workspace file. │
│ │
│ Current file: │
│ • business-plan-updated.pdf (2.8 MB) │
│ • Uploaded Apr 2, 2026 │
│ │
│ The old file will be archived but no longer visible to jurors. │
│ │
│ ☑ I understand this action cannot be undone without admin help │
│ │
│ [Cancel] [Promote & Replace File] │
│ │
└────────────────────────────────────────────────────────────────────────┘
```
**Success Toast:**
```
┌────────────────────────────────────────────────────────────────┐
│ ✓ File promoted successfully │
│ "Business Plan v3.pdf" is now your official Round 4 submission │
│ [View in Submissions →] │
└────────────────────────────────────────────────────────────────┘
```
### 6.6 Milestones Tab
**Tab: Milestones**
```
┌─── Mentoring Milestones ───────────────────────────────────────────────┐
│ │
│ Track your progress through the mentoring period │
│ │
│ ✓ Initial Review Meeting │
│ Completed Apr 5, 2026 — Discussed project scope and goals │
│ │
│ ✓ Business Plan Revision │
│ Completed Apr 8, 2026 — Updated financials and market analysis │
│ │
│ ⏳ Pitch Deck Preparation │
│ In Progress — Draft pitch deck for finals presentation │
│ Due: Apr 20, 2026 │
│ │
│ ○ Practice Pitch Session │
│ Not Started — Video call to rehearse finals pitch │
│ Due: Apr 25, 2026 │
│ │
│ ○ Final Review │
│ Not Started — Review all materials before live finals │
│ Due: May 1, 2026 │
│ │
└────────────────────────────────────────────────────────────────────────┘
```
---
## 7. Team Management
**Route:** `/applicant/team`
```
┌────────────────────────────────────────────────────────────────────────┐
│ Team — OceanClean AI │
│ ──────────────────────────────────────────────────────────────────────│
│ Manage your team members and roles │
└────────────────────────────────────────────────────────────────────────┘
┌─── Team Members ───────────────────────────────────────────────────────┐
│ │
│ [+ Invite Team Member] │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 👑 Sarah Chen [LEAD] │ │
│ │ sarah@oceanclean.ai │ │
│ │ CEO & Co-founder │ │
│ │ │ │
│ │ Permissions: Full access (manage team, upload, submit) │ │
│ │ Joined: Feb 15, 2026 │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 👤 Alex Kumar [MEMBER] │ │
│ │ alex@oceanclean.ai │ │
│ │ CTO — Technology Lead │ │
│ │ │ │
│ │ Permissions: Can upload documents, view all materials │ │
│ │ Joined: Feb 16, 2026 │ │
│ │ │ │
│ │ [Edit Role] [Remove] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 👤 Maria Santos [MEMBER] │ │
│ │ maria@oceanclean.ai │ │
│ │ COO — Operations Lead │ │
│ │ │ │
│ │ Permissions: Can upload documents, view all materials │ │
│ │ Joined: Feb 16, 2026 │ │
│ │ │ │
│ │ [Edit Role] [Remove] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 👤 James Taylor [MEMBER] │ │
│ │ james@oceanclean.ai │ │
│ │ Product Manager │ │
│ │ │ │
│ │ ⏳ Invitation pending (sent Feb 20, 2026) │ │
│ │ │ │
│ │ [Resend Invitation] [Cancel Invitation] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 🎓 Dr. Lisa Wong [ADVISOR] │ │
│ │ lisa.wong@university.edu │ │
│ │ Marine Biology Expert, Ocean University │ │
│ │ │ │
│ │ Permissions: View-only access, can leave notes │ │
│ │ Joined: Feb 18, 2026 │ │
│ │ │ │
│ │ [Edit Role] [Remove] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────────────┘
```
### 7.1 Invite Team Member Dialog
```
┌────────────────────────────────────────────────────────────────────────┐
│ Invite Team Member [✕] │
│ ──────────────────────────────────────────────────────────────────────│
│ │
│ Email Address * │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ james@oceanclean.ai │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ Full Name * │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ James Taylor │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ Role in Team │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Product Manager │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ Team Role * │
│ ◉ Member — Can upload documents and view all materials │
│ ○ Advisor — View-only access, can leave internal notes │
│ │
│ Personal Message (Optional) │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Hi James! We'd like you to join our team for the │ │
│ │ Monaco Ocean Protection Challenge. Click the link... │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ An invitation email will be sent to james@oceanclean.ai │
│ │
│ [Cancel] [Send Invitation] │
│ │
└────────────────────────────────────────────────────────────────────────┘
```
---
## 8. Results & Status Tracking
### 8.1 Round-by-Round Status View
**Route:** `/applicant/status`
```
┌────────────────────────────────────────────────────────────────────────┐
│ Competition Status — OceanClean AI │
│ ──────────────────────────────────────────────────────────────────────│
│ Category: STARTUP • Current Status: FINALIST │
└────────────────────────────────────────────────────────────────────────┘
┌─── Round Results ──────────────────────────────────────────────────────┐
│ │
│ ✅ Round 1: Application │
│ Feb 15, 2026 — Submitted │
│ Result: Approved — Advanced to screening │
│ ───────────────────────────────────────────────────────── │
│ Your application met all requirements and was approved │
│ for AI screening. │
│ │
│ ✅ Round 2: AI Screening │
│ Mar 1, 2026 — Completed │
│ Result: Passed — Advanced to Jury 1 Evaluation │
│ ───────────────────────────────────────────────────────── │
│ Your project scored 8.2/10 on AI eligibility screening. │
│ Strengths: Innovation, impact potential, technical feasibility │
│ │
│ ✅ Round 3: Jury 1 Evaluation │
│ Mar 20, 2026 — Completed │
│ Result: SEMI-FINALIST (Top 20 of 150 projects) │
│ ───────────────────────────────────────────────────────── │
│ Congratulations! You've advanced to the semi-finalist round. │
│ Jury feedback: │
│ • Strong technical approach and innovation │
│ • Excellent team credentials │
│ • Consider strengthening financial projections │
│ • Market analysis could be more detailed │
│ │
│ ✅ Round 4: Semi-finalist Documents │
│ Apr 5, 2026 — Submitted │
│ Result: Documents approved │
│ ───────────────────────────────────────────────────────── │
│ All required documents uploaded and verified. │
│ │
│ ✅ Round 5: Jury 2 Evaluation │
│ May 1, 2026 — Completed │
│ Result: FINALIST (Top 6 of 20 semi-finalists) │
│ ───────────────────────────────────────────────────────── │
│ Outstanding! You've been selected as a finalist. │
│ Jury feedback: │
│ • Excellent response to previous feedback │
│ • Strong market opportunity and competitive positioning │
│ • Financial projections are now realistic and well-justified │
│ • Team is well-equipped to execute the plan │
│ │
│ ⏳ Round 6: Mentoring │
│ In Progress — 12 days remaining │
│ Mentor: Dr. Martin Duval │
│ ───────────────────────────────────────────────────────── │
│ Work with your mentor to refine your pitch and materials. │
│ [Open Mentoring Workspace →] │
│ │
│ 🔒 Round 7: Live Finals │
│ Scheduled: July 15, 2026 │
│ Location: Monaco, Monte-Carlo │
│ ───────────────────────────────────────────────────────── │
│ Present your project live to jury and audience. │
│ More details coming soon. │
│ │
│ 🔒 Round 8: Results │
│ Scheduled: July 16, 2026 │
│ ───────────────────────────────────────────────────────── │
│ Final results announced at award ceremony. │
│ │
└────────────────────────────────────────────────────────────────────────┘
```
### 8.2 Final Results Page
**Route:** `/applicant/results` (visible after Round 8 closes)
```
┌────────────────────────────────────────────────────────────────────────┐
│ Final Results — Monaco Ocean Protection Challenge 2026 │
│ ──────────────────────────────────────────────────────────────────────│
│ │
│ 🏆 CONGRATULATIONS! 🏆 │
│ │
│ OceanClean AI — 2nd Place, Startup Category │
│ │
│ ────────────────────────────────────────────────────────────────── │
│ │
│ Award: €100,000 Prize + Mentorship Package │
│ │
│ Jury Feedback: │
│ "OceanClean AI demonstrated exceptional innovation in autonomous │
│ underwater plastic collection. The team's technical expertise and │
│ clear go-to-market strategy impressed the jury. We're excited to │
│ see this project scale to address ocean pollution globally." │
│ │
│ Next Steps: │
│ 1. You will be contacted by MOPC team within 48 hours │
│ 2. Prize disbursement process begins July 20, 2026 │
│ 3. Mentorship program starts August 1, 2026 │
│ │
│ [Download Certificate] [View Press Release] [Share on Social Media] │
│ │
└────────────────────────────────────────────────────────────────────────┘
┌─── Special Awards ─────────────────────────────────────────────────────┐
│ │
│ 🌟 Innovation Award — WINNER │
│ Awarded for: Most innovative use of AI and robotics in ocean tech │
│ Prize: €25,000 │
│ │
└────────────────────────────────────────────────────────────────────────┘
┌─── Competition Ranking ────────────────────────────────────────────────┐
│ │
│ Startup Category Final Standings: │
│ 1. 🥇 SeaGuard Systems │
│ 2. 🥈 OceanClean AI (You) │
│ 3. 🥉 Coral Restore Pro │
│ │
└────────────────────────────────────────────────────────────────────────┘
```
---
## 9. Navigation & Information Architecture
### 9.1 Route Structure
```
/applicant/
├── dashboard (/) — Main overview, progress tracker, notifications
├── application/ — Initial application form
│ ├── edit — Multi-step wizard (Steps 1-5)
│ └── review — Pre-submit review page
├── submissions/ — Multi-round document management
│ ├── [windowId] — Specific submission window upload interface
│ │ └── history — Version history per requirement
│ └── history — All submissions across all windows
├── mentoring/ — Mentoring workspace (if active)
│ ├── chat — Messages with mentor
│ ├── files — Shared workspace files
│ └── file/[fileId] — File detail with threaded comments
├── team/ — Team member management
│ ├── invite — Invite new member dialog
│ └── member/[memberId] — Member detail/edit
├── status — Round-by-round status display
├── results — Final competition results (post-Round 8)
└── notifications — Notification center
```
### 9.2 Navigation Component
**Primary Navigation (Persistent Header):**
```
┌────────────────────────────────────────────────────────────────────────┐
│ 🌊 MOPC Portal Sarah Chen 🔔 (3)│
│ ──────────────────────────────────────────────────────────────────────│
│ [Dashboard] [Submissions] [Mentoring] [Team] [Status] │
└────────────────────────────────────────────────────────────────────────┘
```
**Mobile Navigation (Hamburger Menu):**
```
┌─────────────────────┐
│ ☰ Menu │
│ ─────────────────── │
│ 🏠 Dashboard │
│ 📁 Submissions (2) │
│ 💬 Mentoring (3) │
│ 👥 Team │
│ 📊 Status │
│ 🔔 Notifications │
│ ⚙️ Settings │
│ 🚪 Sign Out │
└─────────────────────┘
```
### 9.3 Breadcrumbs
```
Dashboard > Submissions > Round 4: Semi-finalist Documents > Video Pitch
```
### 9.4 Contextual Actions
**Floating Action Button (Mobile):**
- On Dashboard: Quick upload to active submission window
- On Submissions: Upload new document
- On Mentoring: Send message
- On Team: Invite member
---
## 10. Mobile Experience
### 10.1 Responsive Breakpoints
| Breakpoint | Width | Layout |
|------------|-------|--------|
| Mobile | < 640px | Single column, stacked cards, hamburger menu |
| Tablet | 640px - 1024px | Two-column grid for dashboard, single-column forms |
| Desktop | > 1024px | Three-column dashboard, side-by-side forms |
### 10.2 Mobile Dashboard
```
┌────────────────────────────┐
│ ☰ OceanClean AI 🔔3 │
│ ──────────────────────────│
│ │
│ ┌────────────────────────┐ │
│ │ 📋 Current Round │ │
│ │ Round 6: Mentoring │ │
│ │ ⏱ 12 days left │ │
│ │ [Open →] │ │
│ └────────────────────────┘ │
│ │
│ ┌────────────────────────┐ │
│ │ Progress │ │
│ │ ✓ Round 1-5 Complete │ │
│ │ ⏳ Round 6 Active │ │
│ │ 🔒 Round 7-8 Locked │ │
│ │ [Details →] │ │
│ └────────────────────────┘ │
│ │
│ Quick Actions │
│ ┌─────┐ ┌─────┐ ┌─────┐ │
│ │ 📁 │ │ 👥 │ │ 💬 │ │
│ │ Docs│ │ Team│ │Mentor│ │
│ └─────┘ └─────┘ └─────┘ │
│ │
│ Notifications │
│ 💬 3 new mentor messages │
│ 📅 Deadline in 12 days │
│ ✅ Round 4 docs approved │
│ │
└────────────────────────────┘
```
### 10.3 Mobile File Upload
```
┌────────────────────────────┐
│ ← Upload Document │
│ ──────────────────────────│
│ │
│ Business Plan (Required) │
│ │
│ Max size: 25 MB │
│ Accepted: PDF only │
│ │
│ ┌────────────────────────┐ │
│ │ │ │
│ │ Tap to Select │ │
│ │ File │ │
│ │ │ │
│ │ 📱 From Device │ │
│ │ ☁️ From Cloud │ │
│ │ │ │
│ └────────────────────────┘ │
│ │
│ OR │
│ │
│ [📷 Take Photo] │
│ │
│ ───────────────────────── │
│ │
│ Current File: │
│ business-plan.pdf │
│ 2.3 MB • Apr 2, 2026 │
│ │
│ [Replace] [View] │
│ │
└────────────────────────────┘
```
---
## 11. Accessibility
### 11.1 WCAG 2.1 AA Compliance
**Keyboard Navigation:**
- All forms accessible via Tab/Shift-Tab
- File upload triggers via Enter/Space
- Skip-to-content link at top
- Focus indicators on all interactive elements
**Screen Reader Support:**
- ARIA labels on all form fields
- `role="status"` for deadline countdowns
- `aria-live="polite"` for notification updates
- Alt text on all icons and images
- Semantic HTML (`<main>`, `<nav>`, `<section>`, etc.)
**Color & Contrast:**
- Minimum 4.5:1 contrast ratio for text
- Status indicators include icons (not just color)
- Color-blind friendly palette
- High-contrast mode support
### 11.2 Accessible Components
**Form Fields:**
```tsx
<label htmlFor="project-name" className="sr-only">
Project Name (Required)
</label>
<input
id="project-name"
name="projectName"
type="text"
required
aria-required="true"
aria-describedby="project-name-hint"
className="..."
/>
<span id="project-name-hint" className="text-sm text-muted-foreground">
Enter a descriptive name for your ocean conservation project
</span>
```
**File Upload:**
```tsx
<div role="region" aria-labelledby="upload-heading">
<h3 id="upload-heading">Upload Business Plan</h3>
<input
type="file"
id="file-upload"
accept=".pdf"
aria-describedby="file-upload-instructions"
className="sr-only"
onChange={handleFileChange}
/>
<label
htmlFor="file-upload"
className="cursor-pointer ..."
tabIndex={0}
role="button"
aria-label="Choose file to upload"
>
Choose File or Drag & Drop
</label>
<span id="file-upload-instructions" className="sr-only">
PDF files only, maximum 25 megabytes
</span>
</div>
```
---
## 12. Email Notifications
### 12.1 Notification Triggers
| Event | Recipient | Subject | Content |
|-------|-----------|---------|---------|
| Application submitted | Team Lead | Application Received | Confirmation with next steps |
| Round advanced | All team members | Advanced to [Round Name] | Congratulations, next actions |
| Round rejected | Team Lead | Application Status Update | Not selected, feedback if available |
| Submission window opened | All team members | New Documents Required | List of requirements, deadline |
| Deadline approaching (7 days) | Team Lead | Deadline Reminder: 7 Days | Countdown, missing requirements |
| Deadline approaching (3 days) | Team Lead | Urgent: Deadline in 3 Days | Final reminder |
| Deadline approaching (1 day) | Team Lead | Last Chance: Deadline Tomorrow | Final warning |
| Mentor assigned | Team Lead | Mentor Assigned | Mentor intro, workspace link |
| New mentor message | Team Lead | New Message from Mentor | Preview, link to workspace |
| File promoted | Team Lead | File Promoted to Submission | Confirmation |
| Final results available | All team members | Results Announced | Outcome, next steps |
### 12.2 Email Templates
**Application Received:**
```
Subject: Application Received — Monaco Ocean Protection Challenge 2026
Dear Sarah,
Thank you for submitting your application for "OceanClean AI" to the Monaco Ocean Protection Challenge 2026.
Confirmation Number: #MOPC-2026-001234
Submission Date: February 15, 2026
What Happens Next:
1. AI Screening (March 1-5, 2026)
Your project will undergo automated eligibility screening.
2. Jury 1 Evaluation (March 6-20, 2026)
If you pass screening, your project will be reviewed by our expert jury.
3. Results (March 25, 2026)
You'll be notified via email and your applicant dashboard.
Track Your Progress:
Visit your dashboard at any time to see your application status:
https://monaco-opc.com/applicant/dashboard
Questions?
Contact us at info@monaco-opc.com
Best regards,
Monaco Ocean Protection Challenge Team
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
This is an automated message. Please do not reply directly.
View in browser: https://monaco-opc.com/emails/[token]
```
**Round Advanced (Semi-finalist):**
```
Subject: 🎉 Congratulations! You're a Semi-finalist
Dear Sarah,
Exciting news! Your project "OceanClean AI" has been selected as a SEMI-FINALIST in the Monaco Ocean Protection Challenge 2026.
Out of 150 applications, only 20 projects advanced to this round. Your innovation and impact potential impressed our jury.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Next Steps:
1. Submit Additional Documents (Due: April 30, 2026)
We need updated materials to prepare for the next jury round:
• Updated Business Plan (required)
• Financial Projections (required)
• Video Pitch (required)
Upload at: https://monaco-opc.com/applicant/submissions/round-4
2. Jury 2 Evaluation (May 1-15, 2026)
A second jury panel will review your updated materials.
3. Finalist Announcement (May 20, 2026)
Top 6 projects will be selected for the live finals in Monaco.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Jury Feedback:
• Strong technical approach and innovation
• Excellent team credentials
• Consider strengthening financial projections
• Market analysis could be more detailed
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Questions?
Contact us at info@monaco-opc.com
Congratulations again!
Monaco Ocean Protection Challenge Team
```
**Mentor Assigned:**
```
Subject: Your Mentor Has Been Assigned — Dr. Martin Duval
Dear Sarah,
Great news! We've assigned a mentor to help you prepare for the live finals.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Your Mentor:
Dr. Martin Duval
Senior Researcher, Monaco Ocean Institute
Expertise: Marine Biology, Ocean Technology, Sustainability
"I'm excited to work with the OceanClean AI team. Your approach to autonomous plastic collection is innovative and has significant potential for real-world impact. Let's work together to refine your pitch and strengthen your business plan."
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Mentoring Period: June 1 June 30, 2026
Access Your Workspace:
https://monaco-opc.com/applicant/mentoring
Features:
• Private chat with Dr. Duval
• Shared file workspace with comments
• Milestone tracking
• File promotion to official submissions
Dr. Duval will reach out to you within 48 hours to schedule an initial meeting.
Best regards,
Monaco Ocean Protection Challenge Team
```
---
## 13. API Changes
### 13.1 New Procedures
**Applicant Router (`src/server/routers/applicant.ts`):**
```typescript
// Dashboard
applicant.getDashboard.useQuery()
→ Returns: {
project, competitionProgress, activeTasks,
submissionWindows, notifications, upcomingDeadlines
}
// Multi-round submissions
applicant.getSubmissionWindows.useQuery()
→ Returns: Array<{ id, name, status, requirements, progress }>
applicant.getSubmissionWindowDetail.useQuery({ windowId })
→ Returns: { window, requirements, uploadedFiles, isLocked }
applicant.uploadFileToWindow.useMutation({ windowId, requirementId, file })
→ Uploads file to specific submission window
applicant.deleteFileFromWindow.useMutation({ fileId })
→ Deletes uploaded file (if window is still open)
// Mentoring workspace
applicant.getMentoringWorkspace.useQuery()
→ Returns: { mentor, workspaceStatus, messages, files, milestones }
applicant.uploadWorkspaceFile.useMutation({ mentorAssignmentId, file })
→ Uploads file to private mentoring workspace
applicant.addFileComment.useMutation({ fileId, content, parentCommentId? })
→ Adds comment to workspace file
applicant.promoteFileToSubmission.useMutation({
mentorFileId, submissionWindowId, requirementId
})
→ Promotes workspace file to official submission
applicant.sendMentorMessage.useMutation({ mentorAssignmentId, message })
→ Sends chat message to mentor
applicant.getMentorMessages.useQuery({ mentorAssignmentId })
→ Retrieves chat history
// Team management
applicant.inviteTeamMember.useMutation({ email, name, role })
→ Sends team invitation
applicant.removeTeamMember.useMutation({ memberId })
→ Removes team member
applicant.updateTeamMemberRole.useMutation({ memberId, role })
→ Changes member role (MEMBER/ADVISOR)
// Status & results
applicant.getCompetitionStatus.useQuery()
→ Returns: Round-by-round status with results and feedback
applicant.getFinalResults.useQuery()
→ Returns: Final competition results (post-Round 8)
```
### 13.2 Modified Procedures
**Updated:**
```typescript
// Was: applicant.getMyDashboard()
// Now: Enhanced with multi-round support
applicant.getDashboard.useQuery()
// Added fields:
// - competitionProgress: Array<RoundStatus>
// - submissionWindows: Array<WindowStatus>
// - activeTasks: Array<Task>
// - upcomingDeadlines: Array<Deadline>
```
### 13.3 Data Validation
**Zod Schemas:**
```typescript
// Submission window upload
const uploadToWindowSchema = z.object({
windowId: z.string().cuid(),
requirementId: z.string().cuid(),
fileName: z.string().min(1).max(255),
mimeType: z.string(),
size: z.number().positive(),
})
// File promotion
const promoteFileSchema = z.object({
mentorFileId: z.string().cuid(),
submissionWindowId: z.string().cuid(),
requirementId: z.string().cuid().optional(),
})
// Team invitation
const inviteTeamMemberSchema = z.object({
email: z.string().email(),
name: z.string().min(1).max(255),
roleInTeam: z.string().optional(),
teamRole: z.enum(['MEMBER', 'ADVISOR']),
personalMessage: z.string().optional(),
})
```
---
## Summary
The redesigned Applicant UI transforms the platform from a basic submission system into a **comprehensive competition management experience**:
1. **Multi-Round Submissions** — Teams progress through multiple document submission windows, each with its own requirements, deadlines, and locking behavior.
2. **Mentoring Workspace** — Private collaboration space with chat, file sharing, threaded comments, and promotion to official submissions.
3. **Team Management** — Full team roster with role-based permissions, invitations, and member management.
4. **Progress Tracking** — Visual round-by-round tracker showing status, results, and feedback at each stage.
5. **Deadline Management** — Countdown timers, grace periods, late submission handling, and reminder notifications.
6. **Mobile-First Design** — Responsive layouts optimized for all screen sizes with touch-friendly interactions.
7. **Accessibility** — WCAG 2.1 AA compliant with keyboard navigation, screen reader support, and high-contrast mode.
8. **Comprehensive Notifications** — Email and in-app notifications for all critical events with actionable links.
This redesign aligns with the broader architecture changes (Competition → Round model, SubmissionWindow entities, MentorFile system) and provides applicants with a world-class competition experience from initial application through final results.