From 9dd3522869a5ab59f5a654e71278c0bea9ffbf87 Mon Sep 17 00:00:00 2001
From: Maxim Dolgolyov <maxim.dolgolyov@gmail.com>
Date: Fri, 12 Jun 2026 23:06:08 +0300
Subject: [PATCH] =?UTF-8?q?feat(flashcards):=20=D0=98=D0=98-=D0=B3=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B5=D1=80=D0=B0=D1=86=D0=B8=D1=8F=20=D0=BA=D0=B0=D1=80?=
 =?UTF-8?q?=D1=82=D0=BE=D1=87=D0=B5=D0=BA=20=D0=BF=D0=BE=20=D1=82=D0=B5?=
 =?UTF-8?q?=D0=BC=D0=B5/=D1=82=D0=B5=D0=BA=D1=81=D1=82=D1=83=20=D1=81=20?=
 =?UTF-8?q?=D0=BF=D1=80=D0=B5=D0=B4=D0=BF=D1=80=D0=BE=D1=81=D0=BC=D0=BE?=
 =?UTF-8?q?=D1=82=D1=80=D0=BE=D0=BC=20=D0=B2=20=D1=82=D0=B5=D0=BA=D1=83?=
 =?UTF-8?q?=D1=89=D1=83=D1=8E=20=D0=BA=D0=BE=D0=BB=D0=BE=D0=B4=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/controllers/assistantController.js    | 15 +++--
 frontend/flashcards.html                      | 59 +++++++++++++++++++
 js/api.js                                     |  2 +-
 3 files changed, 69 insertions(+), 7 deletions(-)

diff --git a/backend/src/controllers/assistantController.js b/backend/src/controllers/assistantController.js
index 652f59c..3e684ad 100644
--- a/backend/src/controllers/assistantController.js
+++ b/backend/src/controllers/assistantController.js
@@ -588,12 +588,15 @@ async function flashcardsFromText(req, res) {
   if (!providersOrdered().length) return res.status(503).json({ error: 'LLM не настроена' });
   const text = String((req.body && req.body.text) || '').trim().slice(0, 6000);
   const title = String((req.body && req.body.title) || 'Карточки').trim().slice(0, 80) || 'Карточки';
-  if (text.length < 20) return res.status(400).json({ error: 'Слишком мало текста' });
-  const sys = 'Ты составляешь учебные флешкарты по тексту. Верни СТРОГО JSON-массив из 5–6 объектов ' +
-    'вида {"front":"...","back":"..."} без markdown и пояснений. front — короткий вопрос, back — краткий ответ (1–2 предложения). ' +
-    'По-русски. Формулы в LaTeX между $...$. Никакого текста вне JSON.';
+  let count = Number(req.body && req.body.count);
+  count = Number.isFinite(count) ? Math.max(3, Math.min(10, Math.round(count))) : 6;
+  if (text.length < 3) return res.status(400).json({ error: 'Введите тему или текст' });
+  const sys = 'Ты составляешь учебные флешкарты. Если на вход дан учебный текст или параграф — делай карточки СТРОГО по нему. ' +
+    'Если дана короткая тема (несколько слов) — раскрой её сам по школьной программе. ' +
+    'Верни СТРОГО JSON-массив из ' + count + ' объектов вида {"front":"...","back":"..."} без markdown и пояснений. ' +
+    'front — короткий вопрос, back — краткий ответ (1–2 предложения). По-русски. Формулы в LaTeX между $...$. Никакого текста вне JSON.';
   let rr;
-  try { rr = await callLLMFailover([{ role: 'system', content: sys }, { role: 'user', content: text }], 1400); }
+  try { rr = await callLLMFailover([{ role: 'system', content: sys }, { role: 'user', content: text }], 1600); }
   catch (e) { return res.status(502).json({ error: 'Не удалось обратиться к ИИ' }); }
   const raw = rr && rr.text;
   let cards = [];
@@ -609,7 +612,7 @@ async function flashcardsFromText(req, res) {
       const arr = JSON.parse(s);
       if (Array.isArray(arr)) {
         cards = arr.filter(c => c && c.front && c.back)
-          .slice(0, 8)
+          .slice(0, count + 2)
           .map(c => ({ front: String(c.front).slice(0, 500), back: String(c.back).slice(0, 1000) }));
       }
     } catch (e) { /* модель вернула не-JSON */ }
diff --git a/frontend/flashcards.html b/frontend/flashcards.html
index 7224818..cf6d3ef 100644
--- a/frontend/flashcards.html
+++ b/frontend/flashcards.html
@@ -398,6 +398,7 @@
             Колоды
           </button>
           <h1 class="fc-title" id="cards-deck-title">Название колоды</h1>
+          <button class="fc-btn fc-btn-ghost" id="cards-ai-btn" onclick="openAiGenModal()">Сгенерировать ИИ</button>
           <button class="fc-btn fc-btn-ghost" onclick="openBulkModal()">Добавить список</button>
           <button class="fc-btn fc-btn-primary" id="cards-study-btn" onclick="startStudy()">Начать изучение</button>
         </div>
@@ -536,6 +537,29 @@
   </div>
 </div>
 
+<!-- ── AI generate Modal ── -->
+<div class="fc-modal" id="modal-aigen">
+  <div class="fc-modal-bg" onclick="closeModal('modal-aigen')"></div>
+  <div class="fc-modal-box" style="max-width:560px">
+    <div class="fc-modal-title">Сгенерировать карточки ИИ</div>
+    <div class="fc-modal-field">
+      <div class="fc-modal-label">Тема или текст</div>
+      <textarea class="fc-modal-input" id="aigen-text" rows="6" style="resize:vertical"
+                placeholder="Например: Теорема Пифагора&#10;— или вставьте параграф / конспект, по которому сделать карточки"></textarea>
+    </div>
+    <div class="fc-modal-field" style="display:flex;align-items:center;gap:10px">
+      <span class="fc-modal-label" style="margin:0">Сколько карточек</span>
+      <select class="fc-modal-input" id="aigen-count" style="width:auto;padding:8px 12px">
+        <option>4</option><option selected>6</option><option>8</option><option>10</option>
+      </select>
+    </div>
+    <div class="fc-modal-actions">
+      <button class="fc-btn fc-btn-ghost" onclick="closeModal('modal-aigen')">Отмена</button>
+      <button class="fc-btn fc-btn-primary" id="aigen-btn" onclick="runAiGen()">Сгенерировать</button>
+    </div>
+  </div>
+</div>
+
 <!-- ── Formula (KaTeX) Modal ── -->
 <div class="fc-modal" id="modal-formula">
   <div class="fc-modal-bg" onclick="closeModal('modal-formula')"></div>
@@ -1204,6 +1228,41 @@ async function saveBulk() {
   closeModal('modal-bulk');
 }
 
+/* ════ Генерация карточек ИИ (тема/текст → предпросмотр bulk → текущая колода) ════
+   Переиспользует экран предпросмотра bulk-импорта: ИИ заполняет _bulkCards,
+   пользователь правит и сохраняет в текущую колоду через saveBulk(). */
+function openAiGenModal() {
+  if (!_curDeck) { LS.toast('Сначала откройте колоду', 'error'); return; }
+  document.getElementById('aigen-text').value = '';
+  document.getElementById('modal-aigen').classList.add('open');
+  setTimeout(() => { try { document.getElementById('aigen-text').focus(); } catch (e) {} }, 50);
+}
+
+async function runAiGen() {
+  const text = document.getElementById('aigen-text').value.trim();
+  if (text.length < 3) { LS.toast('Введите тему или текст'); return; }
+  const count = Number(document.getElementById('aigen-count').value) || 6;
+  const btn = document.getElementById('aigen-btn');
+  btn.disabled = true; btn.textContent = 'Генерирую…';
+  try {
+    const r = await LS.assistantFlashcards(text, (_curDeck && _curDeck.title) || 'Карточки', count);
+    const cards = (r && r.cards) || [];
+    if (!cards.length) throw new Error('ИИ не вернул карточек');
+    _bulkCards = cards.map(c => ({ front: c.front || '', back: c.back || '', front_image: '', back_image: '' }));
+    closeModal('modal-aigen');
+    // открыть bulk-модалку сразу на шаге предпросмотра
+    document.getElementById('bulk-text').value = '';
+    document.getElementById('bulk-step-text').style.display = 'none';
+    document.getElementById('bulk-step-preview').style.display = '';
+    document.getElementById('modal-bulk').classList.add('open');
+    renderBulkPreview();
+  } catch (e) {
+    LS.toast(e && e.message ? ('ИИ: ' + e.message) : 'Не удалось сгенерировать', 'error');
+  } finally {
+    btn.disabled = false; btn.textContent = 'Сгенерировать';
+  }
+}
+
 /* ════ Formula insert (KaTeX) ════
    Палитра символов перенесена из редактора теории (lesson-editor.html).
    Текст карточки свободный — вставляем \( … \) (в строке) или \[ … \] (блоком)
diff --git a/js/api.js b/js/api.js
index fefaa25..03f5c31 100644
--- a/js/api.js
+++ b/js/api.js
@@ -1264,7 +1264,7 @@ async function assistantSeen(ruleId) { return req('POST',   '/assistant/seen', {
 async function assistantDismiss(rid) { return req('POST',   '/assistant/dismiss', { ruleId: rid }); }
 async function assistantSettings(d)  { return req('PATCH',  '/assistant/settings', d); }
 async function assistantAsk(q, context, history, mode) { return req('POST', '/assistant/ask', { q, context: context || undefined, history: history || undefined, mode: mode || undefined }); }
-async function assistantFlashcards(text, title) { return req('POST', '/assistant/flashcards', { text, title }); }
+async function assistantFlashcards(text, title, count) { return req('POST', '/assistant/flashcards', { text, title, count }); }
 async function assistantFeedback(rating, q) { return req('POST', '/assistant/feedback', { rating, q: q || undefined }); }
 async function assistantMemory()      { return req('GET',    '/assistant/memory'); }
 async function assistantMemoryClear(id) { return req('DELETE', '/assistant/memory' + (id ? '/' + id : '')); }