feat: billing complete — plans page, admin billing, credit cost hints

/plans: страница тарифов с карточками, стоимостью операций, FAQ
/system → Биллинг: таблица пользователей с кредитами, ручное начисление
ChannelView: badge стоимости (2кр текст + 5кр картинка) под кнопкой генерации
  Ошибка INSUFFICIENT_CREDITS → понятное сообщение
  После генерации — event credits-updated → обновление badge в header
Header: подписка на credits-updated event
API роуты: /api/billing/plans, /api/billing/admin/users, /api/billing/admin/credit
This commit is contained in:
Ник (Claude)
2026-06-11 18:42:54 +03:00
parent 1cce478f27
commit 9bd38bc645
8 changed files with 380 additions and 10 deletions
+14 -3
View File
@@ -231,7 +231,14 @@ export default function ChannelView({ channel }) {
}),
});
const job = await createRes.json();
if (!createRes.ok) throw new Error(job.error || 'Ошибка');
if (!createRes.ok) {
if (job.code === 'INSUFFICIENT_CREDITS') {
throw new Error(`Недостаточно кредитов: нужно ${job.cost}, есть ${job.credits}. Пополните баланс на странице тарифов.`);
}
throw new Error(job.error || 'Ошибка');
}
// Триггер обновления баланса в header
if (job.credits_after !== null) window.dispatchEvent(new Event('credits-updated'));
let final;
for (let i = 0; i < 60; i++) {
@@ -447,8 +454,12 @@ export default function ChannelView({ channel }) {
</div>
<div className="flex items-center justify-between gap-3">
<div className="text-xs text-gray-500">
ИИ напишет пост в стиле твоего канала с учётом примеров
<div className="text-xs text-gray-500 space-y-0.5">
<div>ИИ напишет пост в стиле твоего канала с учётом примеров</div>
<div className="flex items-center gap-1.5 text-gray-600">
<span className="px-1.5 py-0.5 rounded bg-surface2 text-[11px]">2 кр текст</span>
{channel.image_enabled && <span className="px-1.5 py-0.5 rounded bg-surface2 text-[11px]">+ 5 кр картинка</span>}
</div>
</div>
<button onClick={() => generate(false)} disabled={generating || !topic.trim()} className="btn-primary">
{generating ? (