/* Left sidebar — site switcher, project list, user menu with solution settings */ const Sidebar = ({ projects, activeId, onSelect, onNew, onSite, siteActive, sites, activeSite, onSwitchSite, onNewSite, onSiteSettings, onSolutionSettings, solutionActive, onHelp, onAbout, onSignOut, onProfile, onProjectAction, }) => { const [menuFor, setMenuFor] = React.useState(null); const [menuPos, setMenuPos] = React.useState({ x: 0, y: 0 }); const [siteOpen, setSiteOpen] = React.useState(false); const [userOpen, setUserOpen] = React.useState(false); /* Group projects by lifecycle phase, not the legacy running/waiting/done status — closer to how teams actually talk about migration state. */ const phaseOf = (p) => p.phase || (p.status === 'running' ? 'rehearsal' : p.status === 'waiting' ? 'planning' : 'done'); const inSet = (arr) => (p) => arr.includes(phaseOf(p)); const groups = [ { key: 'active', label: 'In progress', items: projects.filter(inSet(['planning', 'analysis', 'rehearsal', 'sign-off'])) }, { key: 'cutover', label: 'Cutover · Hypercare', items: projects.filter(inSet(['cutover', 'hypercare'])) }, { key: 'done', label: 'Completed', items: projects.filter(inSet(['done'])) }, ]; React.useEffect(() => { if (!menuFor && !siteOpen && !userOpen) return; const close = () => { setMenuFor(null); setSiteOpen(false); setUserOpen(false); }; const esc = (e) => { if (e.key === 'Escape') close(); }; window.addEventListener('click', close); window.addEventListener('keydown', esc); return () => { window.removeEventListener('click', close); window.removeEventListener('keydown', esc); }; }, [menuFor, siteOpen, userOpen]); const openMenu = (e, projectId) => { e.stopPropagation(); const rect = e.currentTarget.getBoundingClientRect(); setMenuPos({ x: rect.right + 4, y: rect.top }); setMenuFor(projectId); }; const site = sites?.find(s => s.id === activeSite) || sites?.[0]; const siteName = site?.name || 'KDB Bank'; const siteBadge = siteName.split(' ').map(w => w[0]).join('').slice(0,3).toUpperCase(); return ( ); }; window.Sidebar = Sidebar;