const { useState, useMemo } = React; function Sidebar({ pages, currentSlug, user, config, onNavigate, onSearch, onNewPage, onSettings, onLogin, onLogout }) { const [collapsed, setCollapsed] = useState({}); const groups = useMemo(() => { const map = {}; const root = []; for (const p of pages) { const parts = p.slug.split('/'); if (parts.length === 1) { root.push(p); } else { const group = parts[0]; if (!map[group]) map[group] = []; map[group].push(p); } } return { root, grouped: map }; }, [pages]); function toggle(key) { setCollapsed(c => ({ ...c, [key]: !c[key] })); } const worldInitial = (config.worldName || 'W')[0].toUpperCase(); return ( ); } Object.assign(window, { Sidebar });