/* ctor-team-access.jsx — sub-tab «Доступ»: делегирование прав вкладки «Команда» Super выдаёт пакет team_profile_editor (CRUD профилей и бригад) БЕЗ аналитики и publish. ТЗ §3.1 (делегирование), §3.1.2 (capabilities), §3.1.3 (UI выдачи), §3.1.4 (аудит), §8.1 (матрица). */ const { useState: acUseState } = React; /* ============ КАНДИДАТЫ (платформенные аккаунты с userId) ============ */ /* Делегатами обычно становятся People Ops, старший менеджер, координатор (§3.1). В список попадают пользователи, у кого есть userId — в т.ч. штатные профили команды. */ const ACCESS_USERS_SEED = [ { id: 'u_lebedeva', name: '—', title: 'People Ops · HR', platform: 'people_ops', staff: false, seen: 'Сегодня, 11:24', online: true, hue: 268 }, { id: 'u_doronin', name: '—', title: 'Старший менеджер', platform: 'manager', staff: true, seen: '2 часа назад', online: true, hue: 212 }, { id: 'u_kuznetsova',name:'—', title: 'Операционный координатор',platform: 'people_ops', staff: false, seen: 'Вчера, 18:02', online: false, hue: 24 }, { id: 'u_vlasov', name: '—', title: 'Менеджер проекта', platform: 'manager', staff: true, seen: '3 дня назад', online: false, hue: 158 }, { id: 'u_karpov', name: '—', title: 'Прораб · Бригада «Капитал»', platform: 'foreman', staff: true, seen: '5 дней назад', online: false, hue: 4 }, ]; /* ============ persistence ============ */ const K_ACCESS = 'ctor_team_access'; function loadAccessGrants() { try { const r = localStorage.getItem(K_ACCESS); return r ? JSON.parse(r) : {}; } catch (e) { return {}; } } function saveAccessGrants(g) { try { localStorage.setItem(K_ACCESS, JSON.stringify(g)); } catch (e) {} } function countDelegates(g) { return Object.values(g || {}).filter((x) => x && x.editor).length; } /* ============ матрица capabilities (§3.1.2 / §8.1) ============ */ /* state: 'yes' | 'no' | 'opt' (опционально для делегата) */ const CAP_MATRIX = [ { cap: 'catalog:team:read', label: 'Просмотр вкладки «Команда»', super: 'yes', deleg: 'yes', analyst: 'no' }, { cap: 'catalog:team:write', label: 'Правка профилей, бригад, parent', super: 'yes', deleg: 'yes', analyst: 'no' }, { cap: 'catalog:team:roles:write', label: 'Справочник trade-ролей', super: 'yes', deleg: 'opt', analyst: 'no' }, { cap: 'catalog:subs:write', label: 'Субподрядчики (запись)', super: 'yes', deleg: 'opt', analyst: 'no' }, { cap: 'catalog:publish', label: 'Публикация каталога', super: 'yes', deleg: 'no', analyst: 'no' }, { cap: 'users:activity:read', label: 'Аналитика активности людей', super: 'yes', deleg: 'no', analyst: 'yes' }, { cap: 'crm:analytics:read', label: 'CRM / маркетинг-дашборды', super: 'yes', deleg: 'no', analyst: 'yes' }, ]; /* ============ аудит (§3.1.4) — кто из делегатов что менял ============ */ const AUDIT_META = { catalog_team_profile_created: { l: 'Создал профиль', ic: 'plus', c: 'var(--success-strong)', bg: 'var(--success-soft)' }, catalog_team_profile_updated: { l: 'Изменил профиль', ic: 'pencil', c: 'var(--text-secondary)', bg: 'var(--secondary)' }, catalog_team_crew_updated: { l: 'Состав бригады', ic: 'users', c: 'var(--primary)', bg: 'var(--primary-soft)' }, catalog_team_parent_changed: { l: 'Перевод под крыло', ic: 'tree', c: '#7c3aed', bg: 'color-mix(in srgb, #7c3aed 12%, transparent)' }, }; const ACCESS_AUDIT_SEED = [ { id: 'a1', type: 'catalog_team_profile_created', actor: 'u_lebedeva', target: 'Дизайнер · Елена Соболева', time: 'Сегодня, 11:20' }, { id: 'a2', type: 'catalog_team_parent_changed', actor: 'u_lebedeva', target: '—', time: 'Сегодня, 10:58' }, { id: 'a3', type: 'catalog_team_crew_updated', actor: 'u_doronin', target: 'Бригада «Капитал» · +Электрик', time: 'Вчера, 17:41' }, { id: 'a4', type: 'catalog_team_profile_updated', actor: 'u_doronin', target: '—', time: '20 июня, 14:09' }, { id: 'a5', type: 'catalog_team_profile_created', actor: 'u_kuznetsova', target: 'Исполнитель · Тимур Яковлев', time: '19 июня, 09:33' }, ]; /* ============ финансовый контур (Б): пакеты бухгалтера ============ */ const FINANCE_USERS_SEED = [ { id: 'f_sokolova', name: '—', title: 'Главный бухгалтер', seen: 'Сегодня, 09:50', hue: 158 }, { id: 'f_gushchina', name: '—', title: 'Помощник бухгалтера', seen: 'Сегодня, 12:10', hue: 286 }, { id: 'f_titov', name: '—', title: 'Финансовый ассистент', seen: '2 дня назад', hue: 40 }, ]; /* caps: [label, allowed] */ const FINANCE_PACKAGES = [ { id: 'accountant', name: 'Бухгалтер', slug: 'accountant', desc: 'Полный финансовый контур: счета, платежи, дебиторка, закрытие периода.', caps: [['Счета и акты', true], ['Платежи · ввод', true], ['Утверждение платежей', true], ['Дебиторка', true], ['Закрытие периода', true], ['Себестоимость и маржа', true]] }, { id: 'assistant', name: 'Помощник бухгалтера', slug: 'accountant_assistant', desc: 'Операционный ввод и сверка — без утверждения платежей и доступа к марже.', caps: [['Счета и акты · ввод', true], ['Платежи · ввод', true], ['Сверка и документы', true], ['Утверждение платежей', false], ['Закрытие периода', false], ['Себестоимость и маржа', false]] }, ]; const K_FINANCE = 'ctor_finance_access'; function loadFinanceGrants() { try { const r = localStorage.getItem(K_FINANCE); return r ? JSON.parse(r) : { f_sokolova: 'accountant', f_gushchina: 'assistant' }; } catch (e) { return {}; } } function saveFinanceGrants(g) { try { localStorage.setItem(K_FINANCE, JSON.stringify(g)); } catch (e) {} } /* ============ helpers ============ */ function acInitials(n) { return (n || '?').split(/\s+/).map((w) => w[0]).slice(0, 2).join('').toUpperCase(); } function userById(id) { return ACCESS_USERS_SEED.find((u) => u.id === id); } const PLATFORM_LABEL = { people_ops: 'People Ops', manager: 'Менеджер', foreman: 'Прораб', designer: 'Дизайнер' }; const ACC_IC = { plus: , pencil: , users: , tree: , lock: , check: , shield: , }; /* ============ Switch ============ */ function Switch({ on, onChange, disabled }) { return ( ); } /* ============ ячейка матрицы ============ */ function MatrixCell({ state }) { if (state === 'yes') return {ACC_IC.check}; if (state === 'opt') return опц.; return —; } /* ============ матрица capabilities ============ */ function CapMatrixCard() { const cols = [ { k: 'super', t: 'Super', s: 'Полный доступ' }, { k: 'deleg', t: 'Делегат', s: 'Редактор команды' }, { k: 'analyst', t: 'Аналитик', s: 'marketing_analyst' }, ]; return (
Что даёт каждая роль
Делегат «Редактор команды» получает правку профилей, но не публикацию и не аналитику.
Возможность
{cols.map((c) => (
{c.t}
{c.s}
))}
{CAP_MATRIX.map((row, i) => (
{row.label}
{row.cap}
))}
); } /* ============ превью «что увидит делегат» ============ */ function DelegatePreview({ rolesIncluded }) { const topTabs = ['Смета', 'Опции', 'Чек-листы', 'Заметки', 'Связи', 'Команда', 'Замеры', 'Материалы']; // делегат видит штат + субподряд; sub-tab «Доступ» ему недоступен (07 §3.1, L8) const subTabs = [['Команда (штат)', true], ['Субподрядчики', true], ['Доступ', false]]; return (
Что увидит делегат
Scoped-режим: только вкладка «Команда». Остальные разделы конструктора и публикация скрыты.
{/* mock frame */}
/calculator-constructor?tab=team
{/* top tabs — только Команда активна */}
{topTabs.map((t) => { const active = t === 'Команда'; return ( {!active && {ACC_IC.lock}}{t} ); })}
{/* sub-tabs */}
{subTabs.map(([l, show], i) => ( {!show && {ACC_IC.lock}}{l} ))}
{/* справочник специальностей — внутри штата, редактируем только с под-тумблером */}
{rolesIncluded ? ACC_IC.check : ACC_IC.lock}Справочник специальностей {rolesIncluded ? '· можно править' : '· только просмотр'}
{/* фейковые строки */}
{[1, 2].map((r) => (
можно править
))}
{/* footer: publish скрыт */}
{ACC_IC.lock} Опубликовать — только Super {ACC_IC.lock} Активность — скрыта
); } /* ============ строка пользователя ============ */ function UserAccessRow({ u, grant, onChange, last }) { const editor = !!(grant && grant.editor); const roles = !!(grant && grant.roles); return (
{acInitials(u.name)} {u.online && }
{u.name} {PLATFORM_LABEL[u.platform] || u.platform} {u.staff && из штата}
{u.title} · был: {u.seen}
Редактор команды onChange({ editor: v, roles: v ? roles : false })} />
{/* раскрытие: что выдано + опция роли */} {editor && (
)}
); } function CapChip({ on, muted, label }) { if (muted) return ( {ACC_IC.lock}{label} ); return ( {on ? ACC_IC.check : ACC_IC.lock}{label} ); } /* ============ финансовые пакеты (Б) ============ */ function FinancePackages({ finance, setFinance }) { const assign = (uid, pkg) => setFinance((g) => { const next = { ...g }; if (next[uid] === pkg) delete next[uid]; else next[uid] = pkg; return next; }); return (
Финансовый контур · пакеты прав

Бухгалтер и помощник — платформенные аккаунты, не профили сметы. Помощнику выдаётся урезанный пакет: ввод и сверка без утверждения платежей, закрытия периода и доступа к марже.

{FINANCE_PACKAGES.map((pkg) => { const assigned = FINANCE_USERS_SEED.filter((u) => finance[u.id] === pkg.id); return (
{ACC_IC.shield} {pkg.name} {assigned.length}
{pkg.desc}
{pkg.slug}
{pkg.caps.map(([l, ok]) => )}
Кому выдан
{FINANCE_USERS_SEED.map((u) => { const on = finance[u.id] === pkg.id; const otherPkg = finance[u.id] && finance[u.id] !== pkg.id; return (
{acInitials(u.name)}
{u.name}
{u.title}{otherPkg ? ' · уже: ' + (FINANCE_PACKAGES.find((p) => p.id === finance[u.id]) || {}).name : ''}
assign(u.id, pkg.id)} />
); })}
); })}
); } /* ============ лента аудита (§3.1.4) ============ */ function AuditFeed({ grants }) { // показываем все исторические события; помечаем актёров, у кого сейчас активны права return (
Аудит изменений команды
Кто из делегатов менял шаблоны — видно только Super
{ACCESS_AUDIT_SEED.map((ev, i) => { const m = AUDIT_META[ev.type]; const actor = userById(ev.actor); const active = !!(grants[ev.actor] && grants[ev.actor].editor); return (
{ACC_IC[m.ic]}
{m.l} · {ev.target}
{actor ? acInitials(actor.name) : '?'} {actor ? actor.name : 'Неизвестно'} {!active && права отозваны}
{ev.time}
); })}
); } /* ============ главная панель ============ */ function AccessPanel({ grants, setGrants }) { const setGrant = (uid, patch) => setGrants((g) => { const next = { ...g, [uid]: { ...(g[uid] || {}), ...patch } }; if (!next[uid].editor) delete next[uid]; return next; }); const [finance, setFinance] = acUseState(() => loadFinanceGrants()); React.useEffect(() => { saveFinanceGrants(finance); }, [finance]); const n = countDelegates(grants); const rolesIncluded = Object.values(grants).some((x) => x && x.editor && x.roles); const LAC = window.LiveAccessCenter; return (
{/* W3: живой центр — учётные записи, матрица, активность, аудит */} {LAC && } {/* заголовок + инвариант */}
Делегирование прав · демо-контур

Выдайте доверенному сотруднику право вести профили и бригады во вкладке «Команда» — без доступа к публикации каталога, аналитике активности и CRM.

{ACC_IC.shield} {n} {n === 1 ? 'делегат' : (n >= 2 && n <= 4 ? 'делегата' : 'делегатов')}
{/* инвариант-плашка */}
{ACC_IC.lock}
Делегат сохраняет только черновик. Публикацию каталога подтверждает Super — и видит правки делегата в diff группы «Команда». Аналитика активности и CRM-дашборды делегату недоступны.
{/* двухколоночный: список + превью */}
Кто может редактировать команду
{ACCESS_USERS_SEED.length} пользователей с аккаунтом
{ACCESS_USERS_SEED.map((u, i) => ( setGrant(u.id, patch)} last={i === ACCESS_USERS_SEED.length - 1} /> ))}
{/* матрица */}
{/* финансовые пакеты (Б) */}
{/* аудит */}
); } Object.assign(window, { AccessPanel, loadAccessGrants, saveAccessGrants, countDelegates });