neuroalpha 0.6.13 → 0.7.1

package/public/index.html

@@ -11,14 +11,17 @@
   <script src="https://unpkg.com/dompurify@3.2.6/dist/purify.min.js" integrity="sha384-JEyTNhjM6R1ElGoJns4U2Ln4ofPcqzSsynQkmEc/KGy6336qAZl70tDLufbkla+3" crossorigin="anonymous"></script>
 </head>
 <body>
+  <div id="lic-error-bar" class="lic-error-bar" hidden>
+    <span id="lic-error-text">ЛИЦЕНЗИЯ НЕ УСТАНОВЛЕНА (Торговля и сигналы отключены)</span>
+    <button id="btn-get-license" type="button" class="lic-cta-btn">Получить лицензию</button>
+  </div>
   <header>
     <div class="brand">
       <button id="btn-chat-toggle" type="button" class="hdr-btn" title="Показать или скрыть панель чата с ИИ-Стратегом">💬 Стратег</button>
       <span class="logo">◈</span><b>НейроАльфа</b><span class="muted">· Рынок как язык · Мосбиржа</span>
     </div>
     <div class="hright">
-      <a href="/landing" class="hdr-btn" title="Публичная витрина и тарифы">Витрина</a>
-      <button id="btn-user" type="button" class="hdr-btn" title="Профиль, подписка и боты Telegram / MAX">Профиль</button>
+      <button id="btn-user" type="button" class="hdr-btn" title="Лицензия, доступ и уведомления">Лицензия</button>
       <span id="st" class="dot" title="Подключение…"></span>
       <button id="btn-theme" class="hdr-btn icon-only" title="Светлая / тёмная тема">☀</button>
       <button id="btn-help" class="hdr-btn icon-only" title="Справка">?</button>
@@ -89,7 +92,7 @@
             <button type="button" data-sec="news" id="nnav-news">Новости рынка</button>
             <div class="ssep"></div>
             <button type="button" data-sec="overview" id="nnav-overview" hidden>Эксперименты</button>
-            <button type="button" data-sec="cloud" id="snav-cloud">Подписка и уведомления</button>
+            <button type="button" data-sec="cloud" id="snav-cloud">Лицензия</button>
             <button type="button" data-sec="llm" id="snav-llm">Модели ИИ</button>
           </aside>
           <div class="spane">
@@ -246,7 +249,7 @@
             </section>
 
             <section class="ssec" data-sec="cloud" id="cloud-box" hidden>
-              <div class="stitle">Подписка, лицензия и уведомления (Telegram / MAX)</div>
+              <div class="stitle">Лицензия терминала, доступ и уведомления (Telegram / MAX)</div>
               <div class="scard spadded" id="cloud-pane"></div>
             </section>
 
@@ -254,11 +257,12 @@
               <div class="stitle bar">
                 <span id="llm-sum">Модели ИИ для Стратега</span>
                 <div class="row-gap" style="align-items:center">
-                  <button type="button" id="btn-llm-open-add" class="primary">+ Подключить ИИ-сервис</button>
+                  <button type="button" id="btn-llm-open-add" class="primary">+ Подключить внешний ИИ-сервис</button>
                 </div>
               </div>
               <div class="scard spadded">
                 <div id="llm-active-banner"></div>
+                <div id="local-llm-box" style="margin-bottom:16px"></div>
                 <div id="llm-form-slot">
                   <details id="llm-add-box" class="llm-form-card">
                     <summary id="llm-add-sum">+ Подключить новый сервис или локальную модель ИИ</summary>
@@ -372,40 +376,6 @@
     </div>
   </div>
 
-  <!-- Модальное окно подписания Договора-оферты и Декларации о рисках -->
-  <div id="offer-modal" class="modal" hidden>
-    <div class="modal-box" style="max-width:680px">
-      <div class="modal-head">
-        <b>Договор публичной оферты и Декларация о рисках</b>
-        <button id="offer-close" class="icon">✕</button>
-      </div>
-      <div class="md" style="max-height:300px;overflow-y:auto;padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.55">
-        <p style="margin-top:0"><b>1. Предмет договора:</b> Настоящая Публичная оферта регулирует предоставление доступа к облачной аналитической платформе «НейроАльфа» (PaaS/SaaS) согласно выбранному тарифному плану («Инвестор», «Профи», «VIP»).</p>
-        <p><b>2. Правовой статус (отсутствие ИИР и ДУ):</b> Сервис является исключительно программно-техническим средством (калькулятором статистических закономерностей). Исполнитель <b>не осуществляет инвестиционное консультирование</b>, не даёт индивидуальных инвестиционных рекомендаций (ФЗ № 39-ФЗ) и не осуществляет доверительное управление. Все сделки совершаются Пользователем самостоятельно на его личном брокерском счёте.</p>
-        <p><b>3. Параметры тарифов и предельные уровни доходности:</b>
-          <br>• <b>«Инвестор» (3 900 ₽/мес)</b> — 1 брокерский счёт, стартовый лимит до 1 000 000 ₽ (+ реинвестирование всей заработанной прибыли), торговля только от покупки («Только в рост (без шорта)»);
-          <br>• <b>«Профи» (9 900 ₽/мес)</b> — до 5 брокерских счетов, стартовый лимит до 1 000 000 ₽ на каждом счёте (+ реинвестирование всей заработанной прибыли), торговля в рост и в падение (с шортами);
-          <br>• <b>«VIP» (по индивидуальному согласованию)</b> — количество счетов и начальная сумма торговли по согласованию, торговля в рост и в падение (с шортами).
-        </p>
-        <p><b>4. Запрет автоследования и ретрансляции сигналов:</b> Пользователю строго запрещается подключать к платформе счета, участвующие в сервисах автоследования или копирования сделок (как в роли ведущего/автора стратегии, так и в роли подписчика), а также передавать или перепродавать сигналы третьим лицам. При обнаружении признаков автоследования счёт автоматически блокируется.</p>
-        <p style="margin-bottom:0"><b>5. Декларация о рисках:</b> Торговля ценными бумагами сопряжена с риском потери части или всего инвестированного капитала. Результаты на исторических данных не гарантируют доходности в будущем. Полный текст документа: <a href="/legal" target="_blank" style="color:var(--accent)">открыть /legal →</a></p>
-      </div>
-      <div style="padding:14px 18px;display:grid;gap:10px;font-size:13px">
-        <label style="display:flex;gap:10px;align-items:flex-start;cursor:pointer">
-          <input type="checkbox" id="term-offer-chk1" style="width:16px;height:16px;margin-top:2px;flex:none">
-          <span>Я прочитал(а) и безоговорочно принимаю условия <a href="/legal#offer" target="_blank" style="color:var(--accent)">Договора публичной оферты</a> и <a href="/legal#privacy" target="_blank" style="color:var(--accent)">Политики обработки персональных данных</a>.</span>
-        </label>
-        <label style="display:flex;gap:10px;align-items:flex-start;cursor:pointer">
-          <input type="checkbox" id="term-offer-chk2" style="width:16px;height:16px;margin-top:2px;flex:none">
-          <span>Я ознакомлен(а) с <a href="/legal#risks" target="_blank" style="color:var(--accent)">Декларацией о рисках</a>, понимаю, что сервис не является индивидуальной инвестиционной рекомендацией, и обязуюсь <b>не использовать автоследование</b> на подключаемых счетах.</span>
-        </label>
-        <div class="row-gap" style="justify-content:flex-end;margin-top:4px">
-          <button type="button" id="term-offer-decline">Отказ (Отмена)</button>
-          <button type="button" class="primary" id="term-offer-accept" disabled>Подписать оферту и продолжить →</button>
-        </div>
-      </div>
-    </div>
-  </div>
   <div id="toast"></div>
   <script src="app.js" type="module"></script>
 </body>

package/public/styles.css

@@ -47,8 +47,9 @@ body.light {
   --hover-bg: #f0f3f6;
 }
 * { box-sizing: border-box; }
+[hidden] { display: none !important; }
 html, body { height: 100%; }
-body { margin: 0; background: var(--bg); color: var(--text); font: 14px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; overflow: hidden; }
+body { margin: 0; background: var(--bg); color: var(--text); font: 14px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; overflow: hidden; display: flex; flex-direction: column; }
 a, a:visited { color: var(--accent); text-decoration: none; }
 a:hover { color: var(--accent); text-decoration: underline; }
 .muted { color: var(--muted); }
@@ -58,7 +59,45 @@ a:hover { color: var(--accent); text-decoration: underline; }
 .neg { color: var(--red); }
 h4 { margin: 18px 0 6px; font-size: 13px; color: var(--muted); font-weight: 500; }
 
-header { height: 48px; display: flex; justify-content: space-between; align-items: center; padding: 0 16px; border-bottom: 1px solid var(--line); background: var(--panel); }
+header { height: 48px; flex: none; display: flex; justify-content: space-between; align-items: center; padding: 0 16px; border-bottom: 1px solid var(--line); background: var(--panel); }
+.lic-error-bar {
+  background: #d32f2f;
+  color: #ffffff;
+  flex: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 12px;
+  padding: 5px 16px;
+  font-size: 13px;
+  font-weight: 600;
+}
+.lic-error-bar button.lic-cta-btn {
+  background: #ffffff;
+  color: #1e293b;
+  border: 0;
+  border-radius: 5px;
+  padding: 4px 12px;
+  font-size: 12.5px;
+  font-weight: 700;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.28);
+}
+.lic-error-bar button.lic-cta-btn:hover {
+  background: #f1f5f9;
+  color: #0f172a;
+}
+.hdr-btn.lic-err {
+  background: rgba(211, 47, 47, 0.16);
+  border-color: #ef4444;
+  color: #f87171;
+  font-weight: 600;
+}
+body.light .hdr-btn.lic-err {
+  background: #fee2e2;
+  border-color: #dc2626;
+  color: #b91c1c;
+}
 .brand { display: flex; gap: 8px; align-items: center; }
 .logo { color: var(--accent); font-size: 18px; }
 .hright { display: flex; gap: 8px; align-items: center; }
@@ -99,7 +138,7 @@ button.icon-lg { width: 40px; height: 40px; padding: 0; font-size: 15px; flex: n
 .hdr-btn { padding: 4px 10px; font-size: 12.5px; }
 .hdr-btn.icon-only { width: 30px; height: 30px; padding: 0; }
 
-main { display: grid; grid-template-columns: var(--chat-w) 5px 1fr; height: calc(100vh - 48px); }
+main { display: grid; grid-template-columns: var(--chat-w) 5px 1fr; flex: 1; min-height: 0; }
 body.chat-closed main { grid-template-columns: 1fr; }
 body.chat-closed .chat, body.chat-closed #splitter { display: none; }
 #btn-chat-toggle.active { border-color: var(--accent); color: var(--accent); background: var(--accent-bg); font-weight: 600; }