{fmtNum(state.total)} заказов всего
Заказы
{state.error &&
}
{!state.error && state.loading && state.orders.length === 0 &&
}
{!state.error && !state.loading && state.orders.length === 0 &&
}
{state.orders.length > 0 && (
{['ID', 'Клиент', 'По кому', 'Продукт', 'Дата', 'Сумма', 'Статус', 'Действия'].map((h, i) => (
{h}
))}
{state.orders.map((r, i) => (
{r.id.slice(0, 8)}
{r.user_name || '—'}
{r.user_email}
{r.person_name || —}
{r.service_ru}
{fmtDateTime(r.created_at)}
{fmtRub(r.amount_rub)}
{r.status_ru}
{r.status === 'ready' && (
)}
{(r.status === 'failed' || r.status === 'ready' || r.status === 'generating') && (
)}
{r.status === 'ready' && (
)}
{['paid', 'generating', 'ready', 'failed'].includes(r.status) && (
)}
))}
)}
{state.total > 0 && (
{(page - 1) * pageSize + 1}–{Math.min(page * pageSize, state.total)} из {fmtNum(state.total)}
{page} / {totalPages}
)}
);
};
// ============ USERS ============
const AdminUsers = () => {
const [state, setState] = React.useState({ loading: true, users: [], total: 0, stats: {}, error: null });
const [q, setQ] = React.useState('');
const [page, setPage] = React.useState(1);
const [promoting, setPromoting] = React.useState(null);
const pageSize = 50;
const load = React.useCallback(async () => {
setState(s => ({ ...s, loading: true, error: null }));
try {
const params = new URLSearchParams({ limit: String(pageSize), offset: String((page - 1) * pageSize) });
if (q) params.set('q', q);
const d = await adminFetch('/api/admin/users?' + params.toString());
setState({ loading: false, users: d.users || [], total: d.total || 0, stats: d.stats || {}, error: null });
} catch (e) {
setState({ loading: false, users: [], total: 0, stats: {}, error: e.message });
}
}, [q, page]);
React.useEffect(() => {
const t = setTimeout(load, 250);
return () => clearTimeout(t);
}, [load]);
const onToggleRole = async (u) => {
const newRole = u.role === 'admin' ? 'user' : 'admin';
if (!confirm(`Сменить роль ${u.email} на «${newRole}»?`)) return;
setPromoting(u.id);
try {
await adminFetch(`/api/admin/users/${u.id}/role`, { method: 'POST', body: JSON.stringify({ role: newRole }) });
await load();
} catch (e) {
alert('Ошибка: ' + e.message);
} finally {
setPromoting(null);
}
};
const tierColors = { gold: 'gold', silver: 'celest', new: 'sage', refund: 'rose' };
const tierLabels = { gold: 'Gold (5к+)', silver: 'Silver', new: 'Новый', refund: 'Возврат' };
const totalPages = Math.max(1, Math.ceil(state.total / pageSize));
return (
{fmtNum(state.total)} пользователей · {fmtNum(state.stats.paying || 0)} платящих
Пользователи
{state.error &&
}
{!state.error && state.loading && state.users.length === 0 &&
}
{!state.error && !state.loading && state.users.length === 0 &&
}
{state.users.length > 0 && (
{['Пользователь', 'Регистрация', 'Заказов', 'LTV', 'Активность', 'Сегмент', 'Роль'].map((h, i) => (
{h}
))}
{state.users.map((u, i) => (
{(u.name || u.email || '?')[0].toUpperCase()}
{u.name || '—'}
{u.email}
{fmtDate(u.created_at)}
{u.orders_paid || 0}
{fmtRub(u.total_spent_rub || 0)}
{u.last_order_at ? fmtRelTime(u.last_order_at) : '—'}
{tierLabels[u.tier] || u.tier}
))}
)}
{state.total > 0 && (
{(page - 1) * pageSize + 1}–{Math.min(page * pageSize, state.total)} из {fmtNum(state.total)}
{page} / {totalPages}
)}
);
};
// ============ AI LOGS ============
const AdminAI = () => {
const [state, setState] = React.useState({ loading: true, logs: [], stats: {}, error: null });
const load = React.useCallback(async () => {
setState(s => ({ ...s, loading: true, error: null }));
try {
const d = await adminFetch('/api/admin/ai?limit=200');
setState({ loading: false, logs: d.logs || [], stats: d.stats || {}, error: null });
} catch (e) {
setState({ loading: false, logs: [], stats: {}, error: e.message });
}
}, []);
React.useEffect(() => { load(); }, [load]);
const statusColor = { generating: 'gold', ready: 'sage', failed: 'rose', paid: 'gold', pending_payment: 'celest' };
const s = state.stats || {};
const fmtDur = (sec) => {
if (!sec) return '0с';
if (sec < 60) return `${Math.round(sec)}с`;
const m = Math.floor(sec / 60);
const ss = Math.round(sec - m * 60);
return `${m}:${String(ss).padStart(2, '0')}`;
};
return (
{state.tests.filter(t => t.status === 'running').length} идут · {state.tests.filter(t => t.status !== 'running').length} завершено
A/B тесты
{state.error &&
}
{!state.error && state.loading &&
}
{!state.error && !state.loading && state.tests.length === 0 &&
}
{state.tests.length > 0 && (
{state.tests.map((t) => {
// Объединяем variants meta с stats по key
const statsByKey = {};
(t.stats || []).forEach(s => { statsByKey[s.key] = s; });
const variants = (t.variants || []).length
? t.variants.map(v => ({ ...v, ...(statsByKey[v.key] || {}) }))
: (t.stats || []);
const winner = t.winner || '';
const totalUsers = variants.reduce((a, v) => a + (v.users || 0), 0);
// Find best by conv_pct for visual highlight
let bestKey = null, bestConv = -1;
variants.forEach(v => { if ((v.conv_pct || 0) > bestConv) { bestConv = v.conv_pct || 0; bestKey = v.key; } });
return (
{t.name}
{t.status === 'running' ? 'идёт' : t.status}
key: {t.key} · {t.days || 0} дней · {fmtNum(totalUsers)} пользователей
{t.description &&
{t.description}
}
{variants.length === 0 &&
}
{variants.length > 0 && (
{variants.map((v, j) => {
const isWinner = winner === v.key || (winner === '' && v.key === bestKey && totalUsers > 0);
const isControl = j === 0;
const baseline = variants[0] ? (variants[0].conv_pct || 0) : 0;
const lift = j > 0 && baseline > 0 ? Math.round(((v.conv_pct || 0) - baseline) / baseline * 100) : null;
return (
{isWinner && (
лидер
)}
{v.name || v.key}
{(v.conv_pct || 0).toFixed(2)}
% конверсия
{fmtNum(v.users || 0)} юзеров · {fmtNum(v.purchases || 0)} конв.
{lift !== null && (
0 ? 'var(--sage)' : 'var(--rose)' }}>
{lift > 0 ? '+' : ''}{lift}%
)}
{isControl && контроль}
);
})}
)}
);
})}
)}
);
};
// ============ SUPPORT ============
const AdminSupport = () => {
const [state, setState] = React.useState({ loading: true, tickets: [], stats: {}, error: null });
const [filter, setFilter] = React.useState(''); // '', open, replied, closed
const [openTicket, setOpenTicket] = React.useState(null);
const load = React.useCallback(async () => {
setState(s => ({ ...s, loading: true, error: null }));
try {
const params = new URLSearchParams({ limit: '100' });
if (filter) params.set('status', filter);
const d = await adminFetch('/api/admin/support?' + params.toString());
setState({ loading: false, tickets: d.tickets || [], stats: d.stats || {}, error: null });
} catch (e) {
setState({ loading: false, tickets: [], stats: {}, error: e.message });
}
}, [filter]);
React.useEffect(() => { load(); }, [load]);
const s = state.stats || {};
return (
{t.id.slice(0, 8)}
{PRIO_LABELS[t.priority] || t.priority}
{t.user_email}
{t.subject}
{state.messages.map(m => (
{m.author === 'admin' ? 'Админ' : m.author === 'user' ? 'Клиент' : 'Система'}
{fmtDateTime(m.created_at)}
{m.body}
))}
{state.messages.length === 0 &&
}