);
};
// BotSources — откуда пришли подписчики бота за 30 дней.
//
// Метку кладёт start-параметр ссылки (?start=tt_video17). «Живых» и
// «с аккаунтом» показываем в той же строке: метка, приводящая людей, которые
// отписываются в тот же день, — это не работающая метка, и по одному общему
// числу её не отличить от работающей.
const BotSources = ({ rows }) => {
const data = rows || [];
return (
Подписчики бота
30 дней · по меткам ссылок
{data.length === 0 && }
{data.length > 0 && (
ИСТОЧНИКВСЕГО · ЖИВЫХ · С АККАУНТОМ
{data.map((r, i) => (
{/* Пустая метка — это «пришёл сам»: ссылкой без хвоста, поиском
по названию бота или из кабинета. Не то же, что метка с
пустым значением, поэтому и подписано словами. */}
{r.source || 'без метки'}
{fmtNum(r.total)} · {fmtNum(r.live)} · {fmtNum(r.linked)}
{/* Подписчики бота по источникам — верх бесплатной воронки, отдельно от
денежной: сюда приходят до всякой оплаты, и мерить их конверсией
заказов бессмысленно. */}
);
};
// ============ ORDERS ============
// orderIDFromPath — id заказа из адреса /admin/orders/{id}.
//
// По этому адресу приходят из алертов: письмо про упавший заказ ведёт прямо
// сюда. Раньше SPA показывала дашборд, потому что подпуть никто не читал, и
// «открыть заказ» из письма означало искать его в списке руками.
const orderIDFromPath = () => {
const m = /^\/admin\/orders\/([0-9a-fA-F-]{36})/.exec(location.pathname);
return m ? m[1] : '';
};
// ticketIDFromPath — id тикета из адреса /admin/support/{id}.
//
// Ровно как у заказа: алерт «новый тикет» ведёт этой ссылкой, и до сих пор она
// открывала общий список — админ читал письмо про конкретное обращение и шёл
// искать его глазами.
const ticketIDFromPath = () => {
const m = /^\/admin\/support\/([0-9a-fA-F-]{36})/.exec(location.pathname);
return m ? m[1] : '';
};
// BURN_RU — почему модель звали лишний раз. Термины кода («short», «judge_call»)
// в интерфейсе не читаются: смотреть в карточку будут не по коду, а по счёту.
const BURN_RU = {
judge_call: 'вычитка',
judge_rewrite: 'переписано по вычитке',
short: 'коротко',
parse: 'сломанный JSON',
cjk: 'иероглифы',
facts: 'разошлось с картой',
unknown: 'прочее',
};
const burnSummary = (x) => {
const r = x.burn_reasons || {};
const parts = Object.keys(r).filter(k => r[k] > 0)
.sort((a, b) => r[b] - r[a])
.map(k => (BURN_RU[k] || k) + (r[k] > 1 ? ' ×' + r[k] : ''));
const money = x.cost_burnt_usd ? ' · $' + Number(x.cost_burnt_usd).toFixed(4) : '';
return parts.length ? parts.join(', ') + money : '—';
};
// AdminOrderDetail — карточка заказа: что заказали, что сгенерилось и что упало.
//
// Главное здесь — таблица секций с попытками и текстом ошибки. Заказ падает
// посекционно, и без неё видно только итог («permanent failure in 1 sections»),
// по которому нельзя ни понять причину, ни решить, чинится ли она повтором.
const AdminOrderDetail = ({ id, onBack }) => {
const [state, setState] = React.useState({ loading: true, data: null, error: null });
const [busy, setBusy] = React.useState('');
const load = React.useCallback(async () => {
try {
const d = await adminFetch('/api/admin/orders/' + id);
setState({ loading: false, data: d, error: null });
} catch (e) {
setState({ loading: false, data: null, error: e.message });
}
}, [id]);
React.useEffect(() => { load(); }, [load]);
// Пока заказ считается — сам обновляемся: админ пришёл по алерту смотреть,
// добьётся ли ретрай успеха, и F5 в этом месте лишний.
const status = state.data && state.data.order && state.data.order.status;
React.useEffect(() => {
if (status !== 'generating' && status !== 'paid') return;
const t = setInterval(load, 5000);
return () => clearInterval(t);
}, [status, load]);
const act = async (endpoint, body) => {
setBusy(endpoint);
try {
await adminFetch('/api/admin/orders/' + id + '/' + endpoint, {
method: 'POST',
body: body ? JSON.stringify(body) : null,
});
await load();
} catch (e) {
alert('Ошибка: ' + e.message);
} finally {
setBusy('');
}
};
if (state.loading) return
;
if (state.error) return
;
const o = state.data.order || {};
const secs = state.data.sections || [];
const user = state.data.user || {};
const color = ORDER_STATUS_COLORS[o.status] || 'celest';
const problem = secs.filter(x => x.status === 'failed' || (x.error_message || '').length > 0);
const field = (label, value) => (
{x.position}{x.key}{x.status_ru || x.status}{x.attempts}{x.error_message || '—'}
{/* На чём секция потратила лишние вызовы модели: вычитка, слишком
короткий ответ, сломанный JSON. Три четверти счёта уходит сюда,
и без разбивки непонятно, что именно чинить. */}
{burnSummary(x)}
{x.duration_ms ? Math.round(x.duration_ms / 1000) + ' с' : '—'}