neuroalpha 0.5.17 → 0.5.19

package/public/landing.html

@@ -333,10 +333,13 @@
         <a href="#paas-sec">Как работает PaaS</a>
         <a href="#brokers">Брокеры и мессенджеры</a>
         <a href="#pricing">Тарифы</a>
+        <a href="/splat3d.html">3D-демо</a>
       </nav>
-      <div style="display:flex;gap:10px" id="nav-auth">
-        <button class="btn" id="btn-login-open">Войти</button>
-        <a class="btn primary" href="#pricing" id="btn-nav-cta">Тарифы и подключение →</a>
+      <div style="display:flex;gap:10px;align-items:center;flex-wrap:wrap" id="nav-auth">
+        <button class="btn" id="btn-login-open" type="button">Войти</button>
+        <button class="btn primary" id="btn-reg-open" type="button">Регистрация</button>
+        <a class="btn" href="#pricing" id="btn-nav-cta">Тарифы →</a>
+        <button class="btn" id="btn-nav-logout" type="button" hidden style="color:#f87171;border-color:rgba(248,113,113,0.35)">Выйти</button>
       </div>
     </div>
   </header>
@@ -600,7 +603,12 @@
 
   <div class="modal" id="auth-modal" hidden>
     <div class="modal-box">
-      <h3 id="auth-title">Вход в НейроАльфа</h3>
+      <div style="display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#070b14;padding:4px;border-radius:10px;border:1px solid var(--line);margin-bottom:14px">
+        <button type="button" class="btn" id="tab-auth-reg" style="padding:8px 10px;font-size:13px;justify-content:center;border:0">Регистрация</button>
+        <button type="button" class="btn" id="tab-auth-login" style="padding:8px 10px;font-size:13px;justify-content:center;border:0">Вход в аккаунт</button>
+      </div>
+      <div id="auth-plan-banner" hidden style="margin-bottom:12px;padding:10px 12px;border-radius:10px;background:rgba(59,130,246,0.14);border:1px solid rgba(96,165,250,0.4);font-size:13px;color:#bfdbfe"></div>
+      <h3 id="auth-title" style="margin-top:0">Вход в НейроАльфа</h3>
       <div id="tg-bot-login-box" hidden style="margin-bottom:8px">
         <button type="button" class="oauth-btn full" id="btn-tg-bot-login" style="width:100%;background:rgba(36, 161, 222, 0.16);border-color:rgba(36, 161, 222, 0.45);color:#7dd3fc">
           <span class="oauth-ico" style="background:#24a1de;color:#fff">✈</span>
@@ -637,10 +645,10 @@
       </div>
       <div class="or-sep" id="oauth-or-sep" hidden>или по Email и паролю</div>
       <form id="auth-form">
-        <input name="name" id="auth-name" placeholder="Ваше имя" hidden>
-        <input name="email" type="email" required placeholder="Email">
+        <input name="name" id="auth-name" placeholder="Ваше имя (например, Иван)" hidden>
+        <input name="email" type="email" required placeholder="Ваш Email">
         <input name="password" type="password" required minlength="6" placeholder="Пароль (не короче 6 символов)">
-        <label style="display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--muted)"><input type="checkbox" required checked style="width:16px;height:16px;margin-top:2px"><span>Принимаю условия <a href="/legal#offer" target="_blank" style="color:#93c5fd">Публичной оферты</a>, <a href="/legal#privacy" target="_blank" style="color:#93c5fd">Политики конфиденциальности</a> и <a href="/legal#risks" target="_blank" style="color:#93c5fd">Декларации о рисках</a></span></label>
+        <label id="auth-offer-row" style="display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--muted)"><input type="checkbox" id="auth-offer-chk" required checked style="width:16px;height:16px;margin-top:2px"><span>Принимаю условия <a href="/legal#offer" target="_blank" style="color:#93c5fd">Публичной оферты</a>, <a href="/legal#privacy" target="_blank" style="color:#93c5fd">Политики конфиденциальности</a> и <a href="/legal#risks" target="_blank" style="color:#93c5fd">Декларации о рисках</a></span></label>
         <div class="err" id="auth-err"></div>
         <button class="btn primary" type="submit" id="auth-submit">Войти</button>
         <button class="btn" type="button" id="auth-toggle">Нет аккаунта? Зарегистрироваться</button>
@@ -653,6 +661,7 @@
   <div class="modal" id="offer-modal" hidden>
     <div class="modal-box" style="max-width:660px">
       <h3>Договор публичной оферты и Декларация о рисках</h3>
+      <div id="offer-account-banner" style="margin-bottom:12px"></div>
       <div style="background:#070b14;border:1px solid var(--line);border-radius:10px;padding:14px 16px;max-height:260px;overflow-y:auto;font-size:13px;line-height:1.55;color:#cbd5e1;margin-bottom:14px">
         <p style="margin-top:0"><b>1. Предмет договора:</b> Настоящая Публичная оферта регулирует предоставление доступа к облачной аналитической платформе «НейроАльфа» (PaaS/SaaS) согласно выбранному тарифному плану («Инвестор», «Профи», «VIP»).</p>
         <p><b>2. Правовой статус (отсутствие ИИР и ДУ):</b> Сервис является исключительно программно-техническим средством (калькулятором статистических закономерностей). Исполнитель <b>не осуществляет инвестиционное консультирование</b>, не даёт индивидуальных инвестиционных рекомендаций (ФЗ № 39-ФЗ) и не осуществляет доверительное управление. Все сделки совершаются Пользователем самостоятельно на его личном брокерском счёте.</p>
@@ -809,56 +818,168 @@
       </svg>`;
     }
 
+    let lastMeMeta = {};
+    let paymentSuccessBanner = '';
+    const PLAN_TITLES = { investor: 'Инвестор (3 900 ₽/мес)', pro: 'Профи (9 900 ₽/мес)', vip: 'VIP', owner: 'Хозяин', none: 'Без подписки' };
+    const escH = (s) => String(s ?? '').replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
+
+    function syncNavAuth() {
+      const loginBtn = document.getElementById('btn-login-open');
+      const regBtn = document.getElementById('btn-reg-open');
+      const logoutBtn = document.getElementById('btn-nav-logout');
+      const navCta = document.getElementById('btn-nav-cta');
+      if (currentUser) {
+        if (loginBtn) loginBtn.textContent = `👤 ${currentUser.name} · ${currentUser.planName}`;
+        if (regBtn) regBtn.hidden = true;
+        if (logoutBtn) logoutBtn.hidden = false;
+        if (navCta) {
+          if (currentUser.role === 'admin') {
+            navCta.href = '/admin';
+            navCta.textContent = 'Консоль админа →';
+            navCta.hidden = false;
+          } else {
+            navCta.href = '#cabinet-box';
+            navCta.textContent = 'Личный кабинет →';
+            navCta.hidden = false;
+          }
+        }
+      } else {
+        if (loginBtn) loginBtn.textContent = 'Войти';
+        if (regBtn) regBtn.hidden = false;
+        if (logoutBtn) logoutBtn.hidden = true;
+        if (navCta) {
+          navCta.href = '#pricing';
+          navCta.textContent = 'Тарифы →';
+          navCta.hidden = false;
+        }
+      }
+    }
+
+    async function doLogout(reopenRegWithPlan = null) {
+      await fetch('/api/auth/logout', { method: 'POST' }).catch(() => {});
+      currentUser = null;
+      paymentSuccessBanner = '';
+      syncNavAuth();
+      renderCabinet();
+      if (reopenRegWithPlan) {
+        pendingPlan = reopenRegWithPlan;
+        openAuth(true);
+      }
+    }
+
     function renderCabinet() {
       const cab = document.getElementById('cabinet-box');
+      syncNavAuth();
       if (!cab) return;
       if (!currentUser) {
         cab.hidden = true;
         return;
       }
       cab.hidden = false;
-      const escH = (s) => String(s ?? '').replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
-      // Терминал клиента работает на его машине (облако naXXXXXX.odant.org или свой компьютер) — см. блок «Где работать»
-      const navCta = document.getElementById('btn-nav-cta');
-      if (navCta) {
-        if (currentUser.role === 'admin') {
-          navCta.href = '/admin';
-          navCta.textContent = 'Панель админа →';
-          navCta.hidden = false;
-        } else {
-          navCta.hidden = true;
-        }
-      }
       const untilStr = currentUser.planUntil > Date.now()
         ? `оплачен до ${new Date(currentUser.planUntil).toLocaleDateString('ru-RU')}`
-        : 'бессрочно';
+        : (currentUser.plan && currentUser.plan !== 'none' ? 'бессрочно' : 'подписка не активна');
       const capLim = currentUser.limits?.maxCapitalPerAccountRub
         ? (currentUser.limits.maxCapitalPerAccountRub >= 100000000 ? 'без ограничений' : `до ${(currentUser.limits.maxCapitalPerAccountRub / 1000000).toLocaleString('ru-RU')} млн ₽/счёт`)
-        : 'демо-режим';
+        : 'требуется выбор тарифа';
+      const offerStr = currentUser.offerAcceptedAt
+        ? `<span class="pos">подписана ✓ (${new Date(currentUser.offerAcceptedAt).toLocaleDateString('ru-RU')})</span>`
+        : '<span style="color:var(--muted)">подписывается при оформлении тарифа</span>';
+      const nt = lastMeMeta.notify || {};
+      const code = currentUser.notifyCode || '';
+      const tgUrl = nt.tgBotName && code ? `https://t.me/${encodeURIComponent(nt.tgBotName)}?start=${encodeURIComponent(code)}` : '';
+      const maxUrl = nt.maxBotName && code ? `https://max.ru/${encodeURIComponent(nt.maxBotName)}?start=${encodeURIComponent(code)}` : '';
+      const payments = Array.isArray(currentUser.payments) ? currentUser.payments : [];
+      const payRowsHtml = payments.length
+        ? `<table style="width:100%;border-collapse:collapse;font-size:13px;margin-top:8px">
+            <thead><tr style="border-bottom:1px solid var(--line);color:var(--muted);text-align:left">
+              <th style="padding:6px 8px">Дата</th><th style="padding:6px 8px">Тариф</th><th style="padding:6px 8px">Период</th><th style="padding:6px 8px">Сумма</th><th style="padding:6px 8px">Статус</th>
+            </tr></thead>
+            <tbody>${payments.map((p) => {
+              const dt = p.created_at ? new Date(p.created_at).toLocaleString('ru-RU', { day: '2-digit', month: '2-digit', year: '2-digit', hour: '2-digit', minute: '2-digit' }) : '—';
+              const stBadge = p.status === 'succeeded'
+                ? '<span class="pos" style="font-weight:700">Оплачен ✓</span>'
+                : p.status === 'canceled'
+                  ? '<span class="neg">Отменён</span>'
+                  : `<span style="color:#fbbf24">Ожидает подтверждения</span> <button type="button" class="btn" data-verify-pid="${escH(p.id)}" style="padding:2px 8px;font-size:11.5px;margin-left:6px">Проверить</button>`;
+              return `<tr style="border-bottom:1px solid rgba(148,163,184,0.1)">
+                <td style="padding:6px 8px;color:var(--muted)">${escH(dt)}</td>
+                <td style="padding:6px 8px"><b>${escH(PLAN_TITLES[p.plan] || p.plan)}</b></td>
+                <td style="padding:6px 8px">${Number(p.months || 1)} мес.</td>
+                <td style="padding:6px 8px"><b>${Number(p.amount_rub || 0).toLocaleString('ru-RU')} ₽</b></td>
+                <td style="padding:6px 8px">${stBadge}</td>
+              </tr>`;
+            }).join('')}</tbody>
+          </table>`
+        : '<div style="font-size:13px;color:var(--muted);margin-top:6px">Платежей по этому аккаунту пока не было. Выберите тариф ниже или активируйте промокод.</div>';
+
       cab.innerHTML = `<div class="cab-card">
+        ${paymentSuccessBanner ? `<div style="margin-bottom:16px;padding:12px 16px;border-radius:12px;background:rgba(16,185,129,0.16);border:1px solid rgba(16,185,129,0.45);color:#a7f3d0;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:12px"><span>${escH(paymentSuccessBanner)}</span><button type="button" class="btn" id="btn-close-pay-banner" style="padding:4px 10px;font-size:12px">ОК</button></div>` : ''}
         <div class="cab-grid">
           <div>
-            <div class="sec-tag" style="margin-bottom:4px">Личный кабинет PaaS · Аккаунт активен</div>
+            <div class="sec-tag" style="margin-bottom:4px">Личный кабинет клиента · ${currentUser.role === 'admin' ? 'Администратор платформы' : 'Аккаунт активен'}</div>
             <h3 style="margin:0 0 8px;font-size:22px">${escH(currentUser.name)} <span style="color:var(--muted);font-weight:400;font-size:15px">(${escH(currentUser.email)})</span></h3>
-            <div style="margin-bottom:14px;font-size:14.5px;color:#cbd5e1">
-              Тариф: <b class="pos">${currentUser.planName}</b> (${untilStr}) · Брокерских счетов: до <b>${currentUser.limits?.maxBrokerAccounts ?? 0}</b> (${capLim}) · Режим: <b>${currentUser.limits?.allowShorts ? 'в рост и в падение (с шортом)' : 'только в рост (без шорта)'}</b>.
-            </div>
-            <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center">
-              <input id="cab-promo-in" placeholder="Промокод или VIP-токен" style="padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:13.5px;width:220px">
-              <button type="button" class="btn" id="cab-promo-btn" style="padding:8px 14px;font-size:13px">Активировать код</button>
+            <div style="margin-bottom:10px;font-size:14.5px;color:#cbd5e1;line-height:1.55">
+              Тариф: <b class="${currentUser.plan === 'none' ? '' : 'pos'}">${escH(currentUser.planName)}</b> (${escH(untilStr)}) · Брокерских счетов: до <b>${currentUser.limits?.maxBrokerAccounts ?? 0}</b> (${escH(capLim)}) · Режим: <b>${currentUser.limits?.allowShorts ? 'в рост и в падение (с шортом)' : 'только в рост (без шорта)'}</b><br>
+              Договор-оферта: ${offerStr}
             </div>
           </div>
-          <div style="display:flex;flex-direction:column;gap:10px">
-            <div style="display:flex;gap:10px;flex-wrap:wrap">
-              <a class="btn" href="#pricing" style="flex:1">Сменить / продлить тариф</a>
-              ${currentUser.role === 'admin' ? '<a class="btn" href="/admin">Консоль админа →</a>' : ''}
+          <div style="display:flex;flex-direction:column;gap:8px;min-width:240px">
+            <div style="display:flex;gap:8px;flex-wrap:wrap">
+              <a class="btn primary" href="#pricing" style="flex:1;justify-content:center">${currentUser.plan === 'none' ? 'Выбрать и оплатить тариф' : 'Продлить / Сменить тариф'}</a>
+              <button type="button" class="btn" id="cab-verify-btn" title="Проверить статус последнего платежа в ЮKassa">Проверить оплату</button>
+            </div>
+            <div style="display:flex;gap:8px;flex-wrap:wrap">
+              ${currentUser.role === 'admin' ? '<a class="btn" href="/admin" style="flex:1;justify-content:center">Консоль админа (/admin)</a><a class="btn" href="/?terminal=1" style="flex:1;justify-content:center">Терминал центра →</a>' : ''}
+              <button type="button" class="btn" id="cab-logout-btn" style="color:#f87171;border-color:rgba(248,113,113,0.35);justify-content:center">Выйти из аккаунта</button>
             </div>
           </div>
         </div>
+
         <div id="cab-workspace" style="margin-top:18px;padding-top:16px;border-top:1px solid var(--line)"></div>
+
+        <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)">
+          <div style="border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--bg)">
+            <div style="font-weight:700;margin-bottom:6px">📲 Уведомления и ИИ-Стратег в Telegram и MAX</div>
+            <div style="font-size:13px;color:#cbd5e1;line-height:1.5;margin-bottom:10px">
+              Ваш персональный код привязки: <b style="font-family:monospace;font-size:14px;color:#93c5fd">${escH(code || '—')}</b><br>
+              Статус: Telegram — ${currentUser.tgConnected ? '<b class="pos">привязан ✓</b>' : '<span style="color:var(--muted)">не привязан</span>'} · MAX — ${currentUser.maxConnected ? '<b class="pos">привязан ✓</b>' : '<span style="color:var(--muted)">не привязан</span>'}
+            </div>
+            <div style="display:flex;gap:8px;flex-wrap:wrap">
+              ${tgUrl ? `<a class="btn" href="${escH(tgUrl)}" target="_blank" rel="noopener" style="padding:7px 12px;font-size:12.5px">Подключить Telegram</a>` : ''}
+              ${maxUrl ? `<a class="btn" href="${escH(maxUrl)}" target="_blank" rel="noopener" style="padding:7px 12px;font-size:12.5px">Подключить MAX</a>` : ''}
+              <button type="button" class="btn" id="cab-notify-test" style="padding:7px 12px;font-size:12.5px">Тест уведомления</button>
+            </div>
+          </div>
+
+          <div style="border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--bg)">
+            <div style="font-weight:700;margin-bottom:6px">💳 Биллинг, промокоды и история платежей</div>
+            <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px">
+              <input id="cab-promo-in" placeholder="Промокод или VIP-токен (VIP-…)" style="padding:7px 12px;border-radius:9px;border:1px solid var(--line);background:#070b14;color:var(--text);font-size:13px;flex:1;min-width:180px">
+              <button type="button" class="btn" id="cab-promo-btn" style="padding:7px 14px;font-size:12.5px">Активировать код</button>
+            </div>
+            ${payRowsHtml}
+          </div>
+        </div>
       </div>`;
       renderWorkspace();
 
+      document.getElementById('btn-close-pay-banner')?.addEventListener('click', () => {
+        paymentSuccessBanner = '';
+        renderCabinet();
+      });
+      document.getElementById('cab-logout-btn')?.addEventListener('click', () => doLogout());
+      document.getElementById('cab-verify-btn')?.addEventListener('click', () => verifyPaymentNow());
+      cab.querySelectorAll('[data-verify-pid]').forEach((b) => b.addEventListener('click', () => verifyPaymentNow(b.dataset.verifyPid)));
+      document.getElementById('cab-notify-test')?.addEventListener('click', async () => {
+        try {
+          const r = await fetch('/api/auth/notify-test', { method: 'POST' });
+          const j = await r.json();
+          if (!r.ok) throw new Error(j.error || 'Не удалось отправить тест');
+          alert('Тестовое уведомление отправлено в привязанный мессенджер!');
+        } catch (e) { alert(e.message); }
+      });
+
       document.getElementById('cab-promo-btn')?.addEventListener('click', () => {
         const code = document.getElementById('cab-promo-in')?.value.trim();
         if (!code) return;
@@ -871,48 +992,91 @@
           const j = await r.json();
           if (!r.ok) return alert(j.error || 'Ошибка активации кода');
           currentUser = j.user;
+          paymentSuccessBanner = `Код успешно активирован! Включён тариф «${currentUser.planName}».`;
           renderCabinet();
-          alert(`Код успешно активирован! Ваш тариф: ${currentUser.planName}`);
-        });
+        }, `Активация промокода / VIP-токена (${code})`);
       });
     }
 
-    // ---------- «Где работать»: облачная машина или установка на свой компьютер (VIP по договору) ----------
+    async function verifyPaymentNow(paymentId = null, silent = false) {
+      try {
+        const r = await fetch('/api/billing/verify', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify(paymentId ? { paymentId } : {}),
+        });
+        const j = await r.json();
+        if (!r.ok) throw new Error(j.error || 'Не удалось проверить статус платежа');
+        if (j.user) currentUser = j.user;
+        if (j.status === 'succeeded') {
+          paymentSuccessBanner = `Оплата прошла успешно! Активен тариф «${currentUser?.planName || ''}». Ваша персональная виртуальная машина PaaS подготовлена ниже.`;
+          renderCabinet();
+          document.getElementById('cabinet-box')?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        } else if (!silent) {
+          renderCabinet();
+          alert(j.status === 'none' ? 'Неоплаченных счетов в ожидании не найдено.' : `Текущий статус платежа в ЮKassa: ${j.status}`);
+        }
+      } catch (e) {
+        if (!silent) alert(e.message);
+      }
+    }
+
+    // ---------- «Где работать»: персональная виртуальная машина PaaS или установка на свой компьютер (VIP по договору) ----------
     async function renderWorkspace() {
       const box = document.getElementById('cab-workspace');
       if (!box || !currentUser) return;
-      const escH = (s) => String(s ?? '').replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
       let me = null;
-      try { me = await (await fetch('/api/auth/me')).json(); } catch { /* ignore */ }
-      const list = me?.user?.instances || [];
+      try {
+        me = await (await fetch('/api/auth/me')).json();
+        if (me?.user) {
+          currentUser = me.user;
+          lastMeMeta = me;
+        }
+      } catch { /* ignore */ }
+      const list = me?.user?.instances || currentUser.instances || [];
       const dl = me?.downloads || {};
       const paid = currentUser.plan && currentUser.plan !== 'none' && currentUser.plan !== 'free';
       const canDesktop = Boolean(currentUser.limits?.allowDesktop);
       const ago = (ts) => {
-        if (!ts) return 'ещё не выходила на связь';
+        if (!ts) return 'ожидает первого запуска в PaaS';
         const s = Math.round((Date.now() - ts) / 1000);
         return s < 120 ? `${s} с назад` : s < 7200 ? `${Math.round(s / 60)} мин назад` : `${Math.round(s / 3600)} ч назад`;
       };
       const card = (title, body) => `<div style="flex:1 1 300px;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--bg)"><div style="font-weight:700;margin-bottom:8px">${title}</div>${body}</div>`;
 
       const clouds = list.filter((i) => i.kind === 'cloud');
-      const cloudBody = clouds.length
-        ? clouds.map((i) => {
-          const state = i.online ? '<span class="pos">работает</span>'
-            : ['pending', 'deploying', 'deployed'].includes(i.provisionState) ? 'готовится к запуску (обычно 2–5 минут)'
-              : i.provisionState === 'error' ? 'идёт повторное развёртывание' : `нет связи (${ago(i.lastSeen)})`;
-          return `<div style="font-size:14px;margin-bottom:8px">Адрес: <b>${escH(i.host)}</b> · ${state}</div>
-            <a class="btn primary" href="/api/instances/open?i=${encodeURIComponent(i.id)}">Перейти в терминал →</a>
-            <div style="font-size:12.5px;color:var(--muted);margin-top:8px">Можно добавить адрес в закладки: вход через этот кабинет выполняется автоматически.</div>`;
-        }).join('<hr style="border:0;border-top:1px solid var(--line);margin:10px 0">')
-        : paid
-          ? '<div style="font-size:14px;color:var(--muted)">Машина создаётся автоматически после оплаты — обновите страницу через пару минут.</div>'
-          : '<div style="font-size:14px;color:var(--muted)">Оформите тариф — персональная облачная машина с ИИ будет создана автоматически.</div><a class="btn" href="#pricing" style="margin-top:8px">Выбрать тариф</a>';
+      let cloudBody;
+      if (currentUser.role === 'admin' && !clouds.length) {
+        cloudBody = `<div style="font-size:13.5px;color:#cbd5e1;margin-bottom:10px">Для администратора («Хозяин») торговый терминал работает прямо на центральном сервере, а клиентские PaaS-машины управляются в консоли администратора.</div>
+          <div style="display:flex;gap:8px;flex-wrap:wrap">
+            <a class="btn primary" href="/?terminal=1">Открыть торговый терминал →</a>
+            <a class="btn" href="/admin">Управление машинами клиентов (/admin) →</a>
+          </div>`;
+      } else if (clouds.length) {
+        cloudBody = clouds.map((i) => {
+          const state = i.online
+            ? '<span class="pos" style="font-weight:700">● работает в облаке PaaS</span>'
+            : ['pending', 'deploying', 'deployed'].includes(i.provisionState)
+              ? '<span style="color:#fbbf24">● выделена и готовится к запуску в PaaS</span>'
+              : i.provisionState === 'error'
+                ? '<span class="neg">● ожидает повторного развёртывания в PaaS</span>'
+                : `<span style="color:var(--muted)">● ${ago(i.lastSeen)}</span>`;
+          return `<div style="font-size:14px;margin-bottom:10px">Персональная машина: <b>${escH(i.host || i.id)}</b> · ${state}</div>
+            <div style="display:flex;gap:8px;flex-wrap:wrap">
+              <a class="btn primary" href="/api/instances/open?i=${encodeURIComponent(i.id)}">Перейти в торговый терминал →</a>
+            </div>
+            <div style="font-size:12.5px;color:var(--muted);margin-top:8px">При нажатии вы автоматически войдёте в свой изолированный торговый терминал на виртуальной машине PaaS по защищённому одноразовому ключу.</div>`;
+        }).join('<hr style="border:0;border-top:1px solid var(--line);margin:10px 0">');
+      } else if (paid) {
+        cloudBody = '<div style="font-size:14px;color:var(--muted)">Ваша персональная виртуальная машина PaaS создаётся автоматически после подтверждения подписки — нажмите «Проверить оплату» или обновите страницу через минуту.</div>';
+      } else {
+        cloudBody = '<div style="font-size:13.5px;color:var(--muted);margin-bottom:10px">Оформите стандартную подписку («Инвестор» или «Профи») — в облаке PaaS автоматически создастся ваша персональная виртуальная машина с торговым терминалом и ИИ-Стратегом.</div><a class="btn primary" href="#pricing">Выбрать тариф →</a>';
+      }
 
       const desks = list.filter((i) => i.kind === 'desktop');
       let deskBody;
       if (!canDesktop) {
-        deskBody = '<div style="font-size:14px;color:var(--muted)">Установка на свой компьютер (Windows, Linux или Docker) — по индивидуальному договору на тарифе VIP.</div><a class="btn" href="#pricing" style="margin-top:8px">Обсудить VIP</a>';
+        deskBody = '<div style="font-size:13.5px;color:var(--muted);margin-bottom:10px">Установка автономного терминала на собственный компьютер (Windows, Linux или Docker) предоставляется по индивидуальному договору на тарифе VIP.</div><a class="btn" href="#pricing">Обсудить тариф VIP</a>';
       } else {
         const links = [
           dl.windows ? `<a class="btn" href="${escH(dl.windows)}">⬇ Windows</a>` : '',
@@ -927,8 +1091,8 @@
           <button type="button" class="btn primary" id="cab-desktop-code">Получить код активации</button>
           <div id="cab-desktop-code-out" style="margin-top:8px;font-size:14px"></div>`;
       }
-      box.innerHTML = `<div class="sec-tag" style="margin-bottom:10px">Где работать</div>
-        <div style="display:flex;gap:14px;flex-wrap:wrap">${card('☁ В облаке', cloudBody)}${card('💻 На своём компьютере', deskBody)}</div>`;
+      box.innerHTML = `<div class="sec-tag" style="margin-bottom:10px">Ваша торговая машина и вход в терминал</div>
+        <div style="display:flex;gap:14px;flex-wrap:wrap">${card('☁ Персональная виртуальная машина в PaaS', cloudBody)}${card('💻 Установка на свой компьютер (VIP)', deskBody)}</div>`;
 
       document.getElementById('cab-desktop-code')?.addEventListener('click', async () => {
         const out = document.getElementById('cab-desktop-code-out');
@@ -972,16 +1136,17 @@
           const pr = await fetch(`/api/auth/telegram/poll?code=${encodeURIComponent(j.code)}`).then((r) => r.json()).catch(() => ({}));
           if (pr.status === 'done' && pr.user) {
             clearInterval(tgPollTimer);
-            currentUser = pr.user;
+            const me = await (await fetch('/api/auth/me')).json().catch(() => ({ user: pr.user }));
+            currentUser = me.user || pr.user;
+            lastMeMeta = me;
             document.getElementById('auth-modal').hidden = true;
-            document.getElementById('btn-login-open').textContent = `${currentUser.name} · ${currentUser.planName}`;
             renderCabinet();
             if (pendingPlan) {
               const p = pendingPlan;
               pendingPlan = null;
               await startCheckout(p);
             } else {
-              document.getElementById('cabinet-box')?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+              document.getElementById('cabinet-box')?.scrollIntoView({ behavior: 'smooth', block: 'start' });
             }
           } else if (pr.status === 'expired') {
             clearInterval(tgPollTimer);
@@ -998,6 +1163,7 @@
     async function loadShowcase() {
       try {
         const me = await (await fetch('/api/auth/me')).json();
+        lastMeMeta = me;
         currentUser = me.user;
         let hasAnyFastLogin = false;
         if (me.notify?.tgBotName && me.notify?.hasTgToken) {
@@ -1025,14 +1191,24 @@
         if (up.get('oauth_error')) {
           openAuth(false);
           document.getElementById('auth-err').textContent = up.get('oauth_error');
+        } else if (!currentUser && up.get('register') === '1') {
+          openAuth(true);
+        } else if (!currentUser && up.get('login') === '1') {
+          openAuth(false);
         }
+        syncNavAuth();
         if (currentUser) {
-          document.getElementById('btn-login-open').textContent = `${currentUser.name} · ${currentUser.planName}`;
           renderCabinet();
-          if (up.get('buy_plan')) {
+          const hasPendingPay = Array.isArray(currentUser.payments) && currentUser.payments.some((p) => p.status === 'pending');
+          if (up.get('payment_check') === '1' || hasPendingPay) {
+            await verifyPaymentNow(null, up.get('payment_check') !== '1');
+            if (up.get('payment_check') === '1' && history.replaceState) {
+              history.replaceState(null, '', location.pathname);
+            }
+          } else if (up.get('buy_plan')) {
             startCheckout(up.get('buy_plan'));
           } else if (up.get('oauth_ok') === '1') {
-            document.getElementById('cabinet-box')?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+            document.getElementById('cabinet-box')?.scrollIntoView({ behavior: 'smooth', block: 'start' });
           }
         }
         const { runs } = await (await fetch('/api/public/showcase')).json();
@@ -1058,7 +1234,6 @@
           const tColor = r.tierColor || (isLong ? 'blue' : 'indigo');
           const tBadge = r.tierBadge || (isLong ? 'Для тарифа «Инвестор»' : 'Для тарифов «Профи» и «VIP»');
           const tNote = r.tierNote || (isLong ? 'Только покупки (без шорта)' : 'Покупки и продажи без покрытия (шорт)');
-          // Главная цифра — реалистичная оценка стресс-теста (исполнение как в живом контуре, издержки 0,10% на сторону)
           const rl = r.realistic;
           const badgeStyle = tColor === 'gold'
             ? 'background:rgba(245,158,11,0.18);border:1px solid rgba(245,158,11,0.5);color:#fbbf24'
@@ -1066,6 +1241,7 @@
               ? 'background:rgba(99,102,241,0.2);border:1px solid rgba(129,140,248,0.5);color:#a5b4fc'
               : 'background:rgba(59,130,246,0.16);border:1px solid rgba(96,165,250,0.45);color:#93c5fd';
           const cardBorder = tColor === 'gold' ? 'border-color:rgba(245,158,11,0.4)' : '';
+          void cagr;
           return `<div class="sc-card" style="${cardBorder}">
           <div style="margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:8px">
             <span style="display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:0.3px;${badgeStyle}">${tBadge}</span>
@@ -1116,15 +1292,46 @@
       isReg = reg;
       document.getElementById('auth-modal').hidden = false;
       document.getElementById('auth-name').hidden = !reg;
-      document.getElementById('auth-title').textContent = reg ? 'Регистрация в НейроАльфа' : 'Вход в НейроАльфа';
-      document.getElementById('auth-submit').textContent = reg ? 'Создать аккаунт' : 'Войти';
+      const offerRow = document.getElementById('auth-offer-row');
+      const offerChk = document.getElementById('auth-offer-chk');
+      if (offerRow) offerRow.style.display = reg ? 'flex' : 'none';
+      if (offerChk) offerChk.required = Boolean(reg);
+      const tabReg = document.getElementById('tab-auth-reg');
+      const tabLogin = document.getElementById('tab-auth-login');
+      if (tabReg) tabReg.className = reg ? 'btn primary' : 'btn';
+      if (tabLogin) tabLogin.className = !reg ? 'btn primary' : 'btn';
+      const planBanner = document.getElementById('auth-plan-banner');
+      if (planBanner) {
+        if (pendingPlan) {
+          planBanner.hidden = false;
+          planBanner.innerHTML = `<b>Шаг 1 из 2:</b> ${reg ? 'Создайте личный аккаунт клиента' : 'Войдите в свой аккаунт'}, чтобы перейти к оплате тарифа <b>«${escH(PLAN_TITLES[pendingPlan] || pendingPlan)}»</b>.`;
+        } else {
+          planBanner.hidden = true;
+        }
+      }
+      document.getElementById('auth-title').textContent = reg ? 'Регистрация нового клиента' : 'Вход в личный кабинет';
+      document.getElementById('auth-submit').textContent = reg ? (pendingPlan ? 'Создать аккаунт и перейти к оплате →' : 'Создать аккаунт') : (pendingPlan ? 'Войти и перейти к оплате →' : 'Войти');
       document.getElementById('auth-toggle').textContent = reg ? 'Уже есть аккаунт? Войти' : 'Нет аккаунта? Зарегистрироваться';
       document.getElementById('auth-err').textContent = '';
     }
 
-    document.getElementById('btn-login-open').addEventListener('click', () => openAuth(false));
-    document.getElementById('btn-hero-start').addEventListener('click', () => currentUser ? document.getElementById('cabinet-box')?.scrollIntoView({ behavior: 'smooth', block: 'center' }) : openAuth(true));
-    document.getElementById('btn-free-start')?.addEventListener('click', () => currentUser ? document.getElementById('cabinet-box')?.scrollIntoView({ behavior: 'smooth', block: 'center' }) : openAuth(true));
+    document.getElementById('tab-auth-reg')?.addEventListener('click', () => openAuth(true));
+    document.getElementById('tab-auth-login')?.addEventListener('click', () => openAuth(false));
+    document.getElementById('btn-login-open').addEventListener('click', () => {
+      if (currentUser) {
+        document.getElementById('cabinet-box')?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+      } else {
+        pendingPlan = null;
+        openAuth(false);
+      }
+    });
+    document.getElementById('btn-reg-open')?.addEventListener('click', () => {
+      pendingPlan = null;
+      openAuth(true);
+    });
+    document.getElementById('btn-nav-logout')?.addEventListener('click', () => doLogout());
+    document.getElementById('btn-hero-start').addEventListener('click', () => currentUser ? document.getElementById('cabinet-box')?.scrollIntoView({ behavior: 'smooth', block: 'start' }) : openAuth(true));
+    document.getElementById('btn-free-start')?.addEventListener('click', () => currentUser ? document.getElementById('cabinet-box')?.scrollIntoView({ behavior: 'smooth', block: 'start' }) : openAuth(true));
     document.getElementById('auth-close').addEventListener('click', () => { document.getElementById('auth-modal').hidden = true; });
     document.getElementById('auth-toggle').addEventListener('click', () => openAuth(!isReg));
 
@@ -1140,11 +1347,27 @@
     offerChk1?.addEventListener('change', syncOfferBtn);
     offerChk2?.addEventListener('change', syncOfferBtn);
 
-    function requireOfferAgreement(actionFn) {
+    function requireOfferAgreement(actionFn, planLabel = '') {
       onOfferAccepted = actionFn;
       if (offerChk1) offerChk1.checked = false;
       if (offerChk2) offerChk2.checked = false;
       syncOfferBtn();
+      const accBanner = document.getElementById('offer-account-banner');
+      if (accBanner && currentUser) {
+        const isAdmin = currentUser.role === 'admin';
+        accBanner.innerHTML = `<div style="padding:10px 14px;border-radius:10px;background:${isAdmin ? 'rgba(245,158,11,0.16)' : 'rgba(59,130,246,0.12)'};border:1px solid ${isAdmin ? 'rgba(245,158,11,0.5)' : 'rgba(96,165,250,0.35)'};font-size:13px;line-height:1.5">
+          <div style="display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap">
+            <span>Аккаунт покупателя: <b>${escH(currentUser.name)}</b> (<code>${escH(currentUser.email)}</code>)${planLabel ? ` · <b>${escH(planLabel)}</b>` : ''}</span>
+            <button type="button" class="btn" id="btn-offer-switch-user" style="padding:4px 10px;font-size:12px">Выйти и зарегистрировать другого клиента</button>
+          </div>
+          ${isAdmin ? '<div style="margin-top:6px;color:#fde68a">⚠ <b>Внимание:</b> вы сейчас авторизованы под учётной записью администратора («Хозяин»). Чтобы протестировать регистрацию и покупку подписки как новый клиент, нажмите кнопку <b>«Выйти и зарегистрировать другого клиента»</b>.</div>' : ''}
+        </div>`;
+        document.getElementById('btn-offer-switch-user')?.addEventListener('click', () => {
+          offerModal.hidden = true;
+          onOfferAccepted = null;
+          doLogout(pendingPlan || 'investor');
+        });
+      }
       offerModal.hidden = false;
     }
 
@@ -1165,6 +1388,8 @@
     });
 
     async function startCheckout(plan) {
+      pendingPlan = plan;
+      const planLabel = `Тариф «${PLAN_TITLES[plan] || plan}» (${selectedMonths} мес.)`;
       requireOfferAgreement(async () => {
         try {
           const res = await fetch('/api/billing/checkout', {
@@ -1178,7 +1403,7 @@
         } catch (e) {
           alert(e.message);
         }
-      });
+      }, planLabel);
     }
 
     document.getElementById('btn-vip-req')?.addEventListener('click', () => {
@@ -1224,9 +1449,9 @@
         const j = await r.json();
         if (!r.ok) return alert(j.error || 'Не удалось активировать VIP-токен');
         currentUser = j.user;
+        paymentSuccessBanner = `Персональный VIP-токен активирован! Ваш тариф: «${currentUser.planName}».`;
         renderCabinet();
-        alert(`Персональный VIP-токен активирован! Ваш тариф: ${currentUser.planName}`);
-      });
+      }, `Активация VIP-токена (${code})`);
     });
 
     document.querySelectorAll('[data-buy]').forEach((b) => b.addEventListener('click', () => {
@@ -1251,16 +1476,17 @@
         });
         const j = await res.json();
         if (!res.ok) throw new Error(j.error || 'Ошибка авторизации');
-        currentUser = j.user;
+        const me = await (await fetch('/api/auth/me')).json().catch(() => ({ user: j.user }));
+        currentUser = me.user || j.user;
+        lastMeMeta = me;
         document.getElementById('auth-modal').hidden = true;
-        document.getElementById('btn-login-open').textContent = `${currentUser.name} · ${currentUser.planName}`;
         renderCabinet();
         if (pendingPlan) {
           const p = pendingPlan;
           pendingPlan = null;
           await startCheckout(p);
         } else {
-          document.getElementById('cabinet-box')?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+          document.getElementById('cabinet-box')?.scrollIntoView({ behavior: 'smooth', block: 'start' });
         }
       } catch (err) {
         document.getElementById('auth-err').textContent = err.message;