70 ? '-100%' : pct < 30 ? '0' : '-50%'})`, whiteSpace: 'nowrap', ...mono, color: 'var(--signal)', fontWeight: 600 }}>{here}
{s.phases.map((p, i) =>
p.to ? 0.5 : 1 }} />)}
{s.phases.map((p, i) => {
const now = t >= p.from && t <= p.to, past = t > p.to;
return (
{p.name}
· {p.what}
{rangeLabel(p.from, p.to)}
);
})}
);
}
function SeasonTimeline({ events }) {
const t = A.today();
const xs = (events || []).filter(e => ['test_day', 'checkpoint_week', 'holiday', 'season_change'].includes(e.kind));
if (!xs.length) return
No test days or holidays entered yet.
;
const rows = [];
let placed = false;
xs.forEach(e => {
if (!placed && d10(e.starts_on) > t) { rows.push({ today: true }); placed = true; }
rows.push({ e });
});
if (!placed) rows.push({ today: true });
return (
{rows.map((r, i) => r.today ? (
) : (() => {
const e = r.e, past = d10(e.ends_on || e.starts_on) < t;
const tone = e.kind === 'test_day' ? 'var(--warning)' : e.kind === 'checkpoint_week' ? 'var(--signal)' : 'var(--fg-subtle)';
return (
{rangeLabel(e.starts_on, e.ends_on)}
{e.label}
{EVENT_KIND[e.kind] || e.kind}
);
})())}
);
}
function SeasonGoals({ goals, ladders }) {
if (!goals || !goals.length) return
No season goals set yet.
;
const byProg = {};
(ladders || []).forEach(l => { if (l.progression) byProg[l.progression.id] = l; });
return AREAS.map(a => {
const gs = goals.filter(g => g.area === a.key);
if (!gs.length) return null;
return (
{a.label}
{gs.map((g, i) => {
const l = g.progression_id ? byProg[g.progression_id] : null;
let right = null;
if (l && g.target_step != null) {
right = l.step >= g.target_step
? ✓ On target
: Step {l.step} → {g.target_step};
}
return ;
})}
);
});
}
// ================================================================ CAREER
function CareerView({ memberDb }) {
const st = useLoad(() => A.getCareer(memberDb), [memberDb]);
const [editing, setEditing] = useState(false);
const [saving, setSaving] = useState(false);
const [saveErr, setSaveErr] = useState(null);
const writable = A.canWrite(memberDb);
const c = st.data;
const dream = (c && c.dream) || null;
async function save(patch) {
setSaving(true); setSaveErr(null);
try { await A.saveDream(memberDb, patch); setEditing(false); st.reload(); }
catch (e) { setSaveErr((e && e.message) || String(e)); }
finally { setSaving(false); }
}
return (
{c && (
<>
{editing
?
{ setEditing(false); setSaveErr(null); }} onSave={save} />
: (
<>
setEditing(true)} />
{WHY_FIELDS.map((f, i) => (
{f.q}
{(dream && dream[f.key]) || 'Not written yet.'}
))}
{writable && }
)}
{c.tracks.length === 0 && No ladders set up yet.
}
{c.tracks.map(t => )}
)}
);
}
const WHY_FIELDS = [
{ key: 'why', q: 'Why do I want this?' },
{ key: 'commitment', q: 'What I’ll do every week' },
{ key: 'happiness', q: 'What makes me happy along the way' },
{ key: 'helpers', q: 'Who helps me' },
];
function Destination({ dream, writable, onEdit }) {
const box = { background: 'var(--ink-950)', color: '#fff', borderRadius: 'var(--radius-2)', padding: 20 };
const sub = { fontFamily: 'var(--font-mono)', fontSize: 11, letterSpacing: '0.06em', color: 'rgba(255,255,255,0.6)' };
const eb = 'rgba(255,255,255,0.55)';
if (!dream) return (
The destination
Not written yet.
{writable &&
}
);
const Stop = ({ label, big, line, when, children, last }) => (
{!last && }
{label}
{big}
{line &&
{line}
}
{children}
{when && countdown(when) &&
{countdown(when) === 'passed' ? 'passed' : countdown(when) === 'today' ? 'today' : `in ${countdown(when)}`}
}
);
return (
The destination
{writable && }
{dream.first_game_team
? with {dream.first_game_team}
:
with … Which team? Write it in.
{writable && <> }
}
);
}
const fieldStyle = { width: '100%', boxSizing: 'border-box', padding: '9px 10px', border: '1px solid var(--border-strong)', borderRadius: 6, fontSize: 16, fontFamily: 'var(--font-sans)', color: 'var(--fg)', background: 'var(--bg-raised)' };
function Field({ label, children }) {
return
;
}
function DreamEditor({ dream, saving, error, onCancel, onSave }) {
const [f, setF] = useState({
college: dream.college || '', class_year: dream.class_year != null ? String(dream.class_year) : '', first_game_team: dream.first_game_team || '',
why: dream.why || '', commitment: dream.commitment || '', happiness: dream.happiness || '', helpers: dream.helpers || '',
});
const set = (k) => (e) => setF({ ...f, [k]: e.target.value });
const clean = (v) => (v.trim() ? v.trim() : null);
function submit() {
const y = parseInt(f.class_year, 10);
onSave({
college: clean(f.college), class_year: Number.isFinite(y) ? y : null, first_game_team: clean(f.first_game_team),
why: clean(f.why), commitment: clean(f.commitment), happiness: clean(f.happiness), helpers: clean(f.helpers),
});
}
return (
My dream, in my words
{WHY_FIELDS.map(w => (
))}
{error && Could not save: {error}
}
);
}
function TrackCard({ t }) {
const today = A.today();
const gates = t.gates || [];
const nextGate = gates.find(g => d10(g.gate_on) >= today);
const nextDate = nextGate ? d10(nextGate.gate_on) : null;
const nextGroup = nextDate ? gates.filter(g => d10(g.gate_on) === nextDate) : [];
const title = String(t.label || t.discipline || '').replace(/^[^·]*·\s*/, '') || t.label;
return (
{title}
{t.status && t.status !== 'active' &&
{t.status}}
{t.terminal && Leads to: {t.terminal}{t.terminal_on ? ` · ${monthYear(t.terminal_on)}` : ''}
}
{nextGroup.length > 0 && (
Next gate
{nextGroup.map(g => g.label).join(' + ')}: {countdown(nextDate)}
)}
{gates.length === 0 ? No gates yet.
: (
{gates.map(g => {
const gd = d10(g.gate_on), past = gd < today, isNext = gd === nextDate;
return (
{monthYear(gd)}{past ? ' · passed' : ''}
{g.label}
{GATE_KIND[g.kind] || g.kind}
);
})}
)}
);
}
// ================================================================ screen
function PlanScreen({ memberDb, isAdmin, go, sub }) {
const view = SUBS.some(s => s.value === sub) ? sub : 'week';
if (!window.PlanAPI) return
The plan data layer is not loaded.
;
return (
go('plan', v)} />
{!memberDb ?
No one selected.
: view === 'week' ?
: view === 'month' ?
: view === 'season' ?
:
}
);
}
window.PlanScreen = PlanScreen;
})();