); } // ---------- Бренд ---------- function Brand({ compact }) { return (

{!compact && (

ЛАН-ПРОЕКТ

Портал поддержки

)}

); } // ---------- Статусный бейдж (tone -> variant DS) ---------- function StatusBadge({ tone, dot, icon, children }) { const map = { online: 'online', active: 'online', warning: 'neutral', danger: 'neutral', accent: 'accent' }; const style = tone === 'warning' ? { background: 'rgba(245,158,11,0.12)', color: 'var(--amber-500)', border: '1px solid rgba(245,158,11,0.3)' } : tone === 'danger' ? { background: 'rgba(239,68,68,0.12)', color: 'var(--red-500)', border: '1px solid rgba(239,68,68,0.3)' } : {}; return ( {children} ); } // ---------- Сайдбар ---------- function NavItem({ active, icon, label, badge, soon, onClick }) { const [h, setH] = React.useState(false); return ( ); } function NavGroup({ title, children }) { return (

{title}

{children}

); } function initials(name) { if (!name) return '—'; return name.trim().split(/\s+/).map((s) => s[0]).slice(0, 2).join('').toUpperCase(); } function Sidebar({ route, nav, role, user, onRoleSwitch, onLogout, updatesCount }) { const is = (s) => route.screen === s || (s === 'dashboard' && route.screen === 'product') || (s === 'updates' && route.screen === 'version'); return (

{role === 'client' ? ( nav({ screen: 'dashboard' })} /> nav({ screen: 'updates' })} /> nav({ screen: 'profile' })} /> ) : ( nav({ screen: 'admin-products' })} /> nav({ screen: 'admin-versions' })} /> nav({ screen: 'admin-licenses' })} /> nav({ screen: 'admin-users' })} /> nav({ screen: 'admin-log' })} /> )}

{initials(user && user.display_name)}

{(user && user.display_name) || (role === 'admin' ? 'Администратор' : 'Клиент')}

{(user && user.org) || (role === 'admin' ? 'ЛАН-ПРОЕКТ' : '')}

); } // ---------- Топбар ---------- function Crumbs({ items }) { return (
{items.map((it, i) => ( {i > 0 && } {it.label} ))}
); } function NotificationsBell({ items }) { const [open, setOpen] = React.useState(false); const count = items.length; const toneColor = { danger: 'var(--red-500)', warning: 'var(--amber-500)', accent: 'var(--accent-light)' }; React.useEffect(() => { if (!open) return; const onKey = (e) => { if (e.key === 'Escape') setOpen(false); }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [open]); return (
{open && (
setOpen(false)} style={{ position: 'fixed', inset: 0, zIndex: 40 }} />

Уведомления {count}
{count === 0 ? (
Нет новых уведомлений
) : (
{items.map((n) => ( ))}
)}
)}
); } function TopBar({ crumbs, notifications = [] }) { return (

Защищённое соединение

); } // ---------- Заголовок страницы ---------- function PageHeading({ eyebrow, title, subtitle, actions }) { return (

{eyebrow &&
{eyebrow}
}
{title}
{subtitle &&
{subtitle}
}
{actions &&
{actions}
}
); } // ---------- Экран входа ---------- // variant: 'client' (по умолчанию) | 'admin'. Админ-вход вынесен в отдельный файл. function LoginScreen({ onLogin, variant = 'client' }) { const isAdmin = variant === 'admin'; const [email, setEmail] = React.useState(''); const [password, setPassword] = React.useState(''); const [error, setError] = React.useState(''); const [busy, setBusy] = React.useState(false); const submit = async () => { if (busy) return; setError(''); setBusy(true); try { // При успехе App переключит экран — busy не сбрасываем. await onLogin(email.trim(), password); } catch (e) { if (e && e.code === 'invalid_credentials') setError('Неверная почта или пароль.'); else if (e && e.code === 'forbidden') setError('Эта учётная запись не имеет доступа сюда.'); else if (e && (e.code === 'too_many_requests' || e.status === 429)) setError('Слишком много попыток входа. Подождите минуту и попробуйте снова.'); else setError('Не удалось войти. Проверьте соединение и попробуйте снова.'); setBusy(false); } }; const onKey = (e) => { if (e.key === 'Enter') submit(); }; return (

{isAdmin && (
Служебный доступ
)}
{isAdmin ? 'Вход для администратора' : 'Вход в кабинет'}

{isAdmin ? 'Управление продуктами, версиями, лицензиями и журналом выдач' : 'Доступ к продуктам, лицензиям и обновлениям'}

setEmail(e.target.value)} onKeyDown={onKey} fullWidth />

setPassword(e.target.value)} onKeyDown={onKey} fullWidth />
{error && (
{error}
)}
{isAdmin ? ( Кабинет клиента ) : ( Вход для администратора )} Забыли пароль?

{isAdmin ? 'Служебный портал. Все действия фиксируются в журнале аудита.' : 'Размещение данных на территории РФ (152-ФЗ). Доступ к обновлениям — по\u00a0правам лицензии.'}

); } // ---------- Тёмный селект (нативный