# 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:** - `` — Main container - `` — Shows active round with countdown and actions - `` — Visual round-by-round timeline - `` — 3-column grid of primary actions - `` — Recent notifications with unread count - `` — Compact team roster - `` — Upcoming deadlines with time remaining - `` — 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 { 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 (`
`, `