/* sasongsplan.jsx — the multi-year planning surface.
Per-member: dream → 3-year vision → 1-year target → 5 key tests → 4-season
target matrix. All inline-editable. Saves to Supabase on blur. */
/* global React, MEMBERS, TESTS, Eyebrow, Avatar, Card, Pill, Button, Input,
SectionHeader, getGoalTrack, saveGoalTrack, getSeasonTargets, getKeyTestIds,
getSeasonTarget, addKeyTest, removeKeyTest, saveSeasonTarget,
nextFourSeasons, getTest, latestAttempt, getMemberChallenges */
const { useState, useMemo, useEffect } = React;
// ============================================================================
// SasongsplanView — main view, rendered when Tester is toggled to "Säsongsplan"
// ============================================================================
function SasongsplanView({ memberId, isMobile }) {
const [, bump] = useState(0);
const refresh = () => bump(b => b + 1);
const member = MEMBERS.find(m => m.id === memberId);
const canEdit = !!(window.canEdit && window.canEdit(memberId));
const track = window.getGoalTrack(memberId);
const keyTestIds = window.getKeyTestIds(memberId);
const seasons = window.planningWindowSeasons
? window.planningWindowSeasons()
: window.nextFourSeasons();
const currentSeasonId = window.ACTIVE_SEASON_ID;
const [suggestState, setSuggestState] = useState({ busy: false, error: null });
// Baselines must exist for every key test before we ask the coach to suggest
// targets — grounding the prompt in real data is what makes the suggestions
// useful. A key test "has a baseline" when getMemberCurrentBaseline returns
// a numeric value.
const baselineStatus = keyTestIds.map(testId => ({
testId,
test: window.getTest ? window.getTest(testId) : null,
value: window.getMemberCurrentBaseline
? window.getMemberCurrentBaseline(memberId, testId)
: null,
}));
const missingBaselines = baselineStatus.filter(b => b.value == null && b.test);
const hasAllBaselines = keyTestIds.length > 0 && missingBaselines.length === 0;
if (!member) return null;
return (
{/* Header */}
Säsongsplan
{member.name}s plan
Drömmen ger riktningen. 3-årsvisionen sätter ribban. 1-årsmålet är var du
behöver vara om 12 månader. Och säsongsmålen är de konkreta milstolparna
längs vägen.
Fyll i nuläge ({missingBaselines.length} kvar) i kolumnen längst till vänster så coachen
kan föreslå realistiska mål baserat på var {member.name} faktiskt står idag.
)}
{suggestState.error && (
{suggestState.error}
)}
{keyTestIds.length === 0 ? (
Inga nyckel-tester valda än.
Lägg till tester ovan, sedan kan du sätta säsongsmål här.
Mål för innevarande säsong skapas som utmaningar och låses när säsongen slutar.
Coachens förslag justerar bara de tre kommande säsongerna — innevarande mål rörs inte.
)}
);
}
// ============================================================================
// GoalTrackEditor — dream + 3yr vision + 1yr target editable text areas
// ============================================================================
function GoalTrackEditor({ memberId, member, track, canEdit, onChange }) {
const t = track || { dream: '', three_year_vision: '', one_year_target: '' };
const save = (patch) => {
window.saveGoalTrack(memberId, patch);
onChange();
};
return (
save({ dream: v })}
canEdit={canEdit}
memberColor={member.color}
/>
save({ three_year_vision: v })}
canEdit={canEdit}
memberColor={member.color}
/>
save({ one_year_target: v })}
canEdit={canEdit}
memberColor={member.color}
/>
);
}
function Hr() {
return ;
}
function NarrativeField({ eyebrow, hint, value, onSave, canEdit, memberColor }) {
const [draft, setDraft] = useState(value || '');
const [editing, setEditing] = useState(false);
// Keep draft in sync if the underlying value changes (e.g. async load)
useEffect(() => { setDraft(value || ''); }, [value]);
const onBlur = () => {
setEditing(false);
if ((draft || '') !== (value || '')) {
onSave(draft);
}
};
return (