/* ========================================================= trackers.jsx — trackers overview + tracker detail ========================================================= */ function TrackersPage() { const { state } = useStore(); const rollups = TRACKERS.map(t => { const done = completedOn(state, t.slug); return { ...t, done, ratio: t.count ? done / t.count : 0 }; }); return (
// TRACKERS} title="Four surfaces, one climb." sub="Each platform owns its own catalog and accent color. Click in to check off, take notes, and track skill drift." />
{rollups.map(t => (
{t.short}

{t.label}

{Math.round(t.ratio * 100)}%
// {t.track.toUpperCase()}

{t.description}

{t.done} / {t.count} OPEN →
))}
); } /* ---------- Tracker Detail ---------- */ function TrackerDetailPage({ slug }) { const { state, actions } = useStore(); const tracker = TRACKERS.find(t => t.slug === slug); const challenges = ALL_CHALLENGES.filter(c => c.platform === slug); const [filter, setFilter] = useState("all"); // all, todo, wip, done const [search, setSearch] = useState(""); const [openId, setOpenId] = useState(null); if (!tracker) return ; const filtered = challenges.filter(c => { const p = state.progress[c.id] || { status: "idle" }; if (filter === "todo" && p.status === "done") return false; if (filter === "todo" && p.status === "wip") return false; if (filter === "wip" && p.status !== "wip") return false; if (filter === "done" && p.status !== "done") return false; if (search && !(`${c.title} ${c.tags?.join(" ")}`).toLowerCase().includes(search.toLowerCase())) return false; return true; }); const done = completedOn(state, slug); const ratio = challenges.length ? done / challenges.length : 0; const xpEarned = challenges.reduce((acc, c) => state.progress[c.id]?.status === "done" ? acc + c.xp : acc, 0); const xpTotal = challenges.reduce((a, c) => a + c.xp, 0); const openChallenge = openId ? challenges.find(c => c.id === openId) : null; return (
// TRACKER · {tracker.label.toUpperCase()}} title={ <> {tracker.track} / {challenges.length} {slug === "psw" ? "labs" : slug === "htb" ? "machines" : slug === "thm" ? "rooms" : "levels"} } sub={tracker.description} action={
{Math.round(ratio * 100)}% {done} / {challenges.length}
} /> {/* progress strip */}
// COMPLETION
{done} / {challenges.length}
// XP EARNED
{xpEarned.toLocaleString()}/ {xpTotal.toLocaleString()}
// AVG DIFFICULTY
a+c.difficulty,0)/Math.max(1,challenges.length))} /> {(challenges.reduce((a,c)=>a+c.difficulty,0)/Math.max(1,challenges.length)).toFixed(1)}/5
{/* Filter / search */}
{[ { id: "all", label: "All", count: challenges.length }, { id: "todo", label: "To do", count: challenges.filter(c => (state.progress[c.id]?.status || "idle") === "idle").length }, { id: "wip", label: "In progress",count: challenges.filter(c => state.progress[c.id]?.status === "wip").length }, { id: "done", label: "Done", count: challenges.filter(c => state.progress[c.id]?.status === "done").length }, ].map(f => ( ))}
setSearch(e.target.value)} />
{/* List */}
    {filtered.length === 0 ? (
    • ) : filtered.map(c => { const p = state.progress[c.id] || { status: "idle" }; const isDone = p.status === "done"; const isWip = p.status === "wip"; return (
  • {isWip ? : null}
    {c.xp} xp
    {!isDone ? ( ) : null}
    • ); })}
setOpenId(null)} size="lg" title={openChallenge ? openChallenge.title : ""} footer={openChallenge ? ( <> {state.progress[openChallenge.id]?.status !== "done" ? ( ) : ( )} ) : null} > {openChallenge ? : null}
); } /* ---------- Challenge detail (inside modal) ---------- */ function ChallengeDetail({ challenge }) { const { state, actions } = useStore(); const p = state.progress[challenge.id] || { status: "idle", notes: "", timeMin: 0 }; const [notes, setNotes] = useState(p.notes || ""); const [savedAt, setSavedAt] = useState(null); const tracker = TRACKERS.find(t => t.slug === challenge.platform); // debounced save useEffect(() => { if (notes === (p.notes || "")) return; const id = setTimeout(() => { actions.updateNotes(challenge.id, notes); setSavedAt(new Date()); }, 400); return () => clearTimeout(id); }, [notes]); return (
{tracker?.short} {challenge.track}
{challenge.xp} xp
{challenge.tags?.map(t => {t})}
// NOTES & COMMANDS