kingkont 0.14.3 → 0.14.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.14.3",
+  "version": "0.14.5",
   "description": "KingKont · Chatium — нод-редактор сцен с AI-генерацией (картинки/видео/голос/SFX/музыка/текст)",
   "main": "main.js",
   "bin": {

package/renderer/board.js

@@ -1873,9 +1873,20 @@ async function selectBoard(board) {
       applyZoomStyles(state.zoom);
       $('zoomLabel').textContent = Math.round(state.zoom * 100) + '%';
     }
-    // ВАЖНО: для backward-compat старых view (где scrollLeft/Top сохранены
-    // БЕЗ padding'а — до этой фичи) добавляем padding к сохранённому
-    // значению. Если view свежий и >= padding'а, считаем что padding уже учтён.
+  } else {
+    state.zoom = 1;
+    applyZoomStyles(1);
+    $('zoomLabel').textContent = '100%';
+  }
+  // ВАЖНО: applyZoomStyles ресайзит frame через setTimeout 200ms. Если
+  // ставить scrollLeft СРАЗУ — браузер клампит к старому frame.scrollWidth
+  // (zoom<1 → frame маленький → scroll урезается). Поэтому сначала
+  // форсим frame в полный размер прямо сейчас, потом ставим scroll.
+  const z = state.zoom || 1;
+  document.querySelector('.canvas-frame').style.width  = (6000 * z + 2 * padX) + 'px';
+  document.querySelector('.canvas-frame').style.height = (4000 * z + 2 * padY) + 'px';
+  if (view) {
+    // Backward-compat старых view (без padding) — добавляем.
     if (typeof view.scrollLeft === 'number') {
       canvasWrap.scrollLeft = view.scrollLeft >= padX ? view.scrollLeft : view.scrollLeft + padX;
     } else canvasWrap.scrollLeft = padX;
@@ -1883,21 +1894,14 @@ async function selectBoard(board) {
       canvasWrap.scrollTop = view.scrollTop >= padY ? view.scrollTop : view.scrollTop + padY;
     } else canvasWrap.scrollTop = padY;
   } else {
-    state.zoom = 1;
-    applyZoomStyles(1);
-    $('zoomLabel').textContent = '100%';
     canvasWrap.scrollLeft = padX;
     canvasWrap.scrollTop = padY;
   }
 
-  // Auto-scroll к bbox нод — ТОЛЬКО если view не был сохранён ранее
-  // (т.е. это первый раз открываем доску, или юзер ни разу не скроллил).
-  // Раньше срабатывало всегда — из-за гонки с applyZoomStyles (resize
-  // через setTimeout 200ms) scrollLeft при zoom<1 клампился, bbox казался
-  // невидимым, view перебивался → юзер терял сохранённую позицию.
-  if (!view || (typeof view.scrollLeft !== 'number' && typeof view.scrollTop !== 'number')) {
-    requestAnimationFrame(() => _autoScrollToNodesIfHidden(padX, padY));
-  }
+  // Auto-scroll к bbox нод если ни одна не попадает в viewport.
+  // Frame уже ресайзнут синхронно выше, scroll проставлен корректно —
+  // в next frame _autoScrollToNodesIfHidden имеет валидную картинку.
+  requestAnimationFrame(() => _autoScrollToNodesIfHidden(padX, padY));
 
   // Возобновить незавершённые джобы текущей доски
   for (const n of state.currentBoard.metadata.nodes) {

package/renderer/chat.js

@@ -209,6 +209,17 @@
       },
     },
 
+    take_snapshot: {
+      description: 'Сделать снимок проекта ДО серьёзного изменения (удаление, массовое редактирование промптов, очистка таймлайна, перезапуск генерации). Юзер потом может откатить через UI tool-блока в чате. Label — короткое описание что собираешься делать («перед удалением 3 нод», «перед очисткой timeline»). НЕ делай snapshot перед read-only действиями (read_scene, list_scenes) — только перед destructive.',
+      params: '{"label":"<короткое описание что будет сделано>"}',
+      async handler({ label }) {
+        const snap = await takeSnapshot(label || 'без метки');
+        if (!snap) throw new Error('не удалось сделать snapshot (нет filmHandle?)');
+        const idx = snapshots.indexOf(snap);
+        return { ok: true, snapshotIdx: idx, label: snap.label, ts: snap.ts };
+      },
+    },
+
     delete_node: {
       description: 'Удалить ноду. Файл (если есть) переедет в _deleted/.',
       params: '{"id":"<node-id>"}',
@@ -421,6 +432,13 @@
     lines.push('- Не выдумывай имена сцен — сначала list_scenes.');
     lines.push('- Для генерации сразу после add_node — ВОЗЬМИ id из result.id ПРЕДЫДУЩЕГО вызова и передай в generate_node.');
     lines.push('- Когда нужно создать несколько нод сразу — выдавай add_node + generate_node чередуя, или сначала все add_node, потом все generate_node (используя id из их result-ов).');
+    lines.push('');
+    lines.push('SNAPSHOT для отката (важно):');
+    lines.push('- Перед DESTRUCTIVE действиями (delete_node, update_node_prompt, generate_node на ноду которая уже сгенерирована, clear_timeline, remove_clip_from_timeline) — позови take_snapshot ПЕРВЫМ tool в этом турне.');
+    lines.push('- Label snapshot\'a — короткое описание того что сейчас делаешь («перед удалением 3 нод», «перед перегенерацией картинки Закат», «перед очисткой таймлайна»).');
+    lines.push('- НЕ зови take_snapshot для read-only действий (read_scene, list_scenes, list_timeline) и для безопасных операций добавления (add_node без перетирания, add_clip_to_timeline).');
+    lines.push('- Если в одном турне НЕСКОЛЬКО destructive-вызовов — одного take_snapshot в начале достаточно.');
+    lines.push('');
     lines.push('- Отвечай по-русски, кратко. Объясняй что делаешь, без лишней воды.');
     lines.push('');
     lines.push('ВАЖНО: НИКОГДА не пиши <tool_result>...</tool_result> сам — это формат который Я');
@@ -703,8 +721,13 @@
   }
 
   function renderSnapshotBar() {
+    // Snapshot-bar отключён — откаты теперь inline в chat tool-блоке.
+    // (Кнопка ↩ Откатить «label» под каждым take_snapshot tool'ом.)
     const bar = $('chatSnapshotBar');
     if (!bar) return;
+    bar.style.display = 'none';
+    return;
+    // -- legacy code below, не выполняется --
     bar.innerHTML = '';
     if (!snapshots.length) { bar.style.display = 'none'; return; }
     bar.style.display = '';
@@ -1089,10 +1112,8 @@
     if (!userText.trim()) return;
     const key = sessionKey();
     if (!key) { alert('Сначала открой проект'); return; }
-    // Snapshot ДО мутации — клиентский (для отката чат-действий).
-    try {
-      await takeSnapshot(userText.length > 60 ? userText.slice(0, 60) + '…' : userText);
-    } catch (e) { console.warn('snapshot failed:', e?.message); }
+    // Snapshot НЕ берём автоматически — теперь это явный tool take_snapshot,
+    // который Claude вызывает перед destructive-действиями. См. system-prompt.
     // Контекст + system-prompt: формируем тут (на клиенте) и отдаём серверу.
     const ctxSnap = buildContextSnapshot();
     const system = buildSystemPrompt() + '\n\n' + buildContextBlock(ctxSnap);
@@ -1190,6 +1211,30 @@
         const pre = document.createElement('pre');
         pre.textContent = JSON.stringify(dumpAll, null, 2);
         t.appendChild(pre);
+        // Если среди tools есть take_snapshot — добавляем кнопки отката.
+        // Pattern: одна кнопка ↩ на каждый snapshot tool-call. snapshotIdx
+        // приходит из result handler'а (см. take_snapshot tool).
+        for (const tc of m.tools) {
+          if (tc.name !== 'take_snapshot' || !tc._ok || tc._error) continue;
+          const idx = tc.result?.snapshotIdx;
+          const lbl = tc.result?.label || tc.args?.label || '';
+          if (typeof idx !== 'number') continue;
+          const rb = document.createElement('button');
+          rb.className = 'chat-snapshot-rollback';
+          rb.textContent = `↩ Откатить «${lbl}»`;
+          rb.title = `Откат до snapshot'а #${idx}`;
+          rb.addEventListener('click', () => {
+            // snapshots могли уже измениться (новые добавились) — find by ts.
+            const realIdx = snapshots.findIndex(s => s.ts === tc.result?.ts);
+            if (realIdx < 0) {
+              alert('Snapshot потерялся (возможно вы переключили проект).');
+              return;
+            }
+            if (!confirm(`Откатить до «${lbl}»?`)) return;
+            rollbackToSnapshot(realIdx);
+          });
+          div.appendChild(rb);
+        }
         div.appendChild(t);
       }
       list.appendChild(div);

package/renderer/styles.css

@@ -300,6 +300,17 @@
     border-radius: 4px; padding: 2px 8px; cursor: pointer; font-size: 12px;
   }
   .chat-header button:hover { background: #2a2a2a; color: #fff; }
+  /* Кнопка отката снепшота прямо в чат-сообщении (под take_snapshot tool). */
+  .chat-snapshot-rollback {
+    margin-top: 4px; align-self: flex-start;
+    background: #232a36; border: 1px solid #3a4a5a; color: #aac;
+    font-size: 11px; padding: 3px 8px; border-radius: 999px;
+    cursor: pointer; opacity: 0.85;
+  }
+  .chat-snapshot-rollback:hover {
+    background: #2a3548; border-color: #4a6a8a; color: #cde; opacity: 1;
+  }
+
   .chat-snapshot-bar {
     padding: 6px 10px; background: #1f1f1f; border-bottom: 1px solid #2a2a2a;
     display: flex; align-items: center; gap: 6px; flex-shrink: 0;