{/* HEADER: Massive Typography */}

PLAN NO. {(tasks || []).length}

{/* UNSW Community Badge */}

UNSW

isMultiplayer ? share() : null} style={{ cursor: 'pointer' }}> {isMultiplayer ? 'SHARED' : 'PERSONAL'}

{dayName}

{formattedDate}

{/* TASK GRID */}

{(tasks || []).map((task, i) => (

handleToggle(task.id)} style={{ display: 'grid', gridTemplateColumns: '80px 1fr', borderBottom: `1px solid ${THEME.colors.line}`, minHeight: 80, position: 'relative', cursor: 'pointer', transition: 'background 0.2s', backgroundColor: task.completed ? THEME.colors.subtle : 'transparent' }} > {/* Time Column */}

{task.time}

{/* Task Column */}

{task.text} {/* Metadata / Collaborator info */} {(isMultiplayer && task.userId !== user?.id && task.userId) ? ( ADDED BY {task.createdBy} ) : null}

))} {/* Empty Row at bottom for aesthetic closure */}

{/* FLOATING ACTION BUTTON - SWISS STYLE */}

{/* FEEDBACK TOAST - "EFFICIENT." */} {feedback && (

{feedback}

)} {/* ADD TASK MODAL - BOTTOM SHEET STYLE */} {isAdding && (

NEW ENTRY

setNewTime(e.target.value)} style={{ width: 100, height: 56, border: `2px solid ${THEME.colors.line}`, borderRadius: 0, padding: '0 12px', fontSize: 18, fontFamily: THEME.fonts.mono, background: '#FFF' }} /> setNewTask(e.target.value)} onKeyDown={(e) => e.key === 'Enter' && handleAdd()} style={{ flex: 1, height: 56, border: `2px solid ${THEME.colors.line}`, borderLeft: 'none', borderRight: 'none', borderTop: 'none', borderBottom: `2px solid ${THEME.colors.line}`, borderRadius: 0, padding: '0 12px', fontSize: 20, fontWeight: 700, fontFamily: THEME.fonts.sans, background: 'transparent', outline: 'none' }} />

)}

); }