@@ -279,10 +288,41 @@ function StudentView({ profile, onBack }) {
+
+ )}
);
}
@@ -505,6 +545,437 @@ function Leaderboard({ rows }) {
);
}
+const fmtDate = d => d ? new Date(d).toLocaleDateString(undefined, { day: 'numeric', month: 'short' }) : '—';
+const toInput = d => d ? new Date(d).toISOString().slice(0, 10) : '';
+
+// The unified phase-by-phase progress + SP tab. Four phases: Standups, ViBe, SPA,
+// Projects. Standups & ViBe show real SP; SPA & Projects are placeholders until the
+// Samagama data (and their SP rule) land. Goal *staking* lives in the Commitments tab.
+function MyJourney({ student, setTab }) {
+ const email = student.email;
+ const [data, setData] = useState(null);
+ const [plan, setPlan] = useState({ vibeBy: '', spaBy: '', projectBy: '' });
+ const [savedMsg, setSavedMsg] = useState(false);
+
+ const load = async () => {
+ const r = await fetch(`${API}/journey/state?email=${encodeURIComponent(email)}`);
+ const j = await r.json();
+ setData(j);
+ if (j.plan) setPlan({ vibeBy: toInput(j.plan.vibeBy), spaBy: toInput(j.plan.spaBy), projectBy: toInput(j.plan.projectBy) });
+ };
+ useEffect(() => { load(); }, [email]);
+
+ const savePlan = async () => {
+ const r = await fetch(`${API}/journey/plan`, {
+ method: 'PUT', headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ email, ...plan })
+ });
+ if (r.ok) { setData(await r.json()); setSavedMsg(true); setTimeout(() => setSavedMsg(false), 2000); }
+ };
+
+ if (!data) return Loading your journey… ;
+ if (!data.eligible) return My Journey isn’t available for your cohort yet. ;
+
+ const { standups, vibe, spa, projects } = data;
+ const spaPct = spa.total ? Math.round(spa.solved / spa.total * 100) : 0;
+
+ return (
+ Loading ViBe Goals… ;
+ if (!data.eligible) return ViBe Goals isn’t available for your cohort yet. ;
+
+ const cur = data.current, cfg = data.config;
+ const s = +form.stake, m = +form.multiplier, g = +form.goalPct;
+ const loss = cfg.penaltyFactor * s * m, win = s * m, need = s + loss; // stake debited + worst-case penalty
+ const daysOut = form.deadline
+ ? Math.round((new Date(form.deadline).setHours(0, 0, 0, 0) - new Date().setHours(0, 0, 0, 0)) / 86400000) : 0;
+ const availForBet = data.available + (editing && data.active ? data.active.reserved + data.active.stake : 0);
+
+ let problem = null;
+ if (!cur) problem = 'All courses complete — nothing to commit to.';
+ else if (g <= cur.floorPct) problem = `Goal must beat the weekly floor (${cur.floorPct}%).`;
+ else if (daysOut < 1 || daysOut > cfg.maxBetDays) problem = `Deadline must be 1–${cfg.maxBetDays} days out.`;
+ else if (g > cur.remaining) problem = `Goal exceeds your remaining ${cur.remaining}%.`;
+ else if (need > availForBet) problem = `You need ${need} SP (stake ${s} + up to ${loss} loss); you have ${availForBet}.`;
+
+ const post = async (url, body, method = 'POST') => {
+ const r = await fetch(url, { method, headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
+ const j = await r.json(); if (!r.ok) { setErr(j.error); return null; } setErr(null); return j;
+ };
+ const place = async () => { const j = await post(`${API}/vibe/bet`,
+ { email, course: cur.key, goalPct: g, stake: s, multiplier: m, deadline: form.deadline }); if (j) setData(j); };
+ const saveEdit = async () => { const j = await post(`${API}/vibe/bet/${data.active._id}`,
+ { email, goalPct: g, stake: s, multiplier: m }, 'PUT'); if (j) { setEditing(false); setData(j); } };
+ const settle = async (result) => { const j = await post(`${API}/vibe/bet/${data.active._id}/settle`,
+ { email, result }); if (j) { setEditing(false); setData(j); } };
+
+ const showForm = cur && (!data.active || editing);
+
+ return (
+ Loading standups… ;
+ if (!data.eligible) return Standup commitments aren’t available for your cohort yet. ;
+
+ const tier = data.tiers.find(t => t.key === tierKey) || data.tiers[0];
+ const stake = tier.stake, win = stake * multiplier, loss = data.penaltyFactor * stake * multiplier;
+ const problem = data.active
+ ? 'You already have an active standup commitment this week.'
+ : loss > data.available ? `You need ${loss} SP free to cover a possible miss; you have ${data.available}.` : null;
+
+ const post = async (url, body) => {
+ const r = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
+ const j = await r.json(); if (!r.ok) { setErr(j.error); return null; } setErr(null); return j;
+ };
+ const place = async () => { const j = await post(`${API}/standup/commit`, { email, tierKey, multiplier }); if (j) setData(j); };
+ const settle = async (result) => { const j = await post(`${API}/standup/commit/${data.active._id}/settle`, { email, result }); if (j) setData(j); };
+
+ return (
+ setWeeklyOpen(false)} profile={profile} onOpenShare={() => setShare({ kind: 'weekly' })} />
+ setFinalOpen(false)} profile={profile} studentName={profile.student.name} onOpenShare={() => setShare({ kind: 'final' })} />
+ {share && (
+ setShare(null)}
+ />
+ )}
+
+ );
+}
createRoot(document.getElementById('root')).render(
📼 Replay History
+Past weekly recaps synthesized from your activity data. Click any to re-watch.
+
+ {buildReplayHistory(profile, 6).map((w, i) => (
+
+ ))}
+
+
+
+
+
+
+ );
+}
+
+function courseName(ladder, key) { const c = ladder.find(l => l.key === key); return c ? c.name : key; }
+// net SP over the whole commitment: won -> win minus the debited stake; lost -> stake + penalty
+function netFor(b) { return b.status === 'won' ? b.potentialWin - b.stake : -(b.stake + b.potentialLoss); }
+
+// The Commitments hub: one accordion card per phase. Every phase shares the same SP
+// engine (stake debited → HIT wins it back multiplied / MISS loses a penalty); only
+// the target metric differs. ViBe is live; the other three land one by one.
+const COMMITMENT_TYPES = [
+ { key: 'vibe', name: 'ViBe courses', blurb: 'Pledge to raise your current course’s completion by X% before a deadline.', ready: true },
+ { key: 'standup', name: 'Standups', blurb: 'Pledge to attend all of this week’s standups at a chosen attendance tier.', ready: true },
+ { key: 'spa', name: 'SPA — Matrix Mystics', blurb: 'Pledge to solve N of the 53 problems by a date.', ready: false },
+ { key: 'project', name: 'Projects', blurb: 'Pledge to raise / merge N pull requests by a date.', ready: false }
+];
+
+function Commitments({ student }) {
+ const [open, setOpen] = useState('vibe');
+ return (
+ My internship plan
+Four phases to your Summership. Set the dates you’re aiming for — your cards below track you against them. (SP is staked separately in the Commitments tab.)
+
+
+
+
+
+ {savedMsg && ✓ Saved}
+
+
+ {/* Phase 1 — Standups */}
+
+
+
+ {/* Phase 2 — ViBe */}
+
+
+
+ {/* Phase 3 — SPA (data + SP rule pending Samagama) */}
+
+
+
+ {/* Phase 4 — Projects (data + SP rule pending Samagama) */}
+
+
+
+ 1
+ Standups
+{standups.sp} SPZoom attendance + Spandan polls
+
+
+ {standups.zoomMinutes}Zoom minutes
+ {standups.sessionsAttended}sessions attended
+ {standups.pollsAttempted}/{standups.pollsTotal}polls attempted
+
+ Attendance +{standups.spAttendance}
+ Polls +{standups.spPolls}
+
+ 2
+ ViBe courses
{vibe.sp >= 0 ? '+' : ''}{vibe.sp} SP{vibe.clearedCount}/{vibe.totalCourses} courses complete · plan: by {fmtDate(data.plan.vibeBy)}
+
+ {vibe.ladder.map(l => (
+
+
+ {l.cleared ? '✓' : `${l.pct}%`}{l.name}
+
+ ))}
+
+ {vibe.current
+ ? Now: {vibe.current.name} — {vibe.current.pct}%
+ : All courses complete 🎉}
+ {vibe.activeCommitment && Active commitment: +{vibe.activeCommitment.goalPct}%}
+
+
+ 3
+ SPA — Matrix Mystics
Coming soon53-problem set · plan: by {fmtDate(data.plan.spaBy)}
+ {spa.pending + ?Your Matrix Mystics progress and SP will appear here soon — we’re wiring up the data.
+ : <> +{spa.solved}/ {spa.total} solved
+
+
{spa.spaPoints} SPA points
+ }
+ 4
+ Projects
Coming soonPull requests · plan: by {fmtDate(data.plan.projectBy)}
+ {projects.pending + ?Your project PRs and SP will appear here soon — we’re wiring up the data.
+ :
+
}
+ {projects.prsRaised}PRs raised
+ {projects.prsMerged}PRs merged
+
+
+
+ {COMMITMENT_TYPES.map(t => {
+ const isOpen = open === t.key;
+ return (
+
+
+ {isOpen && (
+
+ );
+ })}
+
+ );
+}
+
+function VibeGoals({ student }) {
+ const email = student.email;
+ const [data, setData] = useState(null);
+ const [form, setForm] = useState({ goalPct: 20, stake: 100, multiplier: 4, deadline: '' });
+ const [editing, setEditing] = useState(false);
+ const [err, setErr] = useState(null);
+
+ const load = async () => {
+ const r = await fetch(`${API}/vibe/state?email=${encodeURIComponent(email)}`);
+ setData(await r.json());
+ };
+ useEffect(() => {
+ load();
+ const d = new Date(); d.setDate(d.getDate() + 2);
+ setForm(f => ({ ...f, deadline: d.toISOString().slice(0, 10) }));
+ }, [email]);
+
+ if (!data) return Commitments
+Stake SP on a goal in any phase — hit it by the deadline and win your stake back multiplied; miss and you lose a penalty on top. One active commitment per phase (up to four running at once).
+
+ {t.ready
+ ? (t.key === 'vibe' ?
+ )}
+ {t.blurb}
Coming soon — same stake-and-win mechanic as ViBe, tuned to this phase.
+
+
+
+ {cur && (
+
+
+ )}
+
+ {cur && (
+
+
+ )}
+
+
+
+
+
+
+ ) :
+
+ );
+}
+
+// Standup commitment — weekly, attendance-only, keep-the-stake. Student picks a tier
+// (81–90 → stake 20 / 91–100 → stake 50, fixed) and a confidence (2×/3×/4×). HIT pays
+// +stake×conf on top of earned attendance; MISS charges −0.5×stake×conf off the balance.
+function StandupGoals({ student }) {
+ const email = student.email;
+ const [data, setData] = useState(null);
+ const [tierKey, setTierKey] = useState('91-100');
+ const [multiplier, setMultiplier] = useState(4);
+ const [err, setErr] = useState(null);
+
+ const load = async () => {
+ const r = await fetch(`${API}/standup/state?email=${encodeURIComponent(email)}`);
+ setData(await r.json());
+ };
+ useEffect(() => { load(); }, [email]);
+
+ if (!data) return Your course path
+Courses unlock in order — you work on and set commitments for your current course only. Prior completions are credited automatically.
+
+ {data.ladder.map((l, i) => (
+
+ {i > 0 &&
+ ))}
+
+ →
}
+
+ {i + 1}{l.name}
+ {l.prior ? 'credited ✓' : l.cleared ? '100% ✓' : (cur && cur.key === l.key ? `${l.pct}% · in progress` : '🔒 locked')}
+
+ Current course — {cur.name}
+
+
+
+ This week (floor)
+ {data.weeklyFloor.doneHours} h
+ {cfg.floorHours} h required · {data.weeklyFloor.met
+ ? +{cfg.floorSp} SP earned
+ : not yet}
+
+
+ {cur.name} — completion
+ {cur.pct}%
+ {cur.remaining}% left · ≈ {(cur.pct / 100 * cur.hours).toFixed(1)} / {cur.hours} h*
+
+
+
{editing ? 'Edit your commitment' : 'Set a goal & commit extra SP'}
+Your stake is debited now. Hit your goal by the deadline → win it back multiplied; miss → lose an extra penalty on top. One commitment per course, deadline up to {cfg.maxBetDays} days away.
+ {!showForm && data.active && +You have an active commitment on {cur.name}. Edit it below, or resolve it with the demo buttons.
}
+ {showForm && (
+
+
+
+ )}
+
+
+ setForm({ ...form, goalPct: e.target.value })} />%
+ Allowed {cur.floorPct}%–{cur.remaining}% (floor → remaining) · ≈ {(g / 100 * cur.hours).toFixed(1)} h
+
+ setForm({ ...form, deadline: e.target.value })} />
+ {editing ? 'Fixed — can’t be changed after placing.' : `Up to ${cfg.maxBetDays} days away.`}
+
+
+ setForm({ ...form, stake: e.target.value })} />
+ {cfg.stakeMin}–{cfg.stakeMax} SP.
+
+
+
+ {cfg.multipliers.map(x =>
+ )}
+
+
+ Staked now−{s}
+ If you HIT+{win}net +{win - s}
+ If you MISS−{loss}net −{s + loss}
+ Left after placing{availForBet - s - loss}
+
+ {editing
+ ? <>
+
+ : }
+ {problem || `✓ Covered — ${loss} SP reserved until it settles.`}
+
+ {err && {err}
} +Your active commitment
+ {data.active ? ( +
+
+ ) :
+
+ {courseName(data.ladder, data.active.course)} — raise completion by {data.active.goalPct}%
+staked {data.active.stake} (debited) @ {data.active.multiplier}× · by {new Date(data.active.deadline).toLocaleDateString()} · risk −{data.active.potentialLoss} more on miss
+
+
+ Hit +{data.active.potentialWin} / Miss −{data.active.potentialLoss}
+
+ {!editing && }
+
+
+
+ No active commitment right now — set one above.
} +Past commitments
+ {data.history.length ? ( +| Course | Goal | Stake | Result | Net SP |
|---|---|---|---|---|
| {courseName(data.ladder, b.course)} | +{b.goalPct}% | {b.stake} @ {b.multiplier}× | +{b.status === 'won' ? 'HIT' : 'MISS'} | +{netFor(b) >= 0 ? '+' : ''}{netFor(b)} |
No settled commitments yet.
} +
+
+
+
+ {!data.active && (
+
+
+ )}
+
+
+
+
+
+
+ ) :
+
+ );
+}
+
function AdminView({ admin, auth, onBack }) {
const [tab, setTab] = useState('leaderboard');
const [leaderLimit, setLeaderLimit] = useState(50);
@@ -846,5 +1317,37 @@ function SurveyModal({ survey, student, onDone, statusPath = '/survey/status', c
);
}
+function ReplaySection({ profile }) {
+ const [weeklyOpen, setWeeklyOpen] = useState(false);
+ const [finalOpen, setFinalOpen] = useState(false);
+ const [share, setShare] = useState(null);
+ const [unlocked, setUnlocked] = useState(false);
+ useEffect(() => {
+ setUnlocked(isFinalJourneyUnlocked(profile || {}));
+ }, [profile]);
+ if (!profile || !profile.student) return null;
+ return (
+ <>
+ This week’s standups — {data.weekLabel}
+Pledge to attend all {data.sessionsThisWeek} standups this week at a chosen attendance tier. Attendance only — polls stay as poll-points. Your stake isn’t deducted: hit your pledge for a bonus on top of the attendance points you earn, miss and a penalty applies.
+
+
+ Attended so far{data.attendedThisWeek}/{data.sessionsThisWeek}this week
+ Avg attendance{data.avgPctThisWeek != null ? data.avgPctThisWeek + '%' : '—'}so far
+ Set a standup commitment
+
+
+
+
+ {data.tiers.map(t =>
+ )}
+ Higher tier = higher bar and bigger reward. Beating your tier still counts as a hit.
+
+
+ {data.multipliers.map(x =>
+ )}
+
+
+ Stake (fixed by tier){stake}
+ If you HIT+{win}bonus, on top of attendance
+ If you MISS−{loss}penalty off your balance
+
+
+ {problem || `✓ Covered · settles ${new Date(data.deadline).toLocaleDateString()}`}
+
+ {err && {err}
} +Your active commitment
+ {data.active ? ( +
+
+ ) :
+
+ {data.active.label}
+stake {data.active.stake} (kept) · by {new Date(data.active.deadline).toLocaleDateString()} · risk −{data.active.potentialLoss} on miss
+
+
+ Hit +{data.active.potentialWin} / Miss −{data.active.potentialLoss}
+
+
+
+
+ No active standup commitment — set one above.
} +Past standup commitments
+ {data.history.length ? ( +| Week pledge | Tier | Result | SP |
|---|---|---|---|
| {c.label} | {c.tier} | +{c.status === 'won' ? 'HIT' : 'MISS'} | +{c.resultDelta >= 0 ? '+' : ''}{c.resultDelta} |
No settled standup commitments yet.
} +
+ setWeeklyOpen(true)} />
+ {unlocked && (
+
+ setFinalOpen(true)} />
+
+ )}
+
+