kingkont 0.14.4 → 0.14.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.14.4",
+  "version": "0.14.6",
   "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

@@ -816,7 +816,8 @@
     const parts = [];
     if (ctx.scene) parts.push({ key: 'scene', label: `🎬 ${ctx.scene.name}`, removable: false });
     // Группируем выделенные ноды по type. Если 1 — показываем имя/id;
-    // если 2+ — «N картинок» с локализацией.
+    // если 2+ — «N картинок» с локализацией. Клик по чипу — снимает
+    // выделение с этой ноды (или со всех нод этого type для группы).
     const byType = {};
     for (const sel of ctx.selected) {
       (byType[sel.type] = byType[sel.type] || []).push(sel);
@@ -825,10 +826,28 @@
       const icon = type === 'image' ? '🖼' : type === 'video' ? '🎬' : type === 'audio' ? '🎙' : type === 'text' ? '📝' : '◉';
       if (items.length === 1) {
         const s = items[0];
-        parts.push({ key: 'sel:' + s.id, label: `${icon} ${s.name || s.id.slice(0, 6)}`, removable: false });
+        parts.push({
+          key: 'sel:' + s.id,
+          label: `${icon} ${s.name || s.id.slice(0, 6)}`,
+          removable: true,
+          onRemove: () => {
+            state.selectedNodeIds.delete(s.id);
+            if (typeof renderSelection === 'function') renderSelection();
+            renderContextRow();
+          },
+        });
       } else {
         const noun = _typeForms[type] || ['нода','ноды','нод'];
-        parts.push({ key: 'sel-grp:' + type, label: `${icon} ${items.length} ${_ru_plural(items.length, noun)}`, removable: false });
+        parts.push({
+          key: 'sel-grp:' + type,
+          label: `${icon} ${items.length} ${_ru_plural(items.length, noun)}`,
+          removable: true,
+          onRemove: () => {
+            for (const it of items) state.selectedNodeIds.delete(it.id);
+            if (typeof renderSelection === 'function') renderSelection();
+            renderContextRow();
+          },
+        });
       }
     }
     for (const a of ctx.attachments) {

package/renderer/styles.css

@@ -260,6 +260,10 @@
     box-shadow: -8px 0 32px rgba(0,0,0,0.4);
     /* --chat-font задаётся inline в chat.js (Cmd+/Cmd-). Дефолт 13px. */
     font-size: var(--chat-font, 13px);
+    /* Защита от horizontal-overflow: дочерние flex-элементы (длинные
+       имена чипов, tool-args в pre) могли push'ать ширину — fixed
+       position спасал, но без этого max-width дочерних не работал. */
+    overflow-x: hidden; box-sizing: border-box;
   }
   .chat-panel.chat-drag::before {
     content: '📎 Отпусти, чтобы прикрепить файл к чату';
@@ -274,6 +278,11 @@
     display: flex; flex-wrap: wrap; gap: 4px;
     padding: 6px 10px;
     background: #1a1a1a; border-top: 1px solid #2a2a2a;
+    /* min-width:0 — без этого flex-children не «сжимаются», и длинная
+       строка чипов раздвигает родителя (chat-panel получает горизонтальный
+       overflow). С flex-wrap:wrap + min-width:0 чипы корректно
+       переносятся на следующую строку. */
+    min-width: 0; max-width: 100%; box-sizing: border-box;
   }
   .chat-context-row:empty { display: none; }
   .chat-chip {
@@ -281,7 +290,12 @@
     background: #232a36; border: 1px solid #2c3848;
     color: #aac; font-size: 11px;
     padding: 2px 8px; border-radius: 999px;
-    max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+    max-width: 100%;       /* был 200px — длинные имена ужимались, но
+                              если width контейнера меньше 200px, чип всё
+                              ещё мог push'нуть строку. 100% относительно
+                              .chat-context-row → гарантированно влезает. */
+    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+    min-width: 0;          /* чтобы flex-shrink работал */
   }
   .chat-chip-x {
     background: transparent; border: none; color: #889;