// Projects — filterable grid + side drawer function Projects(){ const [cat, setCat] = React.useState("all"); const [sel, setSel] = React.useState(null); const visible = cat === "all" ? PROJECTS : PROJECTS.filter(p => p.cat === cat); const ref = React.useRef(null); React.useEffect(()=>{ window.registerReveal && window.registerReveal(ref.current); },[]); // escape to close React.useEffect(()=>{ const h = e => { if (e.key === "Escape") setSel(null); }; window.addEventListener("keydown", h); return () => window.removeEventListener("keydown", h); }, []); return (
/ 02 · Selected Work

{PROJECTS.length === 0 ? <>Building.
Projects landing soon. : <>{PROJECTS.length} project{PROJECTS.length===1?"":"s"}.
One recurring pattern.}

SHIP · BREAK · READ DOCS · SHIP AGAIN
{CATEGORIES.length > 1 && (
{CATEGORIES.map(c => ( ))}
)}
{visible.length === 0 ? (
~/work $ ls
No artifacts yet — first drop incoming.
_
) : (
{visible.map((p, i) => ( ))}
)}
{/* drawer */}
setSel(null)}>
); } Object.assign(window, { Projects });