kingkont 0.14.5 → 0.14.6

package/package.json

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

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;