kingkont 0.20.10 → 0.20.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.20.10",
+  "version": "0.20.12",
   "description": "KingKont \u00b7 Chatium \u2014 \u043d\u043e\u0434-\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0446\u0435\u043d \u0441 AI-\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0435\u0439 (\u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438/\u0432\u0438\u0434\u0435\u043e/\u0433\u043e\u043b\u043e\u0441/SFX/\u043c\u0443\u0437\u044b\u043a\u0430/\u0442\u0435\u043a\u0441\u0442)",
   "main": "main.js",
   "bin": {

package/renderer/board.js

@@ -3144,6 +3144,26 @@ $('newLocation').addEventListener('click', async () => {
     }
 });
 // =================== Board (универсально для серии и персонажа) ===================
+// Выделить ноду + проскроллить view так, чтобы она была в центре viewport'а.
+// Юзер: «после создания ноды (любой) нужно её выделять и перемещаться к ней».
+// Используется после addText/addLabel/genNode'а — иначе если spot оказался
+// за пределами текущего scroll'а, юзер не понимает что что-то создалось.
+function selectAndPanToNode(node) {
+    if (!node || !state.currentBoard) return;
+    try {
+        clearSelection();
+        state.selectedNodeIds.add(node.id);
+        renderSelection();
+    } catch {}
+    const { padX, padY } = _getFramePadding();
+    const z = state.zoom || 1;
+    const w = node.width || 280, h = node.height || 220;
+    const cx = node.x + w / 2;
+    const cy = node.y + h / 2;
+    canvasWrap.scrollLeft = cx * z + padX - canvasWrap.clientWidth / 2;
+    canvasWrap.scrollTop  = cy * z + padY - canvasWrap.clientHeight / 2;
+}
+window.selectAndPanToNode = selectAndPanToNode;
 // Если ни одна нода не попадает в видимую область canvas-wrap, скроллим
 // view на центр bbox всех нод. Используется после selectBoard / openFilm
 // — типичный кейс: юзер открывает старый проект, scroll был сохранён в
@@ -3155,27 +3175,31 @@ function _autoScrollToNodesIfHidden(padX, padY) {
     const nodes = board.metadata.nodes || [];
     if (!nodes.length)
         return;
-    // Считаем bbox в canvas-coords.
-    let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
-    for (const n of nodes) {
-        const w = n.width || 280, h = n.height || 220;
-        minX = Math.min(minX, n.x);
-        minY = Math.min(minY, n.y);
-        maxX = Math.max(maxX, n.x + w);
-        maxY = Math.max(maxY, n.y + h);
-    }
     const z = state.zoom || 1;
-    // Видимое окно в canvas-coords (viewport / zoom).
     const wrap = canvasWrap;
+    // Видимое окно в canvas-coords (viewport / zoom).
     const viewLeft = (wrap.scrollLeft - padX) / z;
     const viewTop = (wrap.scrollTop - padY) / z;
     const viewRight = viewLeft + wrap.clientWidth / z;
     const viewBottom = viewTop + wrap.clientHeight / z;
-    // Перекрытие? Если bbox нод хоть как-то пересекается с viewport — не трогаем.
-    const intersects = !(maxX < viewLeft || minX > viewRight || maxY < viewTop || minY > viewBottom);
-    if (intersects)
-        return;
-    // Иначе центрируем на bbox.
+    // Раньше проверяли пересечение viewport'а с BBOX всех нод — для нод
+    // в углах (0,0) и (5000,5000) bbox покрывал ВЕСЬ canvas → false-positive
+    // «не trigger'им». Теперь спрашиваем: есть ли ХОТЯ БЫ ОДНА нода хоть
+    // частично внутри viewport'а? Если нет — центрируем на bbox-у нод.
+    let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
+    let anyVisible = false;
+    for (const n of nodes) {
+        const w = n.width || 280, h = n.height || 220;
+        const nL = n.x, nR = n.x + w, nT = n.y, nB = n.y + h;
+        minX = Math.min(minX, nL);
+        minY = Math.min(minY, nT);
+        maxX = Math.max(maxX, nR);
+        maxY = Math.max(maxY, nB);
+        if (!(nR < viewLeft || nL > viewRight || nB < viewTop || nT > viewBottom)) {
+            anyVisible = true;
+        }
+    }
+    if (anyVisible) return;
     const cx = (minX + maxX) / 2;
     const cy = (minY + maxY) / 2;
     wrap.scrollLeft = cx * z + padX - wrap.clientWidth / 2;

package/renderer/generate.js

@@ -228,9 +228,18 @@ document.querySelectorAll('#addMenu button').forEach(btn => {
 
 async function addTextAt(pos) {
   if (!state.currentBoard) return;
-  const rect = canvas.getBoundingClientRect();
-  const x = pos ? (pos.clientX - rect.left) / state.zoom : canvasWrap.scrollLeft / state.zoom + 80;
-  const y = pos ? (pos.clientY - rect.top)  / state.zoom : canvasWrap.scrollTop  / state.zoom + 80;
+  let x, y;
+  if (pos) {
+    const rect = canvas.getBoundingClientRect();
+    x = (pos.clientX - rect.left) / state.zoom;
+    y = (pos.clientY - rect.top)  / state.zoom;
+  } else {
+    // Без позиции (клик по «Написать» в toolbar) — кладём в свободное место
+    // ВИДИМОЙ зоны. Раньше использовали scrollLeft+80 без учёта canvas-padding
+    // → нода уезжала за вьюпорт (padX=2000 в canvas-frame).
+    const spot = findFreeSpot();
+    x = spot.x; y = spot.y;
+  }
   const dir = await getOrCreateBoardSubdir(state.currentBoard.handle, 'texts');
   const mdName = await uniqueName(dir, 'text.md');
   await writeFile(dir, mdName, '');
@@ -238,6 +247,7 @@ async function addTextAt(pos) {
   state.currentBoard.metadata.nodes.push(node);
   canvas.appendChild(await createNodeEl(node));
   scheduleSave();
+  if (typeof selectAndPanToNode === 'function') selectAndPanToNode(node);
 }
 
 // Label-нода: лёгкая надпись поверх холста, без файла. Текст хранится
@@ -245,9 +255,15 @@ async function addTextAt(pos) {
 // удаляется при сериализации).
 async function addLabelAt(pos) {
   if (!state.currentBoard) return;
-  const rect = canvas.getBoundingClientRect();
-  const x = pos ? (pos.clientX - rect.left) / state.zoom : canvasWrap.scrollLeft / state.zoom + 80;
-  const y = pos ? (pos.clientY - rect.top)  / state.zoom : canvasWrap.scrollTop  / state.zoom + 80;
+  let x, y;
+  if (pos) {
+    const rect = canvas.getBoundingClientRect();
+    x = (pos.clientX - rect.left) / state.zoom;
+    y = (pos.clientY - rect.top)  / state.zoom;
+  } else {
+    const spot = findFreeSpot();
+    x = spot.x; y = spot.y;
+  }
   const node = {
     id: crypto.randomUUID(),
     type: 'label',
@@ -261,6 +277,7 @@ async function addLabelAt(pos) {
   const el = await createNodeEl(node);
   canvas.appendChild(el);
   scheduleSave();
+  if (typeof selectAndPanToNode === 'function') selectAndPanToNode(node);
   // Сразу входим в режим редактирования и выделяем весь текст —
   // юзер начинает печатать, и «Подпись» заменяется на введённое.
   setTimeout(() => {
@@ -524,6 +541,7 @@ $('textGenSubmit').addEventListener('click', async () => {
   canvas.appendChild(await createNodeEl(node));
   if (pendingFrom) addConnection(pendingFrom, node.id);
   scheduleSave();
+  if (typeof selectAndPanToNode === 'function') selectAndPanToNode(node);
   $('textGenModal').classList.add('hidden');
   // Фоновая генерация — модалку уже закрыли.
   runTextJob(node, resolvedPrompt, model, state.currentBoard.handle, state.currentBoard.key, imageRefs);
@@ -731,6 +749,7 @@ $('sfxSubmit').addEventListener('click', async () => {
   state.currentBoard.metadata.nodes.push(node);
   canvas.appendChild(await createNodeEl(node));
   scheduleSave();
+  if (typeof selectAndPanToNode === 'function') selectAndPanToNode(node);
   runSfxJob(node, text, durationSeconds, state.currentBoard.handle, state.currentBoard.key);
 });
 
@@ -863,6 +882,7 @@ $('musicSubmit').addEventListener('click', async () => {
   state.currentBoard.metadata.nodes.push(node);
   canvas.appendChild(await createNodeEl(node));
   scheduleSave();
+  if (typeof selectAndPanToNode === 'function') selectAndPanToNode(node);
   runMusicJob(node, prompt, durationMs, state.currentBoard.handle, state.currentBoard.key);
 });
 
@@ -1633,6 +1653,7 @@ $('genSubmit').addEventListener('click', async () => {
       addConnection(state.pendingConnectionFrom, node.id);
       state.pendingConnectionFrom = null;
     }
+    if (typeof selectAndPanToNode === 'function') selectAndPanToNode(node);
     if (saveOnly) {
       scheduleSave();
       $('genModal').classList.add('hidden');
@@ -1785,6 +1806,7 @@ $('genSubmit').addEventListener('click', async () => {
   if (saveOnly) node.status = 'draft';
   state.currentBoard.metadata.nodes.push(node);
   canvas.appendChild(await createNodeEl(node));
+  if (typeof selectAndPanToNode === 'function') selectAndPanToNode(node);
 
   // Async auto-name через LLM. НЕ блокируем — нода уже на холсте.
   // Когда LLM ответит — обновим node.name + DOM. Дедуп через uniqueNodeName.